@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{font-family:"Noto Serif SC",serif;color:#f5ecd4;background:#071629;font-synthesis:none;font-weight:400;--gold:#ead085;--muted:#c0c7d0;--edge:clamp(22px,4.2vw,72px)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}.world{position:fixed;inset:0}.world canvas{display:block;width:100%;height:100%;touch-action:none}.scrim{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,12,25,.48) 0%,transparent 24%,transparent 54%,rgba(3,11,22,.08) 68%,rgba(3,11,22,.83) 100%)}.header{position:fixed;left:var(--edge);right:var(--edge);top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.signature{display:flex;align-items:center;gap:12px;font-family:Cormorant Garamond,serif;font-size:20px;letter-spacing:.17em;line-height:1.2}.signature svg{width:33px;height:33px;color:var(--gold)}.signature span{display:block}.signature small{display:block;font-family:"Noto Serif SC",serif;font-size:10px;letter-spacing:.32em;margin-top:6px;opacity:.6}.header-right{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.15em;color:#e1dfd4}.header-right .date{opacity:.65}.fullscreen{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:40px;transition:color .2s}.fullscreen:hover{color:var(--gold)}.fullscreen svg{width:16px;height:16px}.hero{position:fixed;left:var(--edge);bottom:185px;pointer-events:none;transition:opacity 1.4s ease,transform 1.4s ease}.hero.hidden{opacity:0;transform:translateY(-15px)}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:11px;letter-spacing:.25em;margin-bottom:20px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}h1{font-family:"Noto Serif SC",serif;font-size:clamp(44px,5.6vw,85px);font-weight:400;line-height:1.32;letter-spacing:.12em;margin:0;text-shadow:0 3px 32px rgba(4,12,24,.28)}.hero-sub{font-family:Cormorant Garamond,serif;font-size:clamp(22px,2.3vw,33px);font-weight:400;font-style:italic;letter-spacing:.03em;color:#e3dac8;margin:15px 0 0;line-height:1}.side{position:fixed;right:var(--edge);top:48%;transform:translateY(-50%);display:flex;flex-direction:column;gap:28px}.chapter{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:24px;font-size:12px;letter-spacing:.12em;transition:opacity .4s,color .4s;opacity:.42}.chapter .name{opacity:0;transition:opacity .3s,transform .3s;transform:translate(5px)}.chapter:hover,.chapter.active{opacity:1;color:var(--gold)}.chapter:hover .name,.chapter.active .name{opacity:1;transform:translate(0)}.chapter .index{font-family:Cormorant Garamond,serif;font-size:15px;letter-spacing:.1em}.chapter .line{width:15px;height:1px;background:currentColor;transition:width .4s}.chapter.active .line{width:30px}.bottom{position:fixed;left:var(--edge);right:var(--edge);bottom:26px}.journey{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:22px;gap:25px}.transport{display:flex;align-items:center;gap:22px}.play{width:48px;height:48px;border-radius:50%;border:1px solid rgba(234,208,133,.65);display:grid;place-items:center;color:var(--gold);transition:background .25s,transform .25s}.play:hover{background:#ead0851f;transform:scale(1.04)}.play svg{width:18px;height:18px}.journey-title{font-size:14px;font-weight:400;letter-spacing:.16em;margin:0 0 8px}.journey-caption{font-size:10px;letter-spacing:.18em;margin:0;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;font-size:12px;letter-spacing:.08em}.mode{display:flex;align-items:center;gap:9px;color:#f0e8d7;border-bottom:1px solid rgba(234,208,133,.5);padding:10px 0}.mode svg{width:18px;height:18px;color:var(--gold)}.mode:hover{color:var(--gold)}.speed{font-family:Cormorant Garamond,serif;font-size:18px;letter-spacing:.05em;min-width:40px;min-height:40px}.speed:hover{color:var(--gold)}.timeline{display:flex;align-items:center;gap:22px}.time{font-family:Cormorant Garamond,serif;font-variant-numeric:tabular-nums;font-size:15px;color:#e0ded2;min-width:36px;letter-spacing:.04em}.time:last-child{color:#959ead;text-align:right}.progress{display:block;width:100%;height:14px;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;--progress:0%}.progress::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--gold) var(--progress),rgba(245,236,212,.22) var(--progress))}.progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:-3px;box-shadow:0 0 10px #ead0854d;transition:transform .2s}.progress:hover::-webkit-slider-thumb{transform:scale(1.6)}.progress::-moz-range-track{height:1px;background:#f5ecd44d}.progress::-moz-range-progress{height:1px;background:var(--gold)}.progress::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--gold)}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#98a4b7;font-size:10px;letter-spacing:.18em}.footer .inspiration{letter-spacing:.12em}.hint{position:fixed;left:50%;bottom:195px;transform:translate(-50%);font-size:12px;letter-spacing:.12em;color:#f0e8d7;opacity:0;pointer-events:none;transition:opacity .5s;text-align:center;white-space:nowrap;text-shadow:0 2px 9px #061326}.hint.visible{opacity:1}.loader{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#08192f;transition:opacity .8s,visibility .8s}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader svg{width:70px;height:70px;color:var(--gold);animation:turn 8s linear infinite}.loader p{font-size:12px;letter-spacing:.25em;color:#d6cbab;margin:0}.error{position:fixed;inset:0;z-index:6;background:#08192f;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;gap:15px;text-align:center;line-height:1.8}.error h2{font-weight:400;font-size:28px;margin:0}.error p{font-size:14px;color:#c4cedb;margin:0;max-width:450px}.error button{padding:12px 25px;border:1px solid var(--gold);margin-top:12px}.context-message{position:fixed;left:50%;top:100px;transform:translate(-50%);color:#f5ecd4;background:#122747;padding:15px 22px;z-index:6;font-size:14px;max-width:90vw;text-align:center}@keyframes turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.hero{bottom:210px}.bottom{bottom:35px}.journey{padding-bottom:28px}.header{top:40px}}@media(max-width:700px){:root{--edge:24px}.header{top:20px}.signature{font-size:15px;letter-spacing:.13em;gap:9px}.signature svg{width:27px;height:27px}.signature small{font-size:9px;letter-spacing:.22em}.header-right{gap:12px;font-size:11px}.date,.fullscreen span{display:none}.fullscreen{min-width:35px;justify-content:center}.hero{bottom:218px}h1{font-size:50px}.eyebrow{font-size:10px;margin-bottom:15px}.hero-sub{font-size:25px}.side{top:38%;gap:23px}.chapter{font-size:10px;gap:9px}.chapter.active .line{width:18px}.chapter .line{width:10px}.chapter .name{display:none}.bottom{bottom:20px}.journey{align-items:center;padding-bottom:24px;gap:14px}.transport{gap:12px}.play{width:42px;height:42px;flex-shrink:0}.journey-title{font-size:12px;letter-spacing:.08em}.journey-caption{font-size:9px;letter-spacing:.08em}.actions{gap:12px;font-size:11px}.mode{gap:6px}.mode svg{width:15px;height:15px}.speed{font-size:16px;min-width:28px}.timeline{gap:12px}.time{font-size:14px;min-width:31px}.footer{font-size:9px;letter-spacing:.08em;margin-top:13px}.inspiration{max-width:190px;line-height:1.7}.footer .drag-hint{max-width:110px;line-height:1.7;text-align:right}.hint{bottom:177px;font-size:11px}.hero-sub{max-width:80vw}}@media(max-height:600px)and (min-width:701px){.header{top:18px}.hero{bottom:150px}h1{font-size:45px}.hero-sub{font-size:24px}.eyebrow{margin-bottom:12px}.bottom{bottom:15px}.journey{padding-bottom:15px}.footer{margin-top:9px}.side{gap:16px}}@media(max-width:700px){h1{font-size:clamp(38px,12.6vw,50px)}.side{gap:3px}.chapter,.speed,.mode{min-height:44px}.progress{height:32px}}@media(max-width:360px){.journey-title{font-size:11px;letter-spacing:.02em}.journey-caption{font-size:8px}.actions{gap:8px}.transport{gap:9px}.mode{font-size:10px}.footer{font-size:8px}.footer .inspiration{max-width:163px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}