:root{--dish-h: 210;--dish-s: 28;--dish-l: 8;--dish-a: .42;--bg: #06090f;--ink: #e9eef4;--muted: #8a97a8;--line: rgba(233, 238, 244, .1);--accent: hsl(var(--dish-h), 42%, 72%);--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}.app{position:relative;height:100%;height:100svh;overflow:hidden}.glass{background:hsla(var(--dish-h),calc(var(--dish-s) * .65%),calc(var(--dish-l) * 1%),var(--dish-a));backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);border:1px solid hsla(var(--dish-h),38%,82%,.18);box-shadow:0 12px 48px #00000061,inset 0 1px hsla(var(--dish-h),40%,92%,.2)}a{color:inherit}h1,h2,h3{font-weight:400;margin:0}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:11px}.stage{position:relative;height:100vh;height:100svh;width:100%;overflow:hidden;background:var(--bg)}.stage canvas{position:absolute;inset:0;display:block}.hero{position:absolute;top:clamp(20px,4vh,44px);left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);pointer-events:none;mix-blend-mode:screen;z-index:2}.brand{display:inline-block;transform-origin:top left;font-size:clamp(44px,8vw,116px);line-height:.92;letter-spacing:-.02em;font-style:italic;color:#f4f7fb;text-shadow:0 0 40px hsla(var(--dish-h),50%,70%,.25);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.tagline{margin:14px 0 0 4px;max-width:34ch;font-size:clamp(16px,1.6vw,21px);line-height:1.3;color:#e9eef4d1;overflow:hidden;max-height:6em;transition:opacity 1s ease,max-height 1s ease,margin 1s ease}.hero.quiet,.app.panel-open .hero,.app.history-open .hero{mix-blend-mode:normal}.hero.quiet .brand,.app.panel-open .brand,.app.history-open .brand{transform:scale(.36)}.hero.quiet .tagline,.app.panel-open .tagline,.app.history-open .tagline{opacity:0;max-height:0;margin:0}.stage-meta{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,3vh,32px);display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(56ch,calc(100% - 8rem));z-index:2;padding:10px 14px 12px;border-radius:14px;pointer-events:auto}.beat{margin:0;pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.06em;line-height:1.35;color:#e9eef4c7;text-shadow:0 1px 16px rgba(6,9,15,.85)}.beat.spike{color:#e6c47a;font-size:13px;animation:beat-in .55s ease-out}@keyframes beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#e9eef4b3}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 #9fe8d680}.dot.live{background:var(--accent);animation:pulse 2.4s ease-out infinite}.stage.spiking:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 2px #ebcc848c,inset 0 0 72px #a6833029;animation:rim-flash 8s ease-out forwards}.stage.spiking .status{color:#e6c47a}.stage.spiking .dot.live{background:#e6c47a;animation:pulse .7s ease-out 4}@keyframes rim-flash{0%{opacity:1}22%{opacity:.85}to{opacity:0}}.part-tip{position:absolute;z-index:3;pointer-events:none;padding:7px 11px;border-radius:11px;transform:translate(14px,calc(-100% - 10px));font-family:var(--mono);font-size:11px;letter-spacing:.04em;line-height:1.35;max-width:28ch;white-space:normal}.part-tip .kicker{display:block;color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.part-tip .detail{color:#e9eef4d1}.dot.connecting,.dot.reconnecting{background:#e6c47a}.dot.offline{background:#d76c6c}.dot.replay{background:#e6c47a;box-shadow:0 0 10px #e6c47a99}.link-btn{background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 2px;color:#e9eef499;cursor:pointer;margin-left:6px;text-decoration:none;font:inherit}.link-btn:hover,.link-btn[aria-pressed=true]{color:var(--ink)}.link-btn:disabled{opacity:.45;cursor:default}.stage.history-open .stage-meta,.stage.history-open .scroll-hint{bottom:200px}.timeline{position:absolute;left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);bottom:clamp(14px,3vh,28px);padding:10px 12px 8px;border-radius:14px;background:#0a101a80;backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 48px #00000061,inset 0 1px #fff3;animation:tl-in .35s ease-out;z-index:3}@keyframes tl-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.tl-left,.tl-right{display:flex;align-items:center;gap:6px;min-width:0}.tl-readout{color:#e9eef4cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:6px}.tl-spike{color:#e6c47a}.tl-btn{font-family:var(--mono);font-size:11px;color:#e9eef4bf;background:#ffffff0d;border:1px solid var(--line);border-radius:6px;padding:3px 8px;cursor:pointer;line-height:1.4}.tl-btn:hover{color:var(--ink);background:#ffffff17}.tl-btn.on{color:var(--ink);background:#e6c47a29;border-color:#e6c47a73}.tl-btn.on.live{background:#9fe8d629;border-color:#9fe8d673}.tl-strip{position:relative;height:44px;cursor:ew-resize;touch-action:none;user-select:none;border-radius:4px;overflow:visible;background:#ffffff08}.tl-strip canvas{display:block;border-radius:4px}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 6px #fffc;transform:translate(-.5px);pointer-events:none}.tl-playhead:after{content:"";position:absolute;top:-1px;left:-3px;width:7px;height:7px;border-radius:50%;background:#fff}.tl-tip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);min-width:180px;max-width:280px;padding:8px 10px;background:#06090feb;border:1px solid var(--line);border-radius:8px;pointer-events:none;font-size:13px;line-height:1.35;z-index:2}.tl-tip .mono{color:var(--muted);margin-bottom:4px}.tl-axis{position:relative;display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px}.tl-day{position:absolute;top:0;transform:translate(-50%);color:#e9eef4bf;white-space:nowrap;padding:0 6px;background:#06090fb3}@media (max-width: 720px){.tl-right .muted,.tl-axis span:nth-child(2){display:none}}@keyframes pulse{0%{box-shadow:0 0 #9fe8d68c}to{box-shadow:0 0 0 12px #9fe8d600}}.scroll-hint{display:none}.dock{position:absolute;top:clamp(14px,2.5vh,22px);right:clamp(14px,2.5vw,22px);z-index:4;width:min(268px,calc(100vw - 28px));max-height:min(62vh,calc(100svh - 28px));display:flex;flex-direction:column;border-radius:12px;overflow:hidden;min-height:0;box-shadow:0 8px 28px #00000052,inset 0 1px #ffffff2e}.dock.expanded{max-height:min(62vh,calc(100svh - 28px))}.dock-item{display:flex;flex-direction:column;min-height:0;border-bottom:1px solid rgba(255,255,255,.08)}.dock-item:last-child{border-bottom:0}.dock-item.open{flex:0 1 auto;min-height:0}.dock-item:not(.open){flex:0 0 auto}.dock-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:8px 12px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;flex-shrink:0}.dock-head:hover{background:#ffffff0d}.dock-item.open .dock-head{background:#ffffff0a}.dock-label{display:flex;align-items:center;gap:8px;min-width:0}.dock-icon{width:14px;height:14px;flex-shrink:0;color:var(--muted);opacity:.95}.dock-item.open .dock-icon,.dock-head:hover .dock-icon{color:var(--accent);opacity:1}.dock-title{font-size:14px;font-style:italic;letter-spacing:.01em}.dock-chevron{font-family:var(--mono);color:var(--accent);width:1em;text-align:center;font-size:12px;opacity:.8}.dock-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.dock-item.open .dock-body{grid-template-rows:1fr}.dock-body-inner{overflow:hidden;min-height:0}.dock-item.open .dock-body-inner{overflow:auto;min-height:auto;padding:0 10px 10px;max-height:min(46vh,calc(100svh - 200px));overscroll-behavior:contain}.dock .vitals,.dock .diary,.dock .about{padding:0;margin:0;max-width:none;border:0}.dock .vitals h2,.dock .diary h2,.dock .about>h2{display:none}.dock .vitals-head{margin-bottom:6px}.dock .vitals-head .mono{font-size:10px}.dock .lede{display:none}.dock .verdict .lede{display:block;font-size:15px;line-height:1.35;margin:0 0 8px;max-width:none}.dock .why-now{list-style:none;margin:0 0 10px;padding:0}.dock .why-now li{padding:6px 0 7px;border-top:1px solid rgba(255,255,255,.08);cursor:pointer;border-radius:6px}.dock .why-now li:hover{background:hsla(var(--dish-h),40%,70%,.08)}.dock .why-now .row{display:flex;justify-content:space-between;gap:8px;font-size:13px}.dock .why-now .value.up{color:var(--accent)}.dock .why-now .value.down{color:#e6c47a}.dock .why-now .drives{color:var(--muted);margin-top:3px;font-size:11px}.dock .feeds{margin-top:8px}.dock .feeds summary{cursor:pointer;list-style:none;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:4px 0 8px}.dock .feeds summary::-webkit-details-marker{display:none}.dock .feeds summary:after{content:"+";float:right;color:#e9eef473}.dock .feeds[open] summary:after{content:"–"}.dock .vital-card.lineage{margin:4px 0 8px}.dock .vitals-grid,.dock .about-grid{grid-template-columns:1fr;gap:8px}.dock .vital-card{background:#ffffff0a;border-color:#ffffff1a;padding:8px 8px 2px}.dock .vital-card h3{font-size:14px}.dock .vital-card .row{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock .vital-card li{padding:5px 0 6px}.dock .about-grid{margin-top:0;font-size:13px;gap:12px;line-height:1.4}.dock .about h3{font-size:14px}.dock .foot{margin-top:12px;padding-top:8px}.dock .spikes{margin-top:10px;font-size:10px}.dock .peek{width:48px;height:48px}.dock .diary-frame{aspect-ratio:16 / 9}.dock .sources a{text-decoration:underline;text-underline-offset:3px}@media (min-width: 900px){.app.history-open .timeline{right:calc(min(268px,36vw) + 24px)}}@media (max-width: 720px){.dock{inset:auto 12px 12px;width:auto;max-height:none}.dock.expanded{top:auto;bottom:12px;max-height:min(64vh,calc(100svh - 24px))}.dock.expanded .dock-item.open{flex:0 1 auto}.dock-item.open .dock-body-inner{max-height:min(50vh,calc(100svh - 200px));min-height:auto}.dock-title{font-size:13px}.hero{right:16px}.tagline{max-width:22ch;font-size:15px}.stage-meta{max-width:calc(100% - 24px);bottom:148px}.app.panel-open .stage-meta,.app.history-open .dock{display:none}.app.history-open .stage-meta{display:flex;bottom:200px}}.vitals,.about{padding:clamp(48px,8vh,96px) clamp(20px,4vw,56px);max-width:1280px;margin:0 auto}.vitals h2,.about h2{font-size:clamp(30px,3.6vw,48px);font-style:italic;letter-spacing:-.01em}.vitals-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.lede{font-size:clamp(17px,1.5vw,21px);line-height:1.45;max-width:62ch;color:#e9eef4d9;margin:18px 0 40px}.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.vital-card{border:1px solid var(--line);border-radius:10px;padding:18px 18px 8px;background:#ffffff04}.vital-card.stale{opacity:.6}.vital-card header{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.vital-card h3{font-size:22px;font-style:italic}.vital-card ul{list-style:none;margin:0;padding:0}.vital-card li{padding:8px 0 10px;border-top:1px solid var(--line)}.vital-card .row{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}.vital-card .value{color:var(--accent)}.vital-card .drives{color:var(--muted);margin-top:6px}.bar{position:relative;height:3px;margin:8px 0 0;background:#ffffff14;border-radius:2px;overflow:hidden}.bar span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:2px;transition:width 1.2s ease,left 1.2s ease}.bar.signed:before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff59}.vital-card li.hot{cursor:pointer;border-radius:6px;margin:0 -6px;padding-left:6px;padding-right:6px}.vital-card li.hot:hover{background:#9fe8d60f}.spikes{margin-top:28px;color:#e6c47a}.vital-card.lineage{border-color:#e6c47a40}.vital-card.lineage .value{color:#e6c47a}.vital-card.lineage .bar span{background:#e6c47a}.vital-card.lineage header.lineage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-direction:row}.peek{width:88px;height:88px;border-radius:50%;background:#00000059;flex-shrink:0}.scars{list-style:none;margin:8px 0 0;padding:0}.scars li{display:flex;justify-content:space-between;border:0;padding:2px 0;color:var(--muted)}.scars .up{color:#e6c47a}.scars .down{color:#8fb7e6}.scars li.hot{cursor:pointer;border-radius:4px;padding:3px 4px;margin:0 -4px}.scars li.hot:hover{background:#e6c47a1f}.diary{padding:0;max-width:none;margin:0;border:0;outline:none}.diary-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.diary-arrow{width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0d;color:var(--ink);font:18px/1 var(--serif);cursor:pointer}.diary-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.diary-arrow:disabled{opacity:.35;cursor:default}.diary-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;margin:0 -4px;padding:0 4px 2px}.diary-track::-webkit-scrollbar{display:none}.diary-card{display:flex;flex-direction:column;flex:0 0 86%;text-align:left;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#ffffff0a;color:inherit;font:inherit;scroll-snap-align:center}.diary-jump{display:flex;flex-direction:column;text-align:left;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;width:100%}.diary-card:hover{border-color:#e6c47a73}.diary-card.today{border-color:#9fe8d659}.diary-link{display:block;padding:0 10px 10px;color:#e9eef48c;text-decoration:none;border-bottom:0;font-size:10.5px}.diary-link:hover{color:var(--accent)}.diary-frame{position:relative;width:100%;aspect-ratio:1200 / 630;flex-shrink:0;background:#06090f;overflow:hidden}.diary-frame img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.diary-live.notable{left:auto;right:8px;background:#e6c47a38;color:#e6c47a}.diary-years,.diary-notes{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.diary-year,.diary-note{margin:0;padding:2px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.diary-year{font-size:11px;font-family:var(--mono)}.diary-year.on{color:var(--accent);border-color:#9fe8d666}.diary-note{font-size:10px}.diary-meta{padding:10px 10px 6px}.diary-meta h3{font-size:16px;font-style:italic;margin-bottom:4px}.diary-meta p{margin:0 0 4px;color:#e9eef4d9;line-height:1.35;font-size:13px}.diary-meta p.mono{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.diary-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px;max-height:22px;overflow:hidden}.diary-dot{width:5px;height:5px;padding:0;border:0;border-radius:999px;background:#ffffff47;cursor:pointer}.diary-dot.on{background:var(--accent);width:12px}.day-page{height:100svh;overflow:hidden;padding:clamp(20px,4vh,40px) clamp(16px,4vw,40px);display:flex;justify-content:center;align-items:stretch}.day-page .day-sheet{width:min(920px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:22px 22px 28px;border-radius:18px}.day-back{display:inline-block;margin-bottom:28px;color:#e9eef4a6;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}.day-back:hover{color:var(--ink)}.day-page h1{font-size:clamp(36px,5vw,64px);font-style:italic;letter-spacing:-.02em;margin:8px 0 18px}.day-verdict{font-size:clamp(20px,2.2vw,28px);line-height:1.35;max-width:40ch;color:#e9eef4e6;margin:0 0 28px}.day-frame{position:relative;margin:0 0 28px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#06090f}.day-frame img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.day-scars{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted)}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;margin-top:28px;font-size:17px;line-height:1.5}.about h3{font-size:22px;font-style:italic;margin-bottom:10px}.about p{margin:0 0 14px;color:#e9eef4d9}.sources{list-style:none;margin:0;padding:0}.sources li{margin-bottom:14px;color:#e9eef4d9}.foot{margin-top:64px;padding-top:20px;border-top:1px solid var(--line)}kbd{font-family:var(--mono);border:1px solid var(--line);border-radius:4px;padding:0 5px}.dev{position:fixed;top:12px;right:12px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#06090fdb;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px;padding:12px 14px 14px;z-index:10;font-family:var(--mono)}.dev header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.dev .tabs{display:flex;gap:4px}.dev button{font-family:var(--mono);font-size:11px;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-radius:6px;padding:4px 8px;cursor:pointer}.dev button.on{background:#9fe8d62e;border-color:#9fe8d666}.dev button:disabled{opacity:.5}.dev .err{color:#d76c6c;font-size:11px}.sliders label{display:grid;grid-template-columns:1fr 120px 42px;align-items:center;gap:8px;font-size:11px;padding:3px 0}.sliders input[type=range]{width:100%;accent-color:var(--accent)}.sliders .num{text-align:right;color:var(--accent)}.actions{display:flex;gap:6px;margin-top:10px}.genes{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10.5px}.genes em{display:block;color:var(--muted);margin-bottom:6px}.genes .row{display:flex;justify-content:space-between;gap:8px;padding:1px 0}@media (max-width: 640px){.tagline{max-width:22ch}}@media (prefers-reduced-motion: reduce){.dot.live,.beat.spike,.stage.spiking:after,.stage.spiking .dot.live{animation:none}.brand,.tagline,.dock-body{transition:none}}