:root{color-scheme:light dark;--text-sm:.75rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:2rem;--space-0:.25rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--gutter:var(--space-2);--radius:0;--tap:44px;--row:2.75rem;--mark:1.125rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--table:#3a312b;--table-ink:#e6dccb;--slip:#f7f3ea;--print:#b0332a;--print-rule:#d99b95;--ink:#232544;--ink-soft:#5b5d7a;--ink-contrast:#f7f3ea;--shadow:0 1px 0 #00000040, 0 14px 32px #00000059}@media (prefers-color-scheme:dark){:root{--table:#161210;--table-ink:#cfc4b2;--slip:#e9e1cf;--print:#a52e22;--print-rule:#c9958d;--ink:#1f2140;--ink-soft:#4f5170;--ink-contrast:#e9e1cf;--shadow:0 1px 0 #0009, 0 18px 40px #0009}}@media (width>=56rem){:root{--gutter:var(--space-4)}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--table);color:var(--table-ink);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ink);color:var(--ink-contrast)}input,textarea{caret-color:var(--ink)}main{width:100%;max-width:68rem;padding:var(--gutter);margin-inline:auto}main.narrow{max-width:30rem}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600;line-height:1.2}p,fieldset,figure,hr{margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.slip{padding:var(--space-3);background:var(--slip);color:var(--ink);box-shadow:var(--shadow)}.perf{border:0;border-top:1px dashed var(--print)}button,.button{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--tap);padding:var(--space-1) var(--space-2);border:1px solid var(--print);border-radius:var(--radius);color:var(--ink);font-family:var(--font);font-size:var(--text-sm);letter-spacing:.1em;text-align:center;text-transform:uppercase;cursor:pointer;background:0 0;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{box-shadow:inset 0 0 0 2px var(--slip), inset 0 0 0 3px var(--print)}button:active:not(:disabled),.button:active{background:var(--ink);color:var(--ink-contrast);box-shadow:none}button:disabled{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--print);cursor:default;text-decoration-thickness:1px}button.primary,.button.primary{border-color:var(--ink);background:var(--ink);color:var(--ink-contrast)}button.primary:hover:not(:disabled),.button.primary:hover{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--ink-contrast)}button.primary:active:not(:disabled){color:var(--ink);background:0 0}button.danger{border-color:var(--print);color:var(--print)}button.danger:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--slip), inset 0 0 0 3px var(--print)}button.danger:active:not(:disabled){background:var(--print);color:var(--ink-contrast)}button.written{letter-spacing:normal;text-transform:none;border-color:#0000}input[type=text],select{width:100%;min-height:var(--tap);padding:var(--space-1) 0;border:0;border-bottom:1px solid var(--print);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-lg);background:0 0;border-radius:0;font-weight:700}input[type=checkbox],input[type=radio]{width:var(--mark);height:var(--mark);accent-color:var(--ink);margin:0}legend{padding:0}fieldset{border:0;padding:0}.choice{align-items:center;gap:var(--space-1);min-height:var(--tap);padding-inline:var(--space-1);cursor:pointer;display:inline-flex}.mark{width:var(--mark);height:var(--mark);border:1px solid var(--print);flex:none;place-items:center;display:grid}.mark svg{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26px;transition:stroke-dashoffset .12s cubic-bezier(.2,.8,.2,1);overflow:visible}:checked~.mark svg,.choice:has(input:checked) .mark svg{stroke-dashoffset:0}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.125rem;height:1.125rem}.stack{gap:var(--space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-0);flex-direction:column;display:flex}.muted{color:var(--ink-soft);font-size:var(--text-sm)}.error{color:var(--print)}.type-print,.field>label,.field>legend{font-family:var(--font);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:600;line-height:1.4}.field>label,.field>legend{color:var(--print)}.type-note{color:var(--print);font-family:var(--font);font-size:var(--text-sm);font-weight:500;line-height:1.45}.type-written{font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700}.type-display{font-family:var(--font-mono);letter-spacing:.12em;text-indent:.12em;font-size:clamp(3.25rem,22vw,5rem);font-weight:800;line-height:1}body,.type-body{font-family:var(--font);font-size:var(--text-base);font-weight:400;line-height:1.5}.type-clock{font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
