:root{--bg: oklch(98.7% 0 0);--bg-sunken: oklch(97% 0 0);--surface: oklch(100% 0 0);--surface-hover: oklch(97.6% .004 265);--surface-pressed: oklch(95.6% .008 265);--fg: oklch(13% 0 0);--fg-muted: oklch(0% 0 0 / .62);--fg-faint: oklch(0% 0 0 / .42);--line: oklch(0% 0 0 / .12);--line-strong: oklch(0% 0 0 / .32);--draw: oklch(50.6% .289 264.8);--draw-soft: oklch(50.6% .289 264.8 / .1);--draw-wash: oklch(96.5% .02 265);--grid-minor: oklch(50.6% .289 264.8 / .045);--grid-major: oklch(50.6% .289 264.8 / .1);--accent: oklch(57% .2 28);--accent-soft: oklch(57% .2 28 / .1);--success: oklch(56% .13 160);--success-soft: oklch(56% .13 160 / .08);--font-read: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--t-label: 400 .75rem/1.3 var(--font-mono);--t-body: 400 .9375rem/1.5 var(--font-read);--t-lead: 400 1.125rem/1.45 var(--font-read);--t-title: 500 clamp(1.75rem, 3.6vw, 2.5rem)/1.05 var(--font-read);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--edge: max(16px, env(safe-area-inset-left));--r-sm: 3px;--r-md: 4px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-micro: 80ms;--dur-quick: .15s;--dur-fast: .25s;color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:var(--t-body)}:focus-visible{outline:1.5px dashed var(--accent);outline-offset:3px}button,input,select{font:inherit;color:inherit}.label{font:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.paper{background-color:var(--surface);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px}.card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:10px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:44px;padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font:400 .8125rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--fg);transition:background-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),scale var(--dur-quick) var(--ease-out)}.btn:not(:disabled):hover{background:var(--surface-hover)}.btn:not(:disabled):active{scale:.96;background:var(--surface-pressed);transition-duration:var(--dur-micro)}.btn:disabled{color:var(--fg-faint);cursor:default}.btn.primary{background:var(--draw-wash);color:var(--draw);border-color:color-mix(in oklch,var(--draw) 45%,transparent);padding:0 22px}.btn.primary:not(:disabled):hover{background:#e2ebff;background:oklch(94% .035 265)}.btn.primary:disabled{background:var(--surface);color:var(--fg-faint);border-color:var(--line)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.page{max-width:1120px;margin:0 auto;padding:max(var(--s-6),env(safe-area-inset-top)) var(--edge) var(--s-8)}.page-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-bottom:var(--s-6)}.sect{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-6);padding:var(--s-6) 0;border-top:1px solid var(--line)}.sect>.margin{font:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);padding-top:6px}.sect>.margin b{display:block;font-weight:500;color:var(--fg-muted);margin-bottom:6px}.sect>.margin span,.sect>.margin p{display:block;margin:0;font:400 .875rem/1.45 var(--font-read);letter-spacing:0;text-transform:none;color:var(--fg-faint);max-width:22ch}@media (max-width: 760px){.sect{grid-template-columns:1fr;gap:var(--s-3)}}.display{margin:0;font:500 clamp(2.25rem,4.4vw,3.5rem)/1.02 var(--font-read);letter-spacing:-.03em}.headline{margin:0;font:500 clamp(1.5rem,2.6vw,2rem)/1.12 var(--font-read);letter-spacing:-.02em}.reading{margin:0;font:400 1.125rem/1.55 var(--font-read);color:var(--fg-muted);max-width:58ch}.figure{font:500 .875rem var(--font-mono);font-variant-numeric:tabular-nums}.plate{position:relative;background-color:var(--surface);border:1px solid var(--line-strong);background-image:repeating-linear-gradient(90deg,var(--grid-major) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,var(--grid-major) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,var(--grid-minor) 0 1px,transparent 1px 8px),repeating-linear-gradient(0deg,var(--grid-minor) 0 1px,transparent 1px 8px)}.plate:before,.plate:after{content:"";position:absolute;pointer-events:none}.plate:before{left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 8px) top / 100% 5px no-repeat,repeating-linear-gradient(90deg,var(--line-strong) 0 1px,transparent 1px 40px) top / 100% 10px no-repeat}.plate:after{top:0;bottom:0;left:0;width:10px;background:repeating-linear-gradient(0deg,var(--line-strong) 0 1px,transparent 1px 8px) left / 5px 100% no-repeat,repeating-linear-gradient(0deg,var(--line-strong) 0 1px,transparent 1px 40px) left / 10px 100% no-repeat}.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}.ledger>li{border-bottom:1px solid var(--line)}.ledger-row{display:grid;align-items:center;gap:var(--s-4);min-height:64px;padding:var(--s-3) var(--s-2);color:inherit;text-decoration:none;transition:background-color var(--dur-quick) var(--ease-out)}a.ledger-row:hover{background:var(--surface-hover)}a.ledger-row:active{background:var(--surface-pressed)}.tickbar{position:relative;height:10px;border:1px solid var(--line-strong);border-radius:1px;background:var(--surface);background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10%)}.tickbar>i{position:absolute;inset:1px auto 1px 1px;border-radius:0}.seg{display:inline-flex;border:1px solid var(--line-strong);background:var(--surface)}.seg>*{display:inline-flex;align-items:center;height:36px;padding:0 14px;font:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);text-decoration:none;background:none;border:0;cursor:pointer;transition:color var(--dur-quick) var(--ease-out),background-color var(--dur-quick) var(--ease-out)}.seg>*+*{border-left:1px solid var(--line-strong)}.seg>*:hover{color:var(--fg)}.seg>[aria-current=true],.seg>[aria-pressed=true]{background:var(--draw-soft);color:var(--draw)}.defs{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-3) var(--s-5);margin:0}.defs dt{font:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--draw);padding-top:3px}.defs dd{margin:0;font:var(--t-body);font-size:1rem}.ink-check{width:1.5em;height:1.2em;vertical-align:-.2em;overflow:visible}.ink-flourish{position:absolute;left:0;bottom:-.55em;width:min(100%,14em);height:.7em;overflow:visible;pointer-events:none}.ink-circle{position:absolute;left:-.6em;top:-.45em;width:calc(100% + 1.2em);height:calc(100% + .9em);overflow:visible;pointer-events:none}.ink-seal{width:44px;height:44px;overflow:visible;font:500 22px var(--font-read)}.ink-seal text{font-family:inherit}.ink-seal-bronze{color:#ac6734}.ink-seal-silver{color:#7f8793}.ink-seal-gold{color:#c69612}.ink-seal-ink{color:var(--draw)}.ink-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;overflow:visible}.appbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--s-3);min-height:56px;padding:max(6px,env(safe-area-inset-top)) max(var(--edge),env(safe-area-inset-right)) 6px max(var(--edge),env(safe-area-inset-left));background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.appbar-left,.appbar-right{display:flex;align-items:center;gap:var(--s-2);min-width:0}.appbar-right{justify-content:flex-end}.appbar-back{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px 0 6px;margin-left:-6px;border-radius:var(--r-md);color:var(--draw);text-decoration:none;font:500 1rem var(--font-read);white-space:nowrap;transition:background-color var(--dur-quick) var(--ease-out),scale var(--dur-quick) var(--ease-out)}.appbar-back svg{width:11px;height:18px;flex:none}.appbar-back:hover{background:var(--draw-soft)}.appbar-back:active{scale:.96;transition-duration:var(--dur-micro)}.appbar-mark{font:500 1.0625rem var(--font-read);letter-spacing:-.01em;color:inherit;text-decoration:none;white-space:nowrap}.appbar-mark:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--draw);vertical-align:1px}.appbar-mid{display:grid;justify-items:center;line-height:1.2;min-width:0;text-align:center}.appbar-label{font:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.appbar-title{font:500 1rem var(--font-read);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.appbar .btn{height:40px}@media (max-width: 640px){.appbar-back span{display:none}.appbar-title{max-width:50vw}}.edge-back{position:fixed;z-index:60;left:0;top:0;width:34px;height:34px;margin-top:-17px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);color:var(--draw);opacity:0;pointer-events:none;transition:background-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.edge-back svg{width:9px;height:15px}.edge-back[data-armed=true]{background:var(--draw);color:#fff;border-color:var(--draw)}
