:root{--era:#7a5c3e;--ink:#f6f1e8;--muted:#f6f1e8a8;--gold:#f1c27d;--glass:#12100e94;--glass-strong:#0e0c0bbd;--line:#ffffff1f;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:Inter, system-ui, -apple-system, sans-serif;font-family:var(--sans);color:var(--ink)}*{box-sizing:border-box}html,body{background:#c3cbd0;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}#app canvas{display:block}.labels{z-index:0;position:absolute;top:0;left:0}#era-card,#clock,#cambar,#timeline{z-index:10}#loading{z-index:50;text-align:center;background:radial-gradient(#2a221b,#110e0c);place-content:center;transition:opacity .9s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-title{font:600 72px/1 var(--serif);letter-spacing:.04em}.loading-sub{font:italic 500 24px var(--serif);color:var(--muted);margin-top:6px}.loading-bar{background:#ffffff1f;width:220px;height:2px;margin:28px auto 0;overflow:hidden}.loading-bar span{background:var(--gold);width:40%;height:100%;animation:1.4s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}#era-card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:14px;width:min(410px,100vw - 44px);padding:18px 22px 16px;position:fixed;top:22px;left:22px;box-shadow:0 12px 40px #00000040}#era-card:before{content:"";background:var(--era);border-radius:0 4px 4px 0;width:4px;transition:background .6s;position:absolute;top:16px;bottom:16px;left:0}#era-title{font:600 32px/1.05 var(--serif)}#era-sub{color:var(--muted);letter-spacing:.02em;margin-top:4px;font-size:12.5px}#era-text{font:500 17px/1.42 var(--serif);margin:12px 0 10px}#era-conf{color:var(--muted);font-size:11.5px}#era-conf .dots{color:var(--gold);letter-spacing:1px;margin-right:4px}#clock{text-align:right;text-shadow:0 2px 18px #00000080;position:fixed;top:16px;right:24px}#year{font:600 76px/1 var(--serif);font-variant-numeric:tabular-nums lining-nums}#count{opacity:.92;margin-top:2px;font-size:13px;font-weight:500}#info-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:30px;height:30px;font:italic 600 17px var(--serif);cursor:pointer;border-radius:50%;margin-top:10px}#info-btn:hover{border-color:var(--gold)}#cambar{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-58%)}.cam-modes{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:6px;display:flex}.cam-modes button{cursor:pointer;width:62px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;font-size:10.5px;transition:background .2s,color .2s;display:flex}.cam-modes button svg{fill:currentColor;width:22px;height:22px}.cam-modes button:hover{color:var(--ink);background:#ffffff14}.cam-modes button.on{color:var(--gold);background:#f1c27d38}.cam-help{background:var(--glass-strong);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:10px;width:230px;padding:10px 12px;font-size:12px;line-height:1.45;transition:opacity .2s,transform .2s;position:absolute;top:6px;right:84px;transform:translate(6px)}.cam-modes:hover+.cam-help{opacity:1;transform:none}.cam-views{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:stretch;gap:2px;width:76px;max-height:46px;padding:6px;transition:max-height .35s,width .3s;display:flex;overflow:hidden}.cam-views.open{width:240px;max-height:min(440px,58vh);overflow-y:auto}.cam-views-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);text-align:center;white-space:nowrap;padding:8px 10px;font-size:10.5px}.cam-views button{text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:13px}.cam-views button:hover{color:var(--gold);background:#f1c27d2e}#splash{text-align:center;pointer-events:none;opacity:0;text-shadow:0 3px 30px #000000a6;position:fixed;top:33%;left:0;right:0}#splash.show{animation:3.4s ease-out forwards splash}.splash-title{font:600 clamp(42px, 7vw, 96px)/1 var(--serif)}.splash-sub{font:italic 500 clamp(18px, 2.2vw, 28px) var(--serif);opacity:.92;margin-top:8px}@keyframes splash{0%{opacity:0;letter-spacing:.06em;transform:translateY(14px)}18%{opacity:1;letter-spacing:.01em;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}body.shot #splash{display:none}#timeline{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:18px;padding:14px 22px 12px;position:fixed;bottom:20px;left:22px;right:22px;box-shadow:0 16px 50px #00000059}.tl-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.tl-play{background:var(--gold);color:#2a1e10;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .15s;display:grid;box-shadow:0 0 #f1c27d80}.tl-play:hover{transform:scale(1.06)}.tl-play svg{fill:currentColor;width:20px;height:20px}.tl-play .i-pause,#timeline.playing .tl-play .i-play{display:none}#timeline.playing .tl-play .i-pause{display:block}#timeline.playing .tl-play{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #f1c27d73}to{box-shadow:0 0 0 14px #f1c27d00}}.tl-now{flex:1;min-width:0}.tl-now-era{font:600 22px/1.1 var(--serif);align-items:center;gap:9px;display:flex}.tl-dot{border-radius:50%;width:10px;height:10px;transition:background .5s;box-shadow:0 0 10px}.tl-now-sub{color:var(--muted);margin-left:19px;font-size:11.5px}.tl-speed{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;padding:3px;display:flex}.tl-speed button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:12px}.tl-speed button.on{color:var(--gold);background:#f1c27d40}.tl-track{cursor:ew-resize;touch-action:none;height:96px;position:relative}.tl-growth{pointer-events:none;width:100%;height:48px;position:absolute;top:0;left:0;right:0;overflow:visible}.tl-area{fill:url(#tlg)}.tl-area-future{fill:#ffffff0f}.tl-line{fill:none;stroke:var(--gold);stroke-width:1.6px;vector-effect:non-scaling-stroke}.tl-growth-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);pointer-events:none;font-size:9.5px;position:absolute;top:0;right:2px}.tl-events{height:14px;position:absolute;top:40px;left:0;right:0}.tl-event{border:1.5px solid var(--gold);cursor:pointer;background:#1a1510;width:11px;height:11px;margin-left:-5.5px;padding:0;transition:transform .15s,background .15s;position:absolute;top:0;transform:rotate(45deg)}.tl-event:hover{background:var(--gold);transform:rotate(45deg)scale(1.3)}.tl-eras{height:22px;position:absolute;top:56px;left:0;right:0}.tl-era{background:color-mix(in srgb, var(--c) 45%, #1c1916);color:#ffffff8c;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;border-right:2px solid #0e0c0be6;padding:0 6px;font-size:10.5px;font-weight:500;transition:background .3s,color .3s,filter .2s;position:absolute;top:0;bottom:0;overflow:hidden}.tl-era:first-child{border-radius:6px 0 0 6px}.tl-era:last-child{border-right:0;border-radius:0 6px 6px 0}.tl-era span{pointer-events:none}.tl-era.past,.tl-era.active{background:var(--c);color:#fff}.tl-era.active{box-shadow:inset 0 0 0 1.5px #ffffffbf}.tl-era:hover{filter:brightness(1.2)}.tl-ticks{pointer-events:none;height:14px;position:absolute;top:82px;left:0;right:0}.tl-tick{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9.5px;position:absolute;transform:translate(-50%)}.tl-tick:first-child{transform:none}.tl-tick:last-child{transform:translate(-100%)}.tl-thumb{pointer-events:none;background:linear-gradient(#fff,#ffffffd9);width:2px;height:78px;margin-left:-1px;position:absolute;top:2px;box-shadow:0 0 12px #fffc}.tl-thumb:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-5px;left:50%;box-shadow:0 0 0 3px #f1c27d8c}.tl-bubble{color:#1a1510;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px)}.tl-tip{border:1px solid var(--line);white-space:nowrap;opacity:0;pointer-events:none;background:#0a0908eb;border-radius:8px;padding:7px 11px;font-size:12px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 30px);transform:translate(-50%)}.tl-tip.show{opacity:1}.tl-tip b{color:var(--gold);font-weight:600}.label{text-align:center;text-shadow:0 1px 6px #000000f2;white-space:nowrap;pointer-events:none;transform:translateY(-6px)}.label:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;margin:3px auto 0;display:block;box-shadow:0 0 0 2px #00000059}.label-name{font:600 15px var(--serif)}.label-note{opacity:.85;font-size:10px}.label.edge .label-name{color:var(--gold);font-size:17px}#info{z-index:40;opacity:0;pointer-events:none;background:#00000059;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}#info.open{opacity:1;pointer-events:auto}.info-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;width:min(560px,100vw - 40px);padding:26px 30px;font-size:13.5px;line-height:1.55;position:relative}.info-card h2{font:600 30px var(--serif);margin:0 0 8px}.info-card h3{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:18px 0 4px;font-size:11px}.info-card p,.info-card ul{color:#f6f1e8db;margin:0}.info-card ul{padding-left:18px}.info-card .close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:14px}@media (width<=860px){#era-text,.tl-growth-label,.tl-speed,.tl-tick{display:none}#year{font-size:44px}#cambar{top:auto;bottom:170px;transform:none}}#era-card{transition:width .35s,padding .35s}#era-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:12px;right:12px}#era-toggle:hover{border-color:var(--gold)}#era-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;transition:transform .3s}#era-title{padding-right:34px}#era-body{grid-template-rows:1fr;transition:grid-template-rows .35s,opacity .25s;display:grid}#era-body>*{min-height:0}#era-body{overflow:hidden}#era-card.collapsed{width:fit-content;max-width:min(410px,100vw - 44px);padding-bottom:12px}#era-card.collapsed #era-body{opacity:0;grid-template-rows:0fr;height:0}#era-card.collapsed #era-toggle svg{transform:rotate(180deg)}#era-card.collapsed #era-title{font-size:24px}#era-gallery{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;gap:8px;margin-bottom:8px;padding:2px 0 8px;display:flex;overflow-x:auto}#era-gallery:empty{display:none}.g-thumb{border:1px solid var(--line);cursor:zoom-in;background:#1a1612;border-radius:8px;flex:none;width:104px;height:78px;padding:0;position:relative;overflow:hidden}.g-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.g-thumb:hover img{transform:scale(1.08)}.g-thumb span{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000c);padding:10px 6px 4px;font-size:10px;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#lightbox{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#080706e6;justify-content:center;align-items:center;gap:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}#lightbox.open{opacity:1;pointer-events:auto}#lightbox figure{flex-direction:column;align-items:center;max-width:min(1100px,100vw - 160px);margin:0;display:flex}#lightbox img{border-radius:6px;max-width:100%;max-height:calc(100vh - 190px);box-shadow:0 20px 60px #0009}#lightbox figcaption{text-align:center;max-width:720px;margin-top:14px}.lb-title{font:600 26px var(--serif)}.lb-caption{font:500 16px/1.4 var(--serif);color:#f6f1e8e6;margin-top:4px}.lb-credit{color:var(--muted);margin-top:8px;font-size:11.5px}.lb-credit a{color:var(--gold)}#lightbox button{color:var(--ink);cursor:pointer;background:#ffffff14;border:0;border-radius:50%}.lb-prev,.lb-next{flex:none;width:48px;height:48px;font-size:30px;line-height:1}.lb-close{width:40px;height:40px;font-size:26px;position:absolute;top:18px;right:22px}#lightbox button:hover{background:#f1c27d4d}#era-card.collapsed #era-body{display:none}.scene-settings{z-index:12;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:14px;padding:10px 14px;font-size:11px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.scene-settings label{color:var(--muted);align-items:center;gap:6px;display:flex}.scene-settings select{color:var(--ink);border:1px solid var(--line);font:inherit;background:#292a28;border-radius:5px;padding:5px}.scene-settings button{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:7px 0}.scene-settings button[aria-pressed=false]{color:var(--muted)}.hide-names .label{display:none}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=700px){#era-card{width:calc(100vw - 136px);max-height:34vh;padding:12px;top:12px;left:12px;overflow-y:auto}#era-title{padding-right:24px;font-size:25px}#era-sub{font-size:11px}#era-conf{font-size:10px}#era-toggle{top:8px;right:8px}#cambar{right:10px;bottom:calc(var(--timeline-height,176px) + 92px)}#timeline{padding:10px 12px;left:10px;right:10px}.tl-era-name{font-size:18px}#clock{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cam-views button.cam-views-title{text-align:center;min-height:30px;font-size:10.5px}.ui-toggle{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:76px;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;padding:12px 6px;font-size:11px;line-height:1.4}.ui-toggle:hover,.ui-toggle[aria-pressed=true]{color:var(--gold);background:#241e17e0}body.ui-hidden #era-card,body.ui-hidden #clock,body.ui-hidden #timeline,body.ui-hidden #splash,body.ui-hidden .scene-settings,body.ui-hidden .label,body.ui-hidden #info,body.ui-hidden #lightbox{display:none!important}#clock{z-index:15}.clock-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}#info-btn,#settings-btn{width:34px;height:34px;margin:0}#settings-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}#settings-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:20px;height:20px}#settings-btn:hover,#settings-btn[aria-expanded=true]{color:var(--gold);border-color:var(--gold)}.scene-settings{width:230px;max-width:calc(100vw - 24px);text-shadow:none;flex-direction:column;align-items:stretch;gap:12px;padding:16px;font-size:12px}.scene-settings[hidden]{display:none}.scene-settings label{justify-content:space-between}.scene-settings select{min-width:110px;min-height:34px}.scene-settings button{text-align:left;border-top:1px solid var(--line);padding:10px 0 0}.scene-settings button:after{content:"✓";float:right}.scene-settings button[aria-pressed=false]:after{content:"—"}#era-places{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}#era-places button{color:var(--gold);font:500 11px/1.4 var(--sans);text-align:left;cursor:pointer;background:#f1c27d12;border:1px solid #f1c27d4d;border-radius:6px;padding:7px 9px}#era-places button:hover{background:#f1c27d2e}.info-card{max-height:calc(100dvh - 48px);overflow-y:auto}@media (width<=860px){body.ui-hidden #cambar{bottom:20px}}#era-card{max-height:calc(100dvh - var(--timeline-height,176px) - 114px);overflow-y:auto}#era-more{margin:0 0 12px}#era-more summary{cursor:pointer;color:var(--gold);width:fit-content;font-size:12px}#era-more p{font:500 16px/1.45 var(--serif);margin:10px 0}#era-more .era-look{border-left:2px solid var(--gold);padding-left:10px}.era-look>span:first-child{font:600 10px/1.8 var(--sans);color:var(--gold);text-transform:uppercase;letter-spacing:.08em}#era-sources{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.5}#era-sources summary{cursor:pointer;width:fit-content}#era-sources p{margin:8px 0}#era-sources ul{margin:6px 0 0;padding-left:14px}#era-sources a{color:var(--muted);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.lb-meta{color:var(--gold);font:500 11px/1.5 var(--sans);margin:5px 0 8px}.g-thumb small{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 10px);color:var(--ink);background:#0f0d0bc7;border-radius:4px;padding:3px 5px;font-size:9px;position:absolute;top:5px;left:5px;overflow:hidden}.tl-tick.first{transform:none}summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=860px){#era-text{display:block}#era-card{max-height:44dvh}}.music-controls{border-top:1px solid var(--line);padding-top:10px}.scene-settings .music-controls button{border:0;width:100%;padding:0 0 12px}.music-controls input{width:110px;accent-color:var(--gold)}.music-controls p{text-align:left;color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.5}.music-controls p:empty{display:none}.scene-settings{max-height:calc(100dvh - 170px);overflow-y:auto}