:root{--black: #0a0908;--ink: #f3ece0;--ink-soft: #cfc6b8;--ink-mute: #968b7b;--panel: rgba(14, 12, 10, .62);--panel-border: rgba(243, 236, 224, .14);--rule: rgba(243, 236, 224, .12);--accent: #4bb79f;--accent-deep: #6ed0b8;--accent-tint: rgba(75, 183, 159, .16);--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--radius: 14px;--t-out: .26s;--t-in: .42s;--t-bg: .82s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;opacity:0;transition:opacity var(--t-bg) cubic-bezier(.4,0,.2,1);will-change:opacity}.bg-layer.visible{opacity:1}.bg-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0a0908fa,#0a0908b8 8%,#0a09082e 26%,#0a090824 55%,#0a09088c),radial-gradient(120% 90% at 50% 60%,transparent 40%,rgba(10,9,8,.5) 100%);pointer-events:none}.shell{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;padding:var(--s4);gap:var(--s4)}@media(min-width:640px){.shell{padding:var(--s5) var(--s6)}}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.wordmark{font-family:var(--serif);font-weight:600;font-size:1.25rem;letter-spacing:-.015em;margin:0;color:var(--ink)}.wordmark span{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:var(--s2)}.chip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.8125rem;font-weight:500;color:var(--ink-soft);background:#f3ece012;border:1px solid var(--panel-border);border-radius:999px;padding:.35em .9em;cursor:pointer;transition:background .12s ease,color .12s ease}.chip-btn:hover{background:#f3ece024;color:var(--ink)}.chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-btn[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-deep);border-color:#4bb79f66}.seg{display:inline-flex;border:1px solid var(--panel-border);border-radius:999px;overflow:hidden;background:#f3ece00d}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--ink-mute);background:transparent;border:0;padding:.4em .85em;cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-deep)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s4) 0}.card{width:100%;max-width:46rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 2px #00000080,0 24px 60px -24px #000c;padding:var(--s6) var(--s5);text-align:center}@media(min-width:640px){.card{padding:var(--s7) var(--s7)}}.fade{transition:opacity var(--t-in) cubic-bezier(.2,.7,.3,1),transform var(--t-in) cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}.fade.in{opacity:1;transform:none}.fade.out{opacity:0;transform:translateY(6px) scale(.995);transition-duration:var(--t-out);pointer-events:none}@media(prefers-reduced-motion:reduce){.fade,.bg-layer{transition-duration:1ms}.fade.out{transform:none}}.card-top{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-bottom:var(--s5)}.era{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-tint);border:1px solid rgba(75,183,159,.35);padding:.35em .8em;border-radius:999px}.bookmark-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:var(--s1);cursor:pointer;color:var(--ink-mute);line-height:0;border-radius:8px;transition:color .12s ease,transform .12s ease}.bookmark-btn:hover{color:var(--ink);transform:scale(1.08)}.bookmark-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bookmark-btn.active{color:var(--accent-deep)}.hook{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,1.05rem + 2.1vw,2.5rem);line-height:1.22;letter-spacing:-.018em;margin:0 0 var(--s4);text-wrap:balance}.body{font-size:clamp(.9375rem,.9rem + .25vw,1.0625rem);color:var(--ink-soft);max-width:46ch;margin:0 auto;text-wrap:pretty;text-align:left}.body p{margin:0 0 var(--s3)}.body p:last-child{margin-bottom:0}.read-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--accent-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.read-more:hover{color:var(--accent)}.read-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.stamp{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--rule);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.source-link{color:var(--ink-mute);text-underline-offset:3px}.source-link:hover{color:var(--accent-deep)}.controls{display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:600;font-size:1rem;color:#0b1a17;background:var(--accent);border:1px solid rgba(0,0,0,.25);border-radius:10px;padding:0 1.5rem;height:3rem;min-width:14rem;cursor:pointer;box-shadow:0 1px 2px #00000080,0 6px 14px -6px #0009;transition:transform .12s ease,background .12s ease}.btn:hover{background:var(--accent-deep)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.meta{display:flex;align-items:center;gap:var(--s3);font-size:.75rem;color:var(--ink-mute);flex-wrap:wrap;justify-content:center;margin:0}kbd{font-family:var(--sans);font-size:.6875rem;font-weight:600;background:#f3ece014;border:1px solid rgba(243,236,224,.22);border-bottom-width:2px;border-radius:5px;padding:.15em .45em;color:var(--ink-soft)}.hint-keys{display:none}@media(hover:hover)and (pointer:fine){.hint-keys{display:inline-flex;align-items:center;gap:.4em}}footer{text-align:center;font-size:.75rem;color:var(--ink-mute)}.bookmarks{width:100%;max-width:46rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:var(--s5)}@media(min-width:640px){.bookmarks{padding:var(--s6)}}.bookmarks h2{font-family:var(--serif);font-weight:600;font-size:1.4rem;margin:0 0 var(--s4)}.bookmarks-empty{color:var(--ink-mute);margin:0}.bookmark-list{list-style:none;margin:0;padding:0}.bookmark-list li{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}.bookmark-list li:last-child{border-bottom:0}.bookmark-open{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;text-align:left;color:var(--ink);cursor:pointer;flex:1;min-width:0}.bookmark-open:hover .bm-hook{color:var(--accent-deep)}.bookmark-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.bm-hook{display:block;font-family:var(--serif);font-size:1.05rem;line-height:1.35;transition:color .12s ease}.bm-meta{display:block;font-size:.75rem;color:var(--ink-mute);margin-top:2px;letter-spacing:.04em;text-transform:uppercase}.bm-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;color:var(--accent-deep);padding:var(--s1);line-height:0;border-radius:8px;flex-shrink:0}.bm-remove:hover{color:var(--ink)}.bm-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading,.load-error{color:var(--ink-mute);text-align:center}.load-error button{margin-left:.5em}