:root{--bg: #02030a;--ink: #e9e4d8;--ink-dim: #a39d90;--ink-faint: #6f6a60;--hair: rgba(233,228,216,.14);--accent: #d8b36a;--accent-ink: #f0d08a;--glass: rgba(6, 8, 18, .72);--glass-2: rgba(10, 12, 24, .86);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Satoshi", system-ui, -apple-system, sans-serif;--tl-h: 118px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}#globe{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:fixed;inset:0;pointer-events:none}#app>*{pointer-events:auto}[hidden]{display:none!important}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.loader{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:50;transition:opacity .9s ease}#app>.loader.done{opacity:0;pointer-events:none}.loader-inner{text-align:center;width:min(520px,86vw)}.loader-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.loader-title{font-family:var(--serif);font-weight:500;font-size:clamp(34px,6vw,56px);margin:10px 0 26px;letter-spacing:.01em}.loader-bar{height:1px;background:var(--hair);position:relative;overflow:hidden}.loader-bar span{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--accent);transition:width .3s ease}.loader-status{margin-top:12px;font-size:12px;color:var(--ink-dim);min-height:1.4em}.masthead{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;gap:16px;pointer-events:none}.masthead>*{pointer-events:auto}.brand-eyebrow{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.brand-title{font-family:var(--serif);font-weight:500;font-size:26px;margin:4px 0 0;letter-spacing:.01em;line-height:1}.toolbar{display:flex;gap:6px;align-items:center}.tb{display:inline-flex;align-items:center;gap:7px;background:var(--glass);border:1px solid var(--hair);color:var(--ink);padding:7px 11px;border-radius:999px;font-size:12px;backdrop-filter:blur(10px);transition:border-color .2s,background .2s}.tb:hover,.tb[aria-pressed=true]{border-color:#d8b36a99}.tb svg{font-size:15px;opacity:.9}.tb-icon{padding:7px 8px}.tb-icon .ic-off,.tb-icon.muted .ic-on{display:none}.tb-icon.muted .ic-off{display:block}.readout{position:fixed;left:22px;bottom:calc(var(--tl-h) + 18px);pointer-events:none}.age{font-family:var(--serif);font-size:clamp(44px,7vw,76px);line-height:.95;font-weight:400;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 2px 30px rgba(0,0,0,.7)}.age-sub{margin-top:8px;font-size:15px;letter-spacing:.01em;color:var(--ink-dim)}.conf{margin-top:10px;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-dim);background:var(--glass);border:1px solid var(--hair);padding:4px 9px 4px 7px;border-radius:999px}.conf-dot{width:7px;height:7px;border-radius:50%;background:#7cc47f;box-shadow:0 0 8px currentColor}.conf.medium .conf-dot{background:#d8b36a}.conf.low .conf-dot{background:#e08a4a}.conf.interpretive .conf-dot{background:#c75c7a}.hint{position:fixed;left:50%;bottom:calc(var(--tl-h) + 14px);transform:translate(-50%);font-size:12px;color:var(--ink-dim);background:var(--glass);border:1px solid var(--hair);padding:6px 12px;border-radius:999px;transition:opacity .6s;pointer-events:none;white-space:nowrap}.hint.gone{opacity:0}.timeline{position:fixed;left:0;right:0;bottom:0;height:var(--tl-h);transition:height .35s ease;display:flex;align-items:stretch;background:linear-gradient(to top,#02030af5,#02030ab3 70%,#02030a00);padding:10px 0 0}.tl-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:92px;padding:0 6px 6px 14px;flex:none}.play{width:40px;height:40px;border-radius:50%;border:1px solid rgba(216,179,106,.55);background:var(--glass);color:var(--accent-ink);display:grid;place-items:center;font-size:18px}.play .ic-pause,.play.playing .ic-play{display:none}.play.playing .ic-pause{display:block}.play:hover{background:#d8b36a1f}#rate{background:transparent;border:none;color:var(--ink-dim);font-size:11px;padding:2px 0;text-align:center;appearance:none;-webkit-appearance:none;cursor:pointer}#rate:focus{outline:none;color:var(--ink)}.tl-track{flex:1;position:relative;min-width:0}.tl-canvas{position:absolute;inset:0;cursor:ew-resize}.panel{position:fixed;top:76px;right:18px;width:min(400px,40vw);max-height:calc(100vh - 76px - var(--tl-h) - 14px);overflow-y:auto;background:var(--glass-2);border:1px solid var(--hair);border-radius:14px;padding:16px 20px 22px;backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:rgba(233,228,216,.2) transparent;animation:panelIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes panelIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.panel-top{display:flex;align-items:center;gap:8px}.panel-spacer{flex:1}.nav{background:none;border:1px solid var(--hair);color:var(--ink-dim);width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;display:grid;place-items:center}.nav:hover,.x:hover{color:var(--ink);border-color:#e9e4d866}.x{background:none;border:1px solid var(--hair);color:var(--ink-dim);width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;display:grid;place-items:center}.panel-title{font-family:var(--serif);font-weight:500;font-size:32px;line-height:1.05;margin:12px 0 4px}.panel-sub{font-size:12px;color:var(--ink-dim);margin-bottom:14px}.panel-video{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.panel-video video{width:100%;height:100%;object-fit:cover;display:block}.video-badge{position:absolute;left:8px;bottom:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#e9e4d8d9;background:#02030a99;padding:3px 7px;border-radius:4px;pointer-events:none}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 8px}.ev{border:1px solid var(--hair);border-radius:8px;padding:9px 10px}.ev label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.ev b{display:block;font-family:var(--serif);font-weight:500;font-size:22px;margin:3px 0 2px;line-height:1.05}.ev small{display:block;font-size:10.5px;color:var(--ink-faint);line-height:1.35}.ev small a{color:var(--ink-dim)}.geoconf{font-size:11.5px;color:var(--ink-dim);display:flex;align-items:center;gap:7px;margin-bottom:4px}.geoconf .conf-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.panel h3{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:16px 0 6px;font-weight:500}.panel p,.panel li{font-size:13.5px;line-height:1.5;color:var(--ink)}.panel ul{margin:0;padding-left:18px}.panel li{margin:4px 0}.sources li{font-size:12px;color:var(--ink-dim)}.sources a{color:var(--accent-ink)}.citycard,.layers{position:fixed;top:76px;left:22px;width:min(340px,calc(100vw - 44px));background:var(--glass-2);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;backdrop-filter:blur(16px);animation:panelIn .4s cubic-bezier(.2,.8,.2,1)}.citycard-head{display:flex;gap:8px;align-items:center}#city-input{flex:1;background:#e9e4d80f;border:1px solid var(--hair);border-radius:999px;padding:8px 12px;color:var(--ink);outline:none}#city-input:focus{border-color:#d8b36a99}.suggest{list-style:none;margin:8px 0 0;padding:0}.suggest li{padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:10px}.suggest li small{color:var(--ink-dim)}.suggest li:hover,.suggest li.active{background:#e9e4d814}.suggest li.none{cursor:default;color:var(--ink-dim)}.suggest li.none:hover{background:none}.city-result{margin-top:10px}.city-name{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.05}.city-now,.city-at,.city-cover,.city-note{font-size:12.5px;color:var(--ink-dim);margin-top:5px;font-variant-numeric:tabular-nums}.city-at{color:var(--ink);font-size:14px}.city-at b{font-family:var(--serif);font-size:20px;font-weight:500}.city-marks{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--hair);font-size:12px;color:var(--ink-dim);display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.city-marks li b{display:block;color:var(--ink);font-weight:500}.city-note{font-style:italic}.link{background:none;border:none;color:var(--accent-ink);padding:8px 0 0;font-size:12.5px;text-decoration:underline;text-underline-offset:3px}.layers label{display:block;padding:8px 4px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--hair)}.layers label:last-child{border-bottom:none}.layers small{display:block;color:var(--ink-dim);font-size:11px;margin-left:22px}.layers input{accent-color:var(--accent);margin-right:6px}.pinlabel{position:fixed;z-index:20;pointer-events:none;transform:translate(10px,-50%);font-size:11.5px;color:var(--ink);background:#060812c7;border:1px solid rgba(240,208,138,.45);padding:3px 8px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.pinlabel b{font-weight:500;color:var(--accent-ink)}.panel-progress{position:absolute;left:0;top:0;height:2px;width:0%;background:var(--accent);border-radius:2px;opacity:0;transition:opacity .3s}.panel-progress.on{opacity:1;transition:width .1s linear,opacity .3s}.panel-journey{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-top:8px}.tooltip{position:fixed;z-index:30;background:var(--glass-2);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;font-size:12px;max-width:260px;pointer-events:none;transform:translate(12px,12px)}.tooltip b{font-style:italic;font-family:var(--serif);font-size:15px;font-weight:500}.tooltip small{display:block;color:var(--ink-dim);margin-top:2px}.tooltip.pinned{pointer-events:auto}.modal{position:fixed;inset:0;background:#02030ab8;display:grid;place-items:center;z-index:40;padding:20px}.modal-card{position:relative;width:min(760px,100%);max-height:86vh;overflow-y:auto;background:var(--glass-2);border:1px solid var(--hair);border-radius:14px;padding:22px 26px;backdrop-filter:blur(16px)}.modal-card .x{position:absolute;top:14px;right:14px}.modal-card h2{font-family:var(--serif);font-weight:500;font-size:30px;margin:0 0 10px}.modal-card h3{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 6px;font-weight:500}.modal-card p,.modal-card li{font-size:13.5px;line-height:1.5;color:var(--ink)}.modal-card li small{color:var(--ink-dim)}.modal-card ul{padding-left:18px;margin:0}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12.5px}.legend span{display:inline-flex;align-items:center;gap:6px}.toast{position:fixed;left:50%;top:84px;transform:translate(-50%);background:var(--glass-2);border:1px solid rgba(216,179,106,.5);color:var(--ink);padding:8px 14px;border-radius:999px;font-size:12.5px;z-index:45}body.curves{--tl-h: 196px}@media(max-width:760px){:root{--tl-h: 104px}body.curves{--tl-h: 190px}.masthead{padding:12px}.brand-eyebrow{display:none}.brand-title{font-size:20px}.tb span{display:none}.tb{padding:8px}.readout{left:12px;bottom:calc(var(--tl-h) + 10px)}.age{font-size:40px}.age-sub{font-size:10.5px}.hint{display:none}.panel{top:auto;right:0;left:0;bottom:var(--tl-h);width:100%;max-height:min(50vh,calc(100vh - var(--tl-h) - 290px));border-radius:14px 14px 0 0;padding:12px 16px 18px;animation:sheetIn .45s cubic-bezier(.2,.8,.2,1)}body.sheet-open .readout{bottom:calc(var(--tl-h) + var(--sheet-h, 50vh) + 8px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;right:12px}body.sheet-open .age{font-size:22px;line-height:1}body.sheet-open .age-sub{display:none}body.sheet-open .conf{margin-top:0;font-size:10px;padding:2px 7px 2px 6px}@keyframes sheetIn{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.panel-title{font-size:24px;margin-top:6px}.panel-video{aspect-ratio:auto;height:150px}.evidence{gap:8px;margin:10px 0 6px}.citycard,.layers{top:60px;left:12px;width:calc(100vw - 24px)}.tl-controls{width:70px;padding-left:8px}.play{width:36px;height:36px}}
