:root,:root[data-theme=dark]{color-scheme:dark;--bg: #07070b;--ink: #edeae4;--prose: rgba(237, 234, 228, .92);--dim: rgba(237, 234, 228, .55);--faint: rgba(237, 234, 228, .26);--hair: rgba(237, 234, 228, .1);--edge: rgba(237, 234, 228, .1);--accent: rgb(232 195 106);--today: #e23636;--on-accent: #0a0a0e;--chip-bg: color-mix(in srgb, var(--accent) 88%, #000);--upcoming-filter: saturate(.72) brightness(.9);--band-opacity: .75;--wash-a: rgba(232, 195, 106, .05);--wash-b: rgba(127, 143, 240, .06);--vignette: rgba(0, 0, 0, .55);--monument: rgba(237, 234, 228, .05);--panel: rgba(13, 13, 20, .96);--fab-bg: rgba(13, 13, 20, .72);--ob-veil: rgba(4, 4, 9, .8);--card-bg: #0d0d13;--thumb-bg: #12121a;--poster-fallback: linear-gradient(160deg, #191925, #0c0c12);--logo-card: radial-gradient(90% 70% at 50% 42%, #16161f, #0a0a10);--scrim: rgba(7, 7, 11, .86);--scrim-mid: rgba(7, 7, 11, .72);--scrim-soft: rgba(7, 7, 11, .6);--shadow-card: 0 18px 44px -18px rgba(0, 0, 0, .85);--shadow-card-hover: 0 18px 50px -16px rgba(0, 0, 0, .9);--shadow-poster-lg: 0 34px 80px -24px rgba(0, 0, 0, .95);--shadow-menu: 0 24px 60px -18px rgba(0, 0, 0, .9);--shadow-panel: 0 40px 100px -24px rgba(0, 0, 0, .95);--shadow-badge: 0 2px 10px rgba(0, 0, 0, .6);--spine-halo-blur: 8px;--spine-halo-opacity: .28;--node-glow: 0 0 12px 1px color-mix(in srgb, var(--accent) 60%, transparent);--poster-glow: 0 0 34px -6px color-mix(in srgb, var(--accent) 35%, transparent);--fog-filter: grayscale(.85) blur(4px) brightness(.5) saturate(.5);--fog-filter-hover: grayscale(.35) blur(1.5px) brightness(.75) saturate(.8);--fog-veil: linear-gradient(to top, rgba(7, 7, 11, .55), transparent 55%);--fog-sheen: radial-gradient(90% 70% at 50% 30%, rgba(237, 234, 228, .05), transparent 70%);--fog-border: rgba(237, 234, 228, .05);--serif: "Fraunces", "Georgia", serif;--mono: "Space Mono", "Courier New", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{color-scheme:light;--bg: #edeee8;--ink: #1b222b;--prose: rgba(27, 34, 43, .92);--dim: rgba(27, 34, 43, .72);--faint: rgba(27, 34, 43, .68);--hair: rgba(27, 34, 43, .2);--edge: rgba(27, 34, 43, .5);--accent: rgb(132 96 16);--today: #c0181c;--on-accent: #fbfbf7;--chip-bg: color-mix(in srgb, var(--accent) 92%, var(--ink));--upcoming-filter: saturate(.78) brightness(1.14) contrast(.9);--band-opacity: 1;--wash-a: rgba(132, 96, 16, .06);--wash-b: rgba(90, 76, 184, .05);--vignette: rgba(27, 34, 43, .07);--monument: rgba(27, 34, 43, .14);--panel: rgba(252, 252, 249, .97);--fab-bg: rgba(252, 252, 249, .86);--ob-veil: rgba(237, 238, 232, .86);--card-bg: #dcddd6;--thumb-bg: #e6e7e0;--poster-fallback: linear-gradient(160deg, #f6f6f1, #e3e4dd);--logo-card: radial-gradient(90% 70% at 50% 42%, #fbfbf8, #e2e3db);--scrim: rgba(231, 232, 226, .88);--scrim-mid: rgba(231, 232, 226, .78);--scrim-soft: rgba(231, 232, 226, .66);--shadow-card: 0 1px 2px rgba(27, 34, 43, .1), 0 14px 28px -18px rgba(27, 34, 43, .34);--shadow-card-hover: 0 1px 2px rgba(27, 34, 43, .12), 0 18px 34px -16px rgba(27, 34, 43, .4);--shadow-poster-lg: 0 1px 2px rgba(27, 34, 43, .1), 0 26px 56px -26px rgba(27, 34, 43, .38);--shadow-menu: 0 1px 2px rgba(27, 34, 43, .1), 0 20px 44px -22px rgba(27, 34, 43, .3);--shadow-panel: 0 1px 2px rgba(27, 34, 43, .1), 0 28px 64px -28px rgba(27, 34, 43, .34);--shadow-badge: 0 1px 3px rgba(27, 34, 43, .28);--spine-halo-blur: 0px;--spine-halo-opacity: .26;--node-glow: 0 0 0 3.5px color-mix(in srgb, var(--accent) 18%, transparent);--poster-glow: 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);--fog-filter: grayscale(.85) blur(3.5px) brightness(1.16) contrast(.72) opacity(.62);--fog-filter-hover: grayscale(.4) blur(1.5px) brightness(1.06) contrast(.9) opacity(.88);--fog-veil: linear-gradient(to top, rgba(237, 238, 232, .74), transparent 55%);--fog-sheen: radial-gradient(90% 70% at 50% 30%, rgba(255, 255, 255, .55), transparent 70%);--fog-border: rgba(27, 34, 43, .1);--serif: "Fraunces", "Georgia", serif;--mono: "Space Mono", "Courier New", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}:root[data-theme=light] body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.stage{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage:active{cursor:grabbing}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120vh 90vh at 18% -10%,var(--wash-a),transparent 60%),radial-gradient(130vh 100vh at 85% 110%,var(--wash-b),transparent 60%);z-index:0}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 50%,transparent 55%,var(--vignette) 100%);z-index:3}.stars,.grain{position:absolute;inset:0;z-index:0;pointer-events:none}.monuments{position:absolute;inset:0;z-index:0;pointer-events:none;will-change:transform}.monument{position:absolute;top:50%;transform:translate(-50%,-54%);font-family:var(--serif);font-style:italic;font-weight:300;font-size:36vh;letter-spacing:-.03em;color:var(--monument);white-space:nowrap}.world{position:absolute;top:0;bottom:0;left:0;z-index:1;will-change:transform}.spine{position:absolute;top:50%;height:1.5px;margin-top:-1px;pointer-events:none;opacity:.7}.spine.glow{height:3px;filter:blur(var(--spine-halo-blur));opacity:var(--spine-halo-opacity)}.spine-future{position:absolute;top:50%;height:4px;margin-top:-2px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--bg) 12px 22px)}.tick{position:absolute;top:50%;width:1px;height:12px;transform:translate(-50%,-50%);background:var(--hair);pointer-events:none}.tick span{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.18em;color:var(--faint)}.today{position:absolute;top:50%;pointer-events:none;z-index:2}.today-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--today)}.today-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--today);opacity:.6;animation:halo 2.4s ease-out infinite}@keyframes halo{0%{transform:scale(.4);opacity:.7}to{transform:scale(1.6);opacity:0}}.today-label{position:absolute;top:20px;left:0;transform:translate(-50%);font-size:8.5px;letter-spacing:.22em;color:var(--today);white-space:nowrap}.intro,.outro{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,6vw,96px);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.32em;color:var(--accent);margin:0 0 26px}.intro h1{font-family:var(--serif);font-weight:340;font-size:clamp(40px,7.2vh,74px);line-height:1.06;letter-spacing:-.015em;margin:0 0 30px;max-width:14ch}.intro h1 em{font-style:italic;color:var(--accent);transition:color .6s linear}.intro-sub{font-size:11.5px;line-height:1.8;letter-spacing:.04em;color:var(--dim);max-width:46ch;margin:0 0 40px}.intro-hint{font-size:9.5px;letter-spacing:.3em;color:var(--faint);margin:0}.intro>*{animation:introUp .9s var(--ease) backwards}.intro .eyebrow{animation-delay:.15s}.intro h1{animation-delay:.3s}.intro .intro-sub{animation-delay:.5s}.intro .intro-hint{animation-delay:.75s}@keyframes introUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.outro{align-items:flex-start;justify-content:center}.outro-big{font-family:var(--serif);font-weight:320;font-style:italic;font-size:clamp(34px,6vh,60px);margin:0 0 22px;color:var(--ink)}.outro-sub{font-size:9.5px;letter-spacing:.28em;color:var(--faint);margin:0}.card{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);opacity:0;z-index:2}.card.above{bottom:50%}.card.below{top:50%}.card.above{--rise: 18px}.card.below{--rise: -18px}.card{translate:0 var(--rise);transition:opacity .55s var(--ease),translate .55s var(--ease)}.card.in{opacity:1;translate:0 0}.poster{position:relative;display:block;width:clamp(96px,19.5vh,172px);aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;border:1px solid var(--hair);background:var(--card-bg);box-shadow:var(--shadow-card);transition:transform .28s var(--ease),border-color .28s linear,box-shadow .28s linear}.poster img{width:100%;height:100%;object-fit:cover;display:block}img.logo-card{object-fit:contain;padding:14%;box-sizing:border-box;background:var(--logo-card)}.poster:hover,.poster:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:var(--shadow-card-hover),var(--poster-glow)}.poster-fallback{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:12px;text-align:left;background:var(--poster-fallback)}.pf-phase{font-family:var(--serif);font-style:italic;font-size:30px;color:color-mix(in srgb,var(--accent) 55%,transparent)}.pf-title{font-family:var(--serif);font-size:13px;line-height:1.3;color:var(--dim)}.caption{padding:10px 0 0;text-align:center;max-width:200px}.card.below .caption{padding:0 0 10px}.cap-meta{font-size:8.5px;letter-spacing:.2em;color:var(--faint);margin-bottom:5px;white-space:nowrap}.cap-title{font-family:var(--serif);font-weight:420;font-size:14.5px;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stem{width:1px;height:clamp(18px,3.6vh,34px);background:linear-gradient(to bottom,var(--hair),transparent)}.card.above .stem{background:linear-gradient(to bottom,transparent,var(--hair))}.node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--bg);border:1.5px solid color-mix(in srgb,var(--accent) 75%,transparent);transition:background .3s linear,box-shadow .3s linear}.node.seen{background:var(--accent);border-color:var(--accent);box-shadow:var(--node-glow)}.seen-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--chip-bg);color:var(--on-accent);font:700 11px / 20px var(--mono);text-align:center;box-shadow:var(--shadow-badge);pointer-events:none}.card.above .node{bottom:-4px}.card.below .node{top:-4px}.card.upcoming .poster{border-style:dashed;opacity:.82}.card.upcoming .poster img{filter:var(--upcoming-filter)}.card.upcoming .node{border-style:dashed}.card.upcoming .cap-meta:after{content:" · UPCOMING";color:color-mix(in srgb,var(--today) 80%,var(--ink))}.poster img{transition:filter .45s var(--ease)}.card.undiscovered .poster img{filter:var(--fog-filter);transform:scale(1.06)}.card.undiscovered .poster{border-color:var(--fog-border);box-shadow:var(--shadow-card)}.card.undiscovered .poster:after{content:"";position:absolute;inset:0;background:var(--fog-sheen),var(--fog-veil);pointer-events:none}.card.undiscovered .cap-title,.card.undiscovered .cap-meta{color:var(--faint)}.card.undiscovered .node{border-color:var(--hair)}.card.undiscovered .poster:hover img,.card.undiscovered .poster:focus-visible img{filter:var(--fog-filter-hover)}.wordmark{position:fixed;top:26px;left:30px;z-index:5;pointer-events:none}.wm-row{display:flex;align-items:center;gap:10px;font-size:9.5px;letter-spacing:.34em;color:var(--dim)}.wm-seen{margin-top:8px;font-size:8.5px;letter-spacing:.28em;color:color-mix(in srgb,var(--accent) 65%,var(--faint))}.wm-time{margin-top:3px;font-size:8.5px;letter-spacing:.22em;color:var(--faint)}.wm-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);transition:background .6s linear}.era{position:fixed;top:18px;right:30px;z-index:5;text-align:right;pointer-events:none}.era-year{font-family:var(--serif);font-weight:300;font-size:44px;line-height:1.1;animation:yearIn .4s var(--ease)}@keyframes yearIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.era-phase{font-size:8.5px;letter-spacing:.24em;color:var(--accent);transition:color .6s linear}.hint{position:fixed;bottom:70px;right:44px;z-index:5;font-size:10px;letter-spacing:.3em;color:var(--dim);animation:hintPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes hintPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.map{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:16px}.map-track{position:relative;width:min(520px,56vw);height:20px;cursor:pointer;touch-action:none}.map-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--hair)}.map-band{position:absolute;top:50%;height:2px;margin-top:-1px;opacity:var(--band-opacity);pointer-events:none}.map-dot{position:absolute;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;background:var(--faint);pointer-events:none}.map-dot.seen{width:3.5px;height:3.5px;margin:-1.75px 0 0 -1.75px;background:var(--ink);opacity:.95}.map-today{position:absolute;top:50%;width:1px;height:10px;margin-top:-5px;background:var(--today);pointer-events:none}.map-head{position:absolute;top:50%;width:2px;height:12px;margin:-6px 0 0 -1px;background:var(--ink);box-shadow:var(--node-glow);pointer-events:none}.map-count{font-size:9px;letter-spacing:.2em;color:var(--faint);min-width:58px;white-space:nowrap}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--scrim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:overlayIn .28s var(--ease);cursor:default}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sheet{display:grid;grid-template-columns:clamp(200px,26vh,300px) minmax(300px,54ch);gap:clamp(30px,4.5vw,68px);align-items:center;max-width:min(1060px,94vw);max-height:94vh;padding:40px;animation:sheetIn .34s var(--ease)}@keyframes sheetIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-poster{aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;border:1px solid var(--hair);background:var(--card-bg);box-shadow:var(--shadow-poster-lg)}.sheet-poster img{width:100%;height:100%;object-fit:cover;display:block}.sheet-eyebrow{font-size:9px;letter-spacing:.28em;color:var(--accent);margin:0 0 14px}.sheet-title{font-family:var(--serif);font-weight:380;font-size:clamp(28px,4vw,50px);line-height:1.05;letter-spacing:-.01em;margin:0 0 16px}.sheet-meta{font-size:9.5px;letter-spacing:.16em;line-height:1.9;color:var(--dim);margin:0 0 22px}.sheet-upcoming{color:var(--today)}.sheet-synopsis{font-family:var(--serif);font-weight:340;font-size:16.5px;line-height:1.62;color:var(--prose);margin:0 0 24px;max-width:52ch}.sheet-why{border-left:1px solid color-mix(in srgb,var(--accent) 55%,transparent);padding-left:18px;margin:0 0 30px}.why-label{font-size:8.5px;letter-spacing:.26em;color:var(--accent);margin:0 0 8px}.why-text{font-size:11px;line-height:1.75;letter-spacing:.03em;color:var(--dim);margin:0}.sheet-nav{display:flex;align-items:center;gap:10px}.sheet-nav button{font-size:9px;letter-spacing:.2em;color:var(--dim);border:1px solid var(--edge);border-radius:4px;padding:9px 14px;transition:color .2s,border-color .2s}.sheet-nav button:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.sheet-nav button:disabled{opacity:.3;cursor:default}.esc-hint{font-size:8.5px;letter-spacing:.2em;color:var(--faint);margin-left:8px}.sheet-nav .seen-btn{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.sheet-nav .seen-btn.on{background:var(--chip-bg);border-color:transparent;color:var(--on-accent)}.sheet-nav .seen-btn.on:hover{color:var(--on-accent);border-color:transparent}.ctx-backdrop{position:fixed;inset:0;z-index:19}.ctx-menu{position:fixed;z-index:20;min-width:220px;max-width:280px;padding:6px;background:var(--panel);border:1px solid var(--hair);border-radius:8px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-menu);animation:menuIn .16s var(--ease)}@keyframes menuIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-title{font-family:var(--serif);font-size:13.5px;color:var(--dim);padding:8px 10px;border-bottom:1px solid var(--hair);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:9px;letter-spacing:.18em;color:var(--dim);padding:10px;border-radius:5px;transition:background .15s,color .15s}.ctx-menu button:hover:not(:disabled),.ctx-menu button:focus-visible{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink)}.ctx-menu button:disabled{opacity:.35;cursor:default}.ctx-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--accent);flex:none}.ctx-dot.on{background:var(--accent);box-shadow:var(--node-glow)}.corner-fab{position:fixed;bottom:20px;z-index:6;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--dim);background:var(--fab-bg);border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s,border-color .2s}.search-fab{left:30px}.settings-fab{left:80px}.corner-fab svg{width:15px;height:15px}.corner-fab:hover,.corner-fab:focus-visible{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.fab-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(3px);padding:6px 10px;font-size:9px;letter-spacing:.22em;white-space:nowrap;color:var(--ink);background:var(--panel);border:1px solid var(--hair);border-radius:5px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s var(--ease)}.corner-fab:hover .fab-tip,.corner-fab:focus-visible .fab-tip{opacity:1;transform:translate(-50%) translateY(0)}.ob{position:fixed;inset:0;z-index:40}.ob-veil,.ob-ring{position:fixed;animation:ob-in .34s var(--ease) both}.ob-veil{inset:0;background:var(--ob-veil)}.ob-ring{box-shadow:0 0 0 9999px var(--ob-veil);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent)}.ob-ring-move{transition:top .34s var(--ease),left .34s var(--ease),width .34s var(--ease),height .34s var(--ease),border-radius .34s var(--ease)}.ob-card{position:fixed;width:300px;padding:16px 18px 14px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:ob-in .34s var(--ease) both}.ob-card-move{transition:top .34s var(--ease),left .34s var(--ease)}.ob-card-mid{top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px)}.ob-eyebrow{margin:0 0 6px;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--accent)}.ob-title{margin:0 0 7px;font-family:var(--serif);font-weight:380;font-size:19px;line-height:1.2;color:var(--ink)}.ob-body{margin:0 0 14px;font-size:12.5px;line-height:1.55;color:var(--dim)}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.ob-dots{display:flex;gap:5px}.ob-dot{width:5px;height:5px;border-radius:50%;background:var(--hair)}.ob-dot.on{background:var(--accent)}.ob-actions{display:flex;align-items:center;gap:6px}.ob-skip,.ob-next{font-family:var(--mono);font-size:9px;letter-spacing:.18em;padding:7px 11px;border-radius:5px;transition:color .2s,background .2s,border-color .2s}.ob-skip{color:var(--faint);border:1px solid transparent}.ob-skip:hover,.ob-skip:focus-visible{color:var(--ink)}.ob-next{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.ob-next:hover,.ob-next:focus-visible{background:color-mix(in srgb,var(--accent) 28%,transparent);border-color:var(--accent)}@keyframes ob-in{0%{opacity:0}to{opacity:1}}.settings-page{z-index:22;cursor:default}.settings-sheet{width:min(540px,94vw);max-height:84vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-panel);animation:sheetIn .3s var(--ease);overflow:hidden}.settings-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:22px 24px 18px;border-bottom:1px solid var(--hair)}.settings-eyebrow{font-size:9px;letter-spacing:.28em;color:var(--accent);margin:0 0 10px}.settings-title{font-family:var(--serif);font-weight:380;font-size:26px;margin:0}.set-back{font-size:8.5px;letter-spacing:.2em;color:var(--dim);border:1px solid var(--edge);border-radius:4px;padding:6px 10px;margin-bottom:12px;transition:color .2s,border-color .2s}.set-back:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.settings-count{font-size:9px;color:var(--dim);letter-spacing:.18em}.settings-body{padding:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.settings-body::-webkit-scrollbar{display:none}.set-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:8px;transition:background .15s}.set-row:hover:not(:disabled),.set-row:focus-visible{background:color-mix(in srgb,var(--accent) 9%,transparent)}.set-row:disabled{opacity:.4;cursor:default}.set-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.set-row-label{font-size:9.5px;letter-spacing:.2em;color:var(--ink)}.set-row-sub{font-size:8.5px;letter-spacing:.06em;color:var(--faint);line-height:1.6}.set-row-value{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:color-mix(in srgb,var(--accent) 70%,var(--dim))}.time-bar{display:block;height:3px;margin:4px 0 18px;border-radius:2px;background:var(--hair);overflow:hidden}.time-bar>span{display:block;height:100%;background:var(--accent);transition:width .4s var(--ease)}.time-bar-sm{height:2px;margin:6px 0 5px}.time-figures{display:grid;gap:2px;margin:0 0 22px;list-style:none;padding:0}.time-figures li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 14px;padding:11px 0;border-bottom:1px solid var(--hair)}.time-figures li:last-child{border-bottom:0}.time-key{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--dim)}.time-big{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:var(--serif);font-size:21px;line-height:1;color:var(--ink)}.time-exact{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--faint)}.time-heading{margin:0 0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--dim)}.time-groups{display:grid;gap:12px;margin:0;padding:0;list-style:none}.time-group-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.time-group-label,.time-group-pct{font-family:var(--mono);font-size:9px;letter-spacing:.14em}.time-group-label{color:var(--dim)}.time-group-pct{color:color-mix(in srgb,var(--accent) 70%,var(--dim))}.time-group-sub{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;color:var(--faint)}.time-note{margin:20px 0 0;font-size:8.5px;line-height:1.7;letter-spacing:.04em;color:var(--faint)}.set-chev{color:var(--faint);font-size:12px}.set-row-static{cursor:default}.seg{display:flex;flex:none;gap:2px;padding:2px;border:1px solid var(--edge);border-radius:6px}.seg button{font-size:8.5px;letter-spacing:.18em;color:var(--faint);padding:7px 12px;border-radius:4px;transition:background .2s,color .2s}.seg button:hover:not(.on){color:var(--dim)}.seg button.on{background:var(--chip-bg);color:var(--on-accent)}.set-row.danger .set-row-label{color:color-mix(in srgb,var(--today) 85%,var(--ink))}.set-row.danger:hover:not(:disabled){background:color-mix(in srgb,var(--today) 9%,transparent)}.confirm-layer{position:fixed;inset:0;z-index:26;display:grid;place-items:center;background:var(--scrim-soft);animation:overlayIn .16s var(--ease)}.confirm{width:min(400px,90vw);padding:24px;background:var(--panel);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow-panel);animation:sheetIn .22s var(--ease)}.confirm-title{font-family:var(--serif);font-weight:380;font-size:21px;margin:0 0 10px}.confirm-body{font-size:9.5px;letter-spacing:.08em;line-height:1.8;color:var(--dim);margin:0 0 20px}.confirm-actions{display:flex;gap:10px}.confirm-actions button{font-size:9px;letter-spacing:.2em;border-radius:4px;padding:9px 14px;border:1px solid var(--edge);color:var(--dim);transition:color .2s,border-color .2s}.confirm-actions .confirm-clear{color:color-mix(in srgb,var(--today) 85%,var(--ink));border-color:color-mix(in srgb,var(--today) 60%,transparent)}.confirm-actions .confirm-clear:hover{color:var(--ink);border-color:var(--today);background:color-mix(in srgb,var(--today) 14%,transparent)}.confirm-keep:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.settings-list{list-style:none;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain}.settings-list button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:6px;transition:background .15s}.settings-list button:hover:not(:disabled),.settings-list button:focus-visible{background:color-mix(in srgb,var(--accent) 11%,transparent)}.settings-list button:disabled{cursor:default}.set-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.set-label{font-size:9px;letter-spacing:.18em;color:var(--faint);transition:color .2s}.settings-list button.on .set-label{color:var(--ink)}.set-sub{font-size:8px;letter-spacing:.08em;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-count{flex:none;font-size:8.5px;letter-spacing:.12em;color:var(--faint)}.settings-list button.on .set-count{color:var(--dim)}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--hair)}.set-reset{font-size:8.5px;letter-spacing:.2em;color:var(--dim);border:1px solid var(--edge);border-radius:4px;padding:7px 10px;transition:color .2s,border-color .2s}.set-reset:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.set-reset:disabled{opacity:.35;cursor:default}.spot-scrim{position:fixed;inset:0;z-index:28;background:var(--scrim-mid);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlayIn .18s var(--ease)}.spot{position:fixed;z-index:30;top:16vh;left:50%;transform:translate(-50%);width:min(560px,92vw);max-height:60vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow-panel);animation:spotIn .2s var(--ease);overflow:hidden;cursor:default}@keyframes spotIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.spot-head{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--hair)}.spot-lens{width:15px;height:15px;color:var(--faint);flex:none}.spot-head input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-family:var(--mono);font-size:14.5px;letter-spacing:.03em}.spot-head input::placeholder{color:var(--faint)}.spot-esc{font-size:8.5px;letter-spacing:.2em;color:var(--faint);border:1px solid var(--edge);border-radius:4px;padding:4px 6px;flex:none}.spot-list{list-style:none;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.spot-list::-webkit-scrollbar{display:none}.spot-list button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:7px 10px;border-radius:6px}.spot-list button.active{background:color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}.spot-list img,.spot-thumb-fallback{width:30px;height:45px;object-fit:cover;border-radius:3px;border:1px solid var(--hair);flex:none;background:var(--thumb-bg)}.spot-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.spot-title{font-family:var(--serif);font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-meta{font-size:8.5px;letter-spacing:.18em;color:var(--faint)}.spot-seen{flex:none;font-size:11px;color:var(--accent)}.spot-empty{padding:22px 14px;font-size:9.5px;letter-spacing:.18em;color:var(--faint);text-align:center}.spot-foot{padding:10px 16px;border-top:1px solid var(--hair);font-size:8.5px;letter-spacing:.2em;color:var(--faint)}@media(max-width:760px){.wm-row{display:none}.wm-time span{display:block}.wm-time .wm-time-sep{display:none}.era{top:14px;right:18px}.era-year{font-size:30px}.monument{font-size:24vh}.poster{width:clamp(84px,16vh,130px)}.cap-title{font-size:12.5px}.intro h1{font-size:clamp(30px,5.6vh,48px)}.corner-fab{bottom:14px;width:36px;height:36px;left:50%}.search-fab{margin-left:-43px}.settings-fab{margin-left:7px}.map{bottom:72px}.map-track{width:62vw}.hint{right:20px;bottom:112px}.spot{top:9vh;width:94vw;max-height:68vh}.sheet{grid-template-columns:1fr;gap:20px;padding:24px;max-height:100vh;overflow-y:auto}.sheet-nav{flex-direction:column;align-items:stretch;gap:8px}.sheet-nav button{width:100%;padding:12px 14px;text-align:center}.esc-hint,.spot-esc,.spot-foot{display:none}.sheet-poster{width:min(46vw,220px);justify-self:center}}@media(max-height:640px){.poster{width:clamp(84px,17vh,140px)}.monument{font-size:30vh}}@media(prefers-reduced-motion:reduce){.card{transition:none;translate:0 0}.today-dot:after,.hint{animation:none}.era-year{animation:none}.overlay,.sheet,.intro>*,.spot,.spot-scrim,.ctx-menu,.settings,.ob-veil,.ob-ring,.ob-card{animation:none}.ob-ring-move,.ob-card-move{transition:none}}:root[data-theme=light] .spine{opacity:1;filter:blur(.25px)}:root[data-theme=light] .spine.glow{height:.5px;margin-top:2.5px}:root[data-theme=light] .spine-future{background:repeating-linear-gradient(90deg,transparent 0 5px,var(--bg) 5px 13px)}:root[data-theme=light] .monument{color:transparent;-webkit-text-stroke:clamp(1px,.15vh,1.6px) var(--monument);text-shadow:.5px .5px 0 rgba(255,255,255,.35)}:root[data-theme=light] .settings-sheet,:root[data-theme=light] .spot,:root[data-theme=light] .confirm,:root[data-theme=light] .ctx-menu{box-shadow:inset 0 0 0 1px #fcfcf9e6,inset 0 0 0 2px #1b222b1c,var(--shadow-panel)}