:root{color-scheme:dark;--bg:oklch(14.5% .012 118);--surface:oklch(16.8% .012 118);--surface-2:oklch(19.8% .012 118);--line:oklch(29% .012 118);--ink:oklch(92% .014 118);--ink-2:oklch(72% .016 118);--ink-3:oklch(54% .014 118);--ink-4:oklch(38% .012 118);--accent:oklch(86% .18 126);--accent-ink:oklch(18% .04 126);--accent-dim:oklch(86% .18 126/.14);--mark:oklch(78% .09 210);--danger:oklch(68% .17 25);--danger-dim:oklch(68% .17 25/.12);--font-sans:"Geist", "Segoe UI", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-serif:"Instrument Serif", "Iowan Old Style", "Times New Roman", serif;--radius:0;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.16s;--shadow:3px 3px 0 oklch(10% .012 118);--chrome:36px;--status:28px;--page-x:1rem;--space-2:.35rem;--space-3:.55rem;--space-4:.85rem;--space-5:1.25rem;--space-6:1.75rem}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-size-adjust:100%;margin:0;padding:0;font-size:14px;line-height:1.45}html{min-height:100svh}body{overflow-x:clip}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.chrome,.statusbar{background:var(--surface);border-color:var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-style:solid;align-items:center;gap:.75rem;font-size:11px;display:flex}.chrome{z-index:4;min-height:var(--chrome);padding:env(safe-area-inset-top) max(var(--page-x), env(safe-area-inset-right)) 0 max(var(--page-x), env(safe-area-inset-left));border-bottom-width:1px;justify-content:space-between;position:sticky;top:0}.statusbar{z-index:4;min-height:var(--status);padding:0 max(0rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0rem, env(safe-area-inset-left));color:var(--ink-3);border-top-width:1px;flex-wrap:nowrap;justify-content:flex-start;gap:0;position:sticky;bottom:0;overflow-x:auto}.statusbar span{height:var(--status);border-right:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;padding:0 .75rem;display:inline-flex}#clock{color:var(--mark)}.statusbar .ok{color:var(--accent)}.statusbar .bad{color:var(--danger)}.brand{color:var(--ink);letter-spacing:.14em;font-weight:500;text-decoration:none}.brand:hover{color:var(--accent);text-decoration:none}.nav{color:var(--ink-2);align-items:center;gap:.15rem;display:flex}.nav a,.nav .who{height:calc(var(--chrome) - 1px);color:var(--ink-2);box-shadow:inset 0 0 0 0 var(--accent);align-items:center;padding:0 .7rem;text-decoration:none;display:inline-flex}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);background:var(--accent-dim);box-shadow:inset 1px 0 0 var(--accent);text-decoration:none}.workspace{flex-direction:column;flex:auto;min-width:0;display:flex}.panel{flex-direction:column;flex:1;min-width:0;display:flex}.folio,.splash,.auth,.slug{padding:var(--space-5) max(var(--page-x), env(safe-area-inset-right)) var(--space-5) max(var(--page-x), env(safe-area-inset-left))}.kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .45rem;font-size:10px;font-weight:500}.display{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:2.25rem;font-style:italic;font-weight:400;line-height:1}.lede{max-width:42ch;color:var(--ink-2);margin:.55rem 0 0;font-size:.95rem}.lede.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.desk{flex:1;min-width:0}.folio{justify-content:space-between;align-items:flex-end;gap:var(--space-5) var(--space-6);border-bottom:1px solid var(--line);display:flex}.folio-hello .kicker{margin-bottom:var(--space-3)}.folio-end{align-items:flex-end;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.folio-end .btn{flex:none}.remainder{text-align:right;min-width:0;margin:0}.remainder-value,.slug-left{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink);line-height:1}.remainder-value{max-width:100%;padding-bottom:var(--space-2);border-bottom:1px solid var(--ink);overflow-wrap:anywhere;font-size:1.85rem;display:inline-block}.remainder-label{margin-top:var(--space-3);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px;display:block}.galleys{grid-template-columns:1fr;min-width:0;display:grid}.slug{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:0;min-width:0;display:flex}.slug:hover,.slug:focus-within{background:var(--accent-dim)}.compose{padding:var(--space-5) max(var(--page-x), env(safe-area-inset-right)) var(--space-5) max(var(--page-x), env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}.compose-empty{background:var(--bg);border-bottom:0;flex-direction:column;flex:1;justify-content:center;max-width:28rem;display:flex}.compose-empty .display{font-size:1.85rem}.slug-head{align-items:center;gap:var(--space-3);min-width:0;display:flex}.folio-no{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-3);flex:none;font-size:10px;font-weight:500}.slug .name{min-width:0;font-family:var(--font-sans);color:var(--ink);overflow-wrap:anywhere;flex:auto;margin:0;font-size:13.5px;font-weight:500}.slug-mark{flex:none;align-items:center;gap:.55rem;display:flex}.slug-left{padding-bottom:var(--space-2);border-bottom:1px solid var(--line);align-self:start;margin:.7rem 0 0;font-size:1.5rem}.slug-meta{margin:var(--space-3) 0 0;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);font-size:11px}.slug-tools{margin-top:var(--space-5);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.slug-edit{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}.compose-form{margin-top:var(--space-5)}.compose .lede{margin-top:var(--space-4)}.splash{flex-direction:column;flex:1;justify-content:center;max-width:40rem;padding-block:3rem;display:flex}.splash .display{font-size:clamp(2.4rem,6vw,3.4rem)}.splash .lede{margin-top:.85rem}.auth{max-width:28rem;padding-block:2.25rem}.auth-form{margin-top:1.25rem}.auth .muted{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:1rem;font-size:11px}.stack{gap:.85rem;display:grid}label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);gap:.3rem;font-size:10px;font-weight:500;display:grid}input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.55rem .65rem;font-size:13px}input::placeholder{color:var(--ink-4)}input:focus{border-color:var(--accent);background:var(--bg);outline:none}.btn{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow);text-decoration:none;transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn-secondary{background:var(--bg);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--ink);background:var(--surface-2)}.btn-danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 45%, var(--line));background:0 0}.btn-danger:hover{background:var(--danger-dim);border-color:var(--danger)}.btn-ghost{color:var(--ink-2);border-color:var(--line);background:0 0;padding:.35rem .55rem}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-2);background:var(--surface-2)}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.splash .btn-row{margin-top:1.35rem}.chrome .btn{padding:.28rem .55rem;font-size:10px}.error{color:var(--danger);background:var(--danger-dim);border:1px solid color-mix(in oklch, var(--danger) 45%, var(--line));font-family:var(--font-mono);letter-spacing:.04em;padding:.55rem .7rem;font-size:11px}.muted{color:var(--ink-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px;font-weight:500}.spark{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.spark i{background:var(--ink-4);width:3px;height:4px;display:block}.spark i:nth-child(2){height:6px}.spark i:nth-child(3){height:8px}.spark i:nth-child(4){height:10px}.spark i:nth-child(5){height:11px}.spark i:nth-child(6){height:12px}.spark i:nth-child(7){height:13px}.spark i:nth-child(8){height:14px}.spark i[data-on]{background:var(--accent)}.pay-form{align-items:center;gap:.25rem;display:flex}.pay-label{color:var(--ink-3);align-items:center;gap:.15rem;display:flex}.pay-prefix{color:var(--ink-3);font-weight:500}.pay-form input[type=number]{border-color:#0000;border-bottom-color:var(--line);background:0 0;width:5.6rem;padding:.28rem .4rem}.pay-form input[type=number]:focus{border-bottom-color:var(--accent);background:0 0}.flash{padding-inline:max(var(--page-x), env(safe-area-inset-left)) max(var(--page-x), env(safe-area-inset-right));border-top:0;border-left:0;border-right:0;border-bottom:1px solid color-mix(in oklch, var(--danger) 45%, var(--line));margin:0}@media (width>=880px){.galleys{grid-template-columns:1fr 1fr}.slug{border-right:1px solid var(--line)}.slug:nth-child(2n){border-right:none}}@media (width<=860px){.hide-md{display:none!important}.splash{max-width:none;padding-block:2rem}}@media (width<=720px){.hide-sm{display:none!important}.chrome{gap:.5rem}.brand{letter-spacing:.1em;min-width:0}.nav a,.nav .who{padding:0 .45rem}.display{font-size:1.85rem}.folio{align-items:stretch;gap:var(--space-5);flex-direction:column}.folio-end{padding-top:var(--space-5);border-top:1px solid var(--line);align-items:stretch}.folio-end .btn{align-self:flex-start}.remainder{text-align:left}.remainder-value{font-size:1.65rem}.slug-left{font-size:1.35rem}.pay-form input[type=number]{width:6.25rem;padding:.2rem .35rem;font-size:16px}input[type=text],input[type=email],input[type=password],input[type=number]{font-size:16px}.btn:hover{box-shadow:none;transform:none}.btn:active{transform:translate(2px,2px)}.auth{max-width:none}}@media (width<=400px){.statusbar span{padding:0 .55rem}.display{font-size:1.65rem}.remainder-value{font-size:1.45rem}.slug-left{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active{box-shadow:none;transition:none;transform:none}}