*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#e4edf3;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}
button{cursor:pointer;font:inherit;font-size:11px;line-height:1;background:#0a161c80;border:1px solid #7eacbc30;color:#b9cbd5;padding:9px 12px;border-radius:5px;transition:background .18s,border-color .18s,color .18s}button:hover{background:#28455055;border-color:#91c2d077;color:#fff}button:focus-visible,input:focus-visible{outline:2px solid #b5e6f4;outline-offset:4px}button[aria-current=true]{color:#e5f7fb;border-color:#b0dce57d;background:#48677842}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;font-size:15px}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
header{position:fixed;left:5vw;right:5vw;top:max(30px,env(safe-area-inset-top));display:flex;gap:16px;align-items:center}.brand{font-size:11px;letter-spacing:.17em;font-weight:600;white-space:nowrap}.brand span{color:#77909f;margin-left:8px;font-weight:400}.actions{margin-left:auto;display:flex;gap:8px;align-items:center}#lighting{height:34px;border-radius:18px;padding:0 15px;font-size:10px}
.epoch{position:fixed;left:5vw;top:22vh;width:310px;max-width:28vw;pointer-events:none;text-shadow:0 2px 12px #000b}.eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.8;color:#83a5b5}.epoch h1{font-size:clamp(25px,2.3vw,34px);line-height:1.15;font-weight:500;margin:18px 0 16px;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-wrap:balance}.epoch h2{font-size:17px;line-height:1.4;font-weight:400;margin:0 0 12px;color:#c5d9e5;text-wrap:balance}.epoch p{font-size:12px;line-height:1.7;max-width:275px;color:#8ba3b3;margin:0}.epoch #detail-status,.epoch #loading-era{display:block;font-size:10px;color:#94bed1;margin-top:12px}
#time-panel{position:fixed;left:5vw;right:5vw;bottom:max(24px,env(safe-area-inset-bottom));padding-top:24px;background:linear-gradient(0deg,#000c 30%,transparent)}.time-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.time-top button{height:31px;padding:7px 11px}.time-top #play,.time-top #restart{width:34px;padding:0}.time-top span{margin-left:10px;font-size:9px;letter-spacing:.12em;color:#7493a5}.time-top small{margin-left:auto;color:#829daa;font-size:10px;font-variant-numeric:tabular-nums}#minute{background:#304a5544;border-color:#b1d6e269;color:#e1f2f6}#speed{font-size:10px;min-width:90px;font-variant-numeric:tabular-nums}#minute[aria-pressed=true]{background:#48697866;border-color:#c4e5ef99}
#timeline{appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;border:0;margin:19px 0 13px;background:linear-gradient(to right,#c4e7f0 var(--progress,0%),#32434c var(--progress,0%));border-radius:3px;cursor:ew-resize;touch-action:none}#timeline::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#d1edf4;border:1px solid #effbff;box-shadow:0 0 0 4px #8dc9df10}#timeline::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#d1edf4;border:1px solid #effbff}
.time-labels{position:relative;height:23px;font-size:9px;color:#688b9e}.time-labels span{position:absolute;transform:translateX(-50%);white-space:nowrap}.time-labels span:first-child{left:0;transform:none}.time-labels span:last-child{transform:translateX(-100%)}.chapters{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:10px 0 0}.chapters button{font-size:10px;padding:8px 12px;white-space:nowrap}#certainty{max-width:780px;min-height:14px;margin:12px auto 0;font-size:9px;line-height:1.5;color:#648190;text-align:center}
#information{position:fixed;right:5vw;top:85px;width:420px;max-width:90vw;max-height:calc(100dvh - 115px);overflow-y:auto;z-index:4;background:#081218f5;border:1px solid #496d7e66;border-radius:10px;padding:28px;box-shadow:0 18px 80px #0009;overscroll-behavior:contain}#information h2{font-size:22px;line-height:1.25;letter-spacing:-.04em;margin:20px 0}#information p{font-size:12px;line-height:1.75;color:#9bb1bf}#information .small{font-size:10px;color:#7694a4}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:transparent}.keyboard-hints{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;font-size:10px;color:#b4c7d0}kbd{font:inherit;font-size:9px;display:inline-block;min-width:23px;text-align:center;padding:4px 5px;margin-right:5px;border:1px solid #48627070;border-radius:3px;background:#21313a50}
#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#000;transition:opacity .8s ease;z-index:10}#loading.done{opacity:0;pointer-events:none}#loading strong{font-size:16px;font-weight:400;letter-spacing:.4em;margin-left:.4em}#progress{font-size:11px;color:#79919e;letter-spacing:.07em}.loader{width:32px;height:32px;border:1px solid #23323b;border-top-color:#bbdce9;border-radius:50%;animation:rotate 1.2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}#failure{position:fixed;inset:auto 5vw 40vh;z-index:11;margin:auto;max-width:560px;padding:22px;border:1px solid #ba7e6a66;border-radius:8px;background:#201616ed;color:#e6b8a6;font-size:13px;line-height:1.7}
.clean .ui,.clean #information{display:none!important}#restore-ui{display:none;position:fixed;right:5vw;bottom:30px;font-size:10px;z-index:5}.clean #restore-ui{display:block;opacity:0;transition:opacity .2s}.clean #restore-ui:hover,.clean #restore-ui:focus-visible{opacity:1}
#body-labels{position:fixed;inset:0;pointer-events:none}#body-labels span{position:absolute;transform:translateX(-50%);font-size:9px;letter-spacing:.16em;white-space:nowrap;color:#e9e0d2;text-shadow:0 2px 4px #000,0 0 12px #000;padding:5px 9px;border-bottom:1px solid #c4ad8770;background:linear-gradient(transparent,#0005)}#label-theia{color:#f2d0a8!important}#body-labels span:before{content:"";position:absolute;left:50%;top:-16px;width:1px;height:16px;background:linear-gradient(transparent,#b5a17e99)}
.epoch h2,.epoch p,.epoch #source-label,#certainty{transition:opacity .25s ease,transform .25s ease}body.caption-changing .epoch h2,body.caption-changing .epoch p,body.caption-changing .epoch #source-label,body.caption-changing #certainty{opacity:0;transform:translateY(4px)}
@media(max-width:1050px){.epoch{max-width:27vw;width:270px;top:19vh}.epoch h1{font-size:26px}.epoch h2{font-size:15px}.epoch p{font-size:11px}.time-labels span:nth-child(4){display:none}.chapters{gap:5px}.chapters button{padding:7px 9px;font-size:9px}}
@media(max-width:700px){header{left:5vw;right:5vw;top:max(20px,env(safe-area-inset-top))}.brand{font-size:10px}.brand span{display:none}.actions{gap:6px}#lighting{padding:0 11px;font-size:9px}.icon-button{width:31px;height:31px}.epoch{top:90px;max-width:none;width:90vw}.epoch #source-label{display:none}.epoch h1{font-size:25px;margin:0 0 10px;max-width:none}.epoch h2{font-size:14px;margin:0;max-width:90vw}.epoch p{display:none}#time-panel{bottom:max(18px,env(safe-area-inset-bottom));padding-top:18px}.time-top{gap:6px;margin-bottom:14px}.time-top span{display:none}.time-top small{font-size:9px}.time-top button{font-size:10px;padding:7px 8px}.time-top #speed{min-width:82px}.time-top #minute{font-size:9px}.time-labels span:nth-child(3),.time-labels span:nth-child(4),.time-labels span:nth-child(5){display:none}.chapters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 1px 6px;gap:6px;margin-top:6px}.chapters::-webkit-scrollbar{display:none}.chapters button{font-size:9px;padding:8px 10px}#certainty{display:none}#information{top:68px;padding:24px;max-height:calc(100dvh - 88px)}#body-labels span{font-size:8px}.epoch #loading-era,.epoch #detail-status{font-size:9px;margin-top:8px}}
@media(max-width:390px){.time-top small{width:100%;margin-left:0;text-align:right}.brand{letter-spacing:.1em}.epoch h1{font-size:23px}.actions{gap:4px}}
@media(max-height:600px) and (min-width:701px){header{top:16px}.epoch{top:85px}.epoch h1{font-size:23px;margin:10px 0}.epoch p{font-size:10px}.epoch h2{font-size:13px}#time-panel{bottom:10px}.time-top{margin-bottom:8px}#certainty{display:none}.chapters{margin-top:4px}.time-labels{height:16px}}
@media(hover:none){.clean #restore-ui{opacity:.5}}@media(prefers-reduced-motion:reduce){button,.epoch h2,.epoch p,.epoch #source-label,#certainty,#loading{transition:none}.loader{animation:none}}

.time-top .live-age{display:inline-flex;align-items:baseline;gap:9px;margin-left:14px;white-space:nowrap}.live-age b{font-size:19px;font-weight:500;letter-spacing:-.025em;color:#d7edf4;font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}.live-age em{font-size:8px;font-style:normal;letter-spacing:.14em;color:#829daa}@media(max-width:700px){.time-top .live-age{display:inline-flex;flex-basis:100%;margin:3px 0 0}.live-age b{font-size:20px}.time-top small{margin-left:auto}}