.ln-desk { background: var(--ln-ballet); padding: clamp(3rem, 7vw, 6rem) var(--ln-gutter); display: grid; gap: 2rem; }
.ln-desk__head p { margin-top: 1rem; max-width: 40rem; color: var(--ln-ink-muted); }
.ln-desk__form { display: grid; gap: 1rem; align-content: start; }
.ln-desk__set { margin: 0; border: 0; padding: 1.25rem; background: var(--ln-paper); border-radius: 1.25rem; display: grid; gap: .9rem; min-width: 0; }
.ln-desk__set legend { float: left; width: 100%; padding: 0; margin-bottom: .25rem; font: 400 1.3rem/1.1 var(--ln-display); }
.ln-desk__help { font-size: .85rem; color: var(--ln-ink-muted); margin-top: -.5rem; }
.ln-desk .ui-field { display: grid; gap: .3rem; }
.ln-desk .ui-field label { font-size: .9rem; font-weight: 600; }
.ln-desk select, .ln-desk input[type=number] { width: 100%; font: inherit; padding: .65rem .8rem; border: 1px solid var(--ln-rule); border-radius: .75rem; background: var(--ln-milk); color: var(--ln-ink); }
.ln-desk input[type=checkbox] { width: 1.15rem; height: 1.15rem; accent-color: var(--ln-ultramarine); margin: 0 .6rem 0 0; vertical-align: -.2rem; }
.ln-desk__extras .ui-field label:has(input[type=checkbox]) { font-weight: 400; }
.ln-desk button { justify-self: start; font: 600 1rem var(--ln-text); padding: .8rem 1.4rem; border: 0; border-radius: 999px; background: var(--ln-ultramarine); color: var(--ln-on-ultramarine); cursor: pointer; }
.ln-slip {
  align-self: start; background: var(--ln-paper); padding: 1.75rem 1.5rem 1.5rem; border-radius: .25rem .25rem 1.25rem 1.25rem; position: relative;
  -webkit-mask: radial-gradient(circle at 50% 0, transparent .4rem, var(--ln-ink) .45rem) 0 0 / 1.1rem 100% repeat-x;
  mask: radial-gradient(circle at 50% 0, transparent .4rem, var(--ln-ink) .45rem) 0 0 / 1.1rem 100% repeat-x;
}
.ln-slip__stub { display: flex; gap: .5rem; align-items: center; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ln-ink-muted); }
.ln-slip__title { font-size: 1.9rem; margin: .75rem 0 1.25rem; }
.ln-slip__lines { margin: 0; display: grid; gap: .55rem; }
.ln-slip__line { display: flex; justify-content: space-between; gap: 1rem; }
.ln-slip__line dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ln-slip__total { display: flex; justify-content: space-between; align-items: baseline; margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--ln-rule); }
.ln-slip__total strong { font: 400 2.6rem/1 var(--ln-display); color: var(--ln-ultramarine); font-variant-numeric: tabular-nums; }
.ln-slip__deposit { display: flex; gap: .6rem; margin-top: 1rem; padding: .8rem .9rem; background: var(--ln-milk); border-radius: .75rem; font-size: .92rem; }
.ln-slip__time { margin-top: 1.25rem; font-size: .92rem; }
.ln-slip__time > p { display: flex; gap: .6rem; }
.ln-slip__segments { list-style: none; padding: 0; margin: .75rem 0 0; display: flex; height: .9rem; border-radius: 999px; overflow: hidden; gap: 2px; }
.ln-slip__segment { flex: var(--ln-minutes) 1 0; animation: ln-set .9s var(--ln-ease) both; transform-origin: left; }
.ln-slip__segment span { position: absolute; left: -100vw; }
.ln-slip__segment--work, .ln-timebar__part--work, .ln-key--work, .ln-board__block--work { background: var(--ln-ultramarine); }
.ln-slip__segment--processing, .ln-timebar__part--processing, .ln-key--processing, .ln-board__block--processing {
  background: repeating-linear-gradient(135deg, var(--ln-shade-ballet) 0 4px, var(--ln-shade-rose) 4px 6px);
}
.ln-slip__segment--buffer, .ln-timebar__part--buffer, .ln-key--buffer, .ln-board__block--buffer { background: var(--ln-rule); }
@keyframes ln-set { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ln-slip__policy, .ln-slip__notes { list-style: none; padding: 0; margin: 1.1rem 0 0; display: grid; gap: .4rem; font-size: .88rem; color: var(--ln-ink-muted); }
.ln-slip__notes li { display: flex; gap: .5rem; color: var(--ln-ink); }
@media (min-width: 64rem) {
  .ln-desk { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 3rem; }
  .ln-desk__head { grid-column: 1 / -1; }
  .ln-desk__extras { grid-template-columns: 1fr 1fr; }
  .ln-desk__extras legend { grid-column: 1 / -1; }
  .ln-slip { position: sticky; top: 6rem; }
}