:root{--text-primary:#f0f0f0;--text-secondary:#fff9;--accent:#d4af37;--font-heading:"Cormorant Garamond", serif;--font-body:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);overscroll-behavior:none;background-color:#030303;overflow-x:hidden}::-webkit-scrollbar{background:0 0;width:0}#webgl-canvas{z-index:1;outline:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:10vw;display:flex;position:fixed;top:0;left:0}#scroll-proxy{z-index:0;width:100%;position:absolute;top:0;left:0}#instruction-toast{z-index:40;color:#ffffffdb;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px)saturate(125%);opacity:1;background:#05070cad;border:1px solid #ffffff2e;border-radius:999px;max-width:min(90vw,520px);padding:.8rem 1rem;font-size:.9rem;font-weight:300;line-height:1.35;transition:opacity .8s,transform .8s,visibility .8s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000052}#instruction-toast.hide{opacity:0;visibility:hidden;transform:translate(-50%,.5rem)}#text-container{width:100%;max-width:600px;height:100%;position:relative}.timeline-section{opacity:0;visibility:hidden;will-change:opacity, transform;pointer-events:auto;cursor:pointer;border-left:1px solid #d4af3700;outline:none;padding-left:0;transition:border-color .25s,padding-left .25s;position:absolute;top:50%;transform:translateY(-50%)}.timeline-section:hover,.timeline-section:focus-visible{border-left-color:#d4af37bf;padding-left:1rem}.timeline-section h2{font-family:var(--font-heading);letter-spacing:2px;text-shadow:0 4px 20px #000c;margin-bottom:1rem;font-size:4rem;font-weight:300;line-height:1.1}.timeline-section p{color:var(--text-secondary);text-shadow:0 2px 10px #000c;font-size:1.1rem;font-weight:300;line-height:1.6}.timeline-section .date-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:4px;color:var(--accent);margin-bottom:.5rem;font-size:.85rem;display:block}#timeline-nav{pointer-events:auto;flex-direction:column;gap:1.5rem;transition:right .45s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}body.detail-open #ui-layer{z-index:32}body.detail-open #timeline-nav{right:calc(min(440px,88vw) + 3rem)}.nav-dot{cursor:pointer;background-color:#fff3;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.nav-dot:before{content:"";border:1px solid #d4af3700;border-radius:50%;transition:all .4s;position:absolute;inset:-8px}.nav-dot:hover,.nav-dot.active{background-color:var(--accent);transform:scale(1.2)}.nav-dot.active:before{border-color:#d4af3780;transform:scale(1.2)}.nav-dot-label{color:var(--text-secondary);opacity:0;white-space:nowrap;pointer-events:none;font-size:.75rem;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.nav-dot:hover .nav-dot-label{opacity:1;transform:translateY(-50%)translate(-5px)}#detail-backdrop{z-index:25;pointer-events:none;background:0 0;position:fixed;inset:0}#detail-backdrop.open{pointer-events:auto}#detail-sidebar{z-index:30;pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(125%);background:#05070c9e;border-left:1px solid #ffffff29;width:min(440px,88vw);height:100vh;padding:5rem 2.25rem 2.25rem;transition:transform .45s cubic-bezier(.25,1,.5,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 50px #00000059}#detail-sidebar.open{transform:translate(0)}#detail-close{z-index:35;width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff38;border-radius:50%;font-size:1.6rem;line-height:1;transition:background .2s,border-color .2s;position:fixed;top:1.5rem;right:min(452px,88vw + .75rem)}#detail-close.open{opacity:1;pointer-events:auto}#detail-close:hover,#detail-close:focus-visible{background:#d4af372e;border-color:#d4af378c;outline:none}.detail-date{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;display:block}#detail-sidebar h3{font-family:var(--font-heading);letter-spacing:1px;margin-bottom:1.35rem;font-size:2.5rem;font-weight:300;line-height:1.05}.detail-copy p{color:#ffffffb8;margin-bottom:1.05rem;font-size:1rem;font-weight:300;line-height:1.65}.detail-copy .detail-summary{color:#9ed8ff;font-weight:400}@media (width<=768px){#ui-layer{padding:2rem}.timeline-section h2{font-size:2.5rem}#timeline-nav{right:1.5rem}body.detail-open #timeline-nav{right:calc(100vw - 2.5rem)}#detail-sidebar{width:calc(100vw - 3.5rem);padding:4.5rem 1.5rem 1.75rem}#detail-close{right:1rem}#detail-sidebar h3{font-size:2rem}}