@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Mono:wght@400;700&family=VT323&display=swap";:root{--font-source: "google-fonts"}:root{--paper: #ffffff;--paper-sunk: oklch(.976 .002 250);--paper-edge: oklch(.955 .002 250);--ink-000: oklch(.155 .004 250);--ink-100: oklch(.29 .004 250);--ink-200: oklch(.43 .004 250);--ink-300: oklch(.5 .004 250);--ink-400: oklch(.545 .004 250);--ink-500: oklch(.73 .004 250);--ink-600: oklch(.855 .004 250);--ink-700: oklch(.925 .004 250);--text-primary: var(--ink-000);--text-secondary: var(--ink-200);--text-muted: var(--ink-300);--text-faint: var(--ink-400);--text-inverse: var(--paper);--surface-page: var(--paper);--surface-card: var(--paper);--surface-sunk: var(--paper-sunk);--surface-inverse: var(--ink-000);--surface-hover: var(--paper-sunk);--surface-selected: var(--ink-700);--border-strong: var(--ink-000);--border-default: var(--ink-500);--border-faint: var(--ink-600);--focus-ring: var(--ink-000);--status-idle: var(--ink-300);--status-active: var(--ink-000);--status-done: var(--ink-200);--status-error: var(--ink-000)}:root{--font-display: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-dot: "VT323", "Space Mono", ui-monospace, monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--text-display: 46px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--leading-receipt: 1.7;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-caps: .14em;--tracking-max: .28em;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--type-wordmark: var(--weight-bold) var(--text-xl) / var(--leading-tight) var(--font-display);--type-h1: var(--weight-bold) var(--text-2xl) / var(--leading-tight) var(--font-display);--type-h2: var(--weight-bold) var(--text-lg) / var(--leading-snug) var(--font-display);--type-label: var(--weight-medium) var(--text-2xs) / 1 var(--font-mono);--type-body: var(--weight-regular) var(--text-md) / var(--leading-normal) var(--font-mono);--type-receipt: var(--weight-regular) var(--text-sm) / var(--leading-receipt) var(--font-mono);--type-readout: var(--weight-regular) var(--text-lg) / 1.1 var(--font-dot)}:root{--space-0: 0px;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 56px;--space-11: 72px;--space-12: 96px;--receipt-dots-80: 576;--receipt-width-80: 384px;--receipt-width-58: 279px;--receipt-pad: var(--space-6);--receipt-chars-80: 42;--page-max: 1240px;--gutter: var(--space-7);--control-height: 32px;--control-height-lg: 40px}:root{--radius-none: 0px;--radius: var(--radius-none);--hairline: 1px;--thickline: 2px;--rule-solid: 1px solid var(--border-default);--rule-solid-strong: 1px solid var(--border-strong);--rule-dashed: 1px dashed var(--border-default);--rule-dashed-strong: 1px dashed var(--border-strong);--rule-dotted: 1px dotted var(--border-default);--rule-faint: 1px solid var(--border-faint);--shadow-none: none;--shadow-hard: 3px 3px 0 var(--ink-000)}:root{--duration-instant: 0ms;--duration-fast: 80ms;--duration-base: .14s;--ease-step: steps(4, end);--ease-out: cubic-bezier(.2, 0, 0, 1);--transition-control: background-color var(--duration-fast) linear, color var(--duration-fast) linear, border-color var(--duration-fast) linear;--blink: 1.06s}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--type-body);letter-spacing:var(--tracking-normal);text-wrap:pretty}a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-style:dashed}a:hover{color:var(--text-primary);background:var(--surface-selected);text-decoration-style:solid}::selection{background:var(--ink-000);color:var(--paper)}button,input,textarea,select{font:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@keyframes receipts-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes receipts-feed{0%{transform:translateY(-6px)}to{transform:translateY(0)}}:root{--receipt-dots: 512;--receipt-preview-width: 384px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--gutter);border-bottom:1px solid var(--border-strong);background:var(--surface-card);position:sticky;top:0;z-index:10}.app-header__brand{display:flex;align-items:baseline;gap:var(--space-5)}.wordmark{font:var(--type-wordmark)}.app-header__right{display:flex;align-items:center;gap:var(--space-5)}.readout-line{font:var(--type-readout);color:var(--text-secondary);white-space:nowrap}.caret{animation:receipts-blink var(--blink) steps(1,end) infinite}.panes{display:flex;gap:var(--gutter);padding:var(--gutter);max-width:var(--page-max);width:100%;margin:0 auto;align-items:flex-start}.pane--compose{flex:1 1 460px;min-width:380px;display:flex;flex-direction:column;gap:var(--gutter)}.pane--preview{flex:0 0 auto;align-self:flex-start;width:432px;position:sticky;top:76px}.log-strip{margin-top:auto;border-top:1px solid var(--border-strong);padding:var(--space-3) var(--gutter);background:var(--surface-card);display:flex;gap:var(--space-7);overflow:hidden}.log-strip span{font:var(--type-readout);color:var(--text-faint);white-space:nowrap}.log-strip span:first-child{color:var(--text-primary)}@media(max-width:900px){.panes{flex-direction:column}.panes>*{width:100%!important;flex:1 1 auto!important;min-width:0!important;position:static!important}}.card{display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-none);min-width:0}.card--dashed{border-style:dashed}.card--sunk{background:var(--surface-sunk)}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px dashed var(--border-default)}.card__title{margin:0;font:var(--type-label);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-primary)}.card__meta{font:var(--type-label);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.card__body{padding:var(--space-6);flex:1;min-width:0}.card__body--wide{padding:var(--space-7)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px dashed var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0}.divider:before,.divider:after{content:"";flex:1;border-top:1px dashed var(--border-default)}.divider__label{font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-faint);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:var(--control-height);padding:0 14px;font:var(--type-label);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);border-radius:var(--radius-none);cursor:pointer;transition:var(--transition-control);user-select:none;white-space:nowrap;background:var(--ink-000);color:var(--text-inverse);border:1px solid var(--ink-000)}.btn--sm{height:26px;padding:0 10px;font-size:var(--text-2xs)}.btn--lg{height:var(--control-height-lg);padding:0 20px;font-size:var(--text-sm)}.btn--block{width:100%}.btn:hover:not(:disabled){background:var(--ink-100);border-color:var(--ink-100)}.btn:active:not(:disabled){transform:translate(1px,1px)}.btn:disabled{background:var(--ink-600);color:var(--ink-100);border-color:var(--ink-600);cursor:not-allowed}.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-selected)}.btn--secondary:disabled{background:transparent;color:var(--text-faint);border-color:var(--border-faint)}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent;padding:0 6px}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.btn--ghost:disabled{background:transparent;color:var(--text-faint);border-color:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);padding:0;border-radius:var(--radius-none);cursor:pointer;transition:var(--transition-control);background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.icon-btn--sm{width:24px;height:24px}.icon-btn--ghost{border-color:transparent;color:var(--text-secondary)}.icon-btn:hover:not(:disabled){background:var(--surface-selected)}.icon-btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.icon-btn:active:not(:disabled){transform:translate(1px,1px)}.icon-btn[aria-pressed=true]{background:var(--ink-000);color:var(--text-inverse)}.icon-btn[aria-pressed=true]:hover:not(:disabled){background:var(--ink-100)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon{display:inline-flex;flex:0 0 auto;line-height:0}.icon svg{width:100%;height:100%}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field__label,.label{font:var(--type-label);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}.field__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.field__hint{font:var(--type-label);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint)}.field__hint--error{color:var(--text-primary);font-weight:var(--weight-bold)}.input,.select,.textarea{width:100%;background:var(--surface-card);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-md);border:1px solid var(--border-default);border-radius:var(--radius-none);outline-offset:1px}.input,.select{height:var(--control-height);padding:0 var(--space-3)}.textarea{padding:var(--space-4);line-height:var(--leading-receipt);resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-strong);outline:1px solid var(--focus-ring)}.select{appearance:none;padding-right:var(--space-7);background-image:linear-gradient(45deg,transparent 50%,var(--ink-000) 50%),linear-gradient(135deg,var(--ink-000) 50%,transparent 50%);background-position:right 14px top 14px,right 9px top 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-primary);user-select:none}.check input{position:absolute;opacity:0;width:0;height:0}.check__box{width:16px;height:16px;flex:0 0 auto;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;background:var(--surface-card);transition:var(--transition-control)}.check__box:after{content:"";font-size:11px;line-height:1;color:var(--text-inverse)}.check input:checked+.check__box{background:var(--ink-000)}.check input:checked+.check__box:after{content:"✓"}.check input:focus-visible+.check__box{outline:2px solid var(--focus-ring);outline-offset:1px}.check:hover .check__box{background:var(--surface-selected)}.check input:checked+.check__box:hover{background:var(--ink-100)}.seg{display:flex;flex-wrap:wrap}.seg>button{flex:1 0 auto;height:26px;padding:0 10px;margin-right:-1px;background:transparent;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-none);cursor:pointer;font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);transition:var(--transition-control)}.seg>button:last-child{margin-right:0}.seg>button:hover{background:var(--surface-selected)}.seg>button[aria-pressed=true]{background:var(--ink-000);color:var(--text-inverse)}.seg>button[aria-pressed=true]:hover{background:var(--ink-100)}.seg>button:active{transform:translate(1px,1px)}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.screens>button{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-none);cursor:pointer;transition:var(--transition-control)}.screens>button:hover{border-color:var(--border-strong)}.screens>button[aria-pressed=true]{border-color:var(--border-strong);background:var(--surface-sunk)}.screens canvas{width:100%;height:auto;display:block;background:var(--paper);border:1px solid var(--border-faint);image-rendering:pixelated}.screens .screens__name{font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-align:center;color:var(--text-muted)}.screens>button[aria-pressed=true] .screens__name{color:var(--text-primary);font-weight:var(--weight-bold)}.slider{width:100%;appearance:none;height:16px;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:1px;background:var(--border-strong)}.slider::-moz-range-track{height:1px;background:var(--border-strong)}.slider::-webkit-slider-thumb{appearance:none;width:9px;height:15px;margin-top:-7px;background:var(--ink-000);border:0;border-radius:var(--radius-none)}.slider::-moz-range-thumb{width:9px;height:15px;background:var(--ink-000);border:0;border-radius:var(--radius-none)}.slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--border-default)}.stat{padding:var(--space-4) var(--space-3);border-right:1px dashed var(--border-default)}.stat:last-child{border-right:0}.stat__k{font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-faint);display:block;margin-bottom:var(--space-2)}.stat__v{font:var(--type-readout);font-size:var(--text-xl);color:var(--text-primary)}.stat--flag .stat__v{font-weight:var(--weight-bold)}.stat--flag .stat__k:after{content:" !";font-weight:var(--weight-bold);color:var(--text-primary)}.paper{width:var(--receipt-preview-width);margin:0 auto;background:var(--paper);border:1px solid var(--border-faint);padding:var(--receipt-pad)}.paper__canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.paper__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:180px;color:var(--text-faint);background:repeating-linear-gradient(45deg,var(--paper-edge) 0 4px,var(--paper) 4px 8px);border:1px dashed var(--border-default)}.paper__empty span{background:var(--paper);padding:1px 5px;font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.cutline{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.cutline:before,.cutline:after{content:"";flex:1;border-top:1px dashed var(--border-default)}.cutline .icon{color:var(--text-faint)}.drop{width:100%;min-height:104px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-faint);background:var(--surface-sunk);border:1px dashed var(--border-default);transition:var(--transition-control)}.drop:hover,.drop[data-over=true]{background:var(--surface-selected);border-color:var(--border-strong)}.drop[data-loaded=true]{background:repeating-linear-gradient(45deg,var(--paper-edge) 0 4px,var(--paper) 4px 8px);border-color:var(--border-strong)}.drop__caption{font:var(--type-label);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);background:var(--paper);padding:1px 5px}.drop[data-loaded=true] .drop__caption{color:var(--text-secondary)}.queue{display:flex;flex-direction:column;gap:var(--space-2)}.queue__row{display:flex;align-items:baseline;gap:var(--space-3);font:var(--type-label);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.queue__row b{color:var(--text-primary);font-weight:var(--weight-bold)}.queue__glyph{width:1em;color:var(--text-primary)}.queue__row[data-status=claimed] .queue__glyph{animation:receipts-blink var(--blink) steps(1,end) infinite}.queue__spacer{flex:1;border-bottom:1px dotted var(--border-default)}.gate{max-width:380px;margin:12vh auto;padding:0 var(--gutter)}.gate .card__body,.stack{display:flex;flex-direction:column;gap:var(--space-5)}.stack--tight{gap:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:flex-end}.row--between{justify-content:space-between;align-items:center}.grow{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.note{font:var(--type-label);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint)}.note--loud{color:var(--text-primary);font-weight:var(--weight-bold)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}