: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}}[hidden]{display:none!important}.touch-ui .fullscreen,.touch-ui .drag-hint{display:none}.ai-label{white-space:nowrap;letter-spacing:.04em}.capture #app>:not(#world){display:none!important}.end-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#0a142d73;padding:52px 16px max(36px,env(safe-area-inset-bottom))}.end-card{position:relative;width:min(100%,440px);background:#fff;color:#1c2331;border-radius:28px;padding:44px 22px 20px;text-align:center;box-shadow:0 16px 60px #0716292e}.end-star{position:absolute;top:-26px;left:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:#f6c453;color:#1c2331;display:grid;place-items:center}.end-star svg{width:28px;height:28px}.end-eyebrow{font-size:13px;font-weight:600;letter-spacing:.2em;color:#2348a0;margin:0 0 8px}.end-card h2{font-size:24px;font-weight:700;letter-spacing:.06em;line-height:1.5;margin:0 0 8px}.end-meta{font-size:13px;color:#5d6474;margin:0}.end-actions{display:flex;gap:10px;margin-top:22px}.end-actions button{flex:1;min-height:50px;border-radius:25px;border:1.5px solid #1c2331;font-size:15px;font-weight:600;color:#1c2331}.end-actions #complete{border-color:#2348a0;background:#2348a0;color:#fff;font-size:16px;letter-spacing:.2em}.end-actions button:focus-visible{outline-color:#2348a0;outline-offset:3px}.fallback-screen{min-height:100dvh;background:#faf6ee;color:#1c2331;padding:40px 20px;display:grid;place-items:center}.fallback-card{width:min(100%,540px);text-align:center}.fallback-seal{display:grid;place-items:center;margin:0 auto 24px;width:58px;height:58px;border:1px dashed #e0d5bf;border-radius:18px;font-size:30px;color:#5d6474}.fallback-card h1{font-size:24px;font-weight:600;letter-spacing:.04em;line-height:1.6;text-shadow:none}.fallback-card p{font-size:14px;color:#5d6474;line-height:1.8}.fallback-card video{display:block;width:100%;max-height:50vh;border-radius:18px;background:#071629;margin:20px 0}.fallback-card button{display:block;min-height:50px;width:100%;border:1.5px solid #2348a0;border-radius:26px;color:#2348a0;margin:24px 0;font-size:16px}.fallback-card small{font-size:12px;color:#5d6474}@media(max-width:700px){.world{bottom:146px}.world canvas{height:100%!important;width:100%!important}.capture .world{bottom:0}.header{top:16px}.signature small{letter-spacing:.1em}.side{left:24px;right:24px;top:72px;transform:none;flex-direction:row;justify-content:space-between;gap:0}.chapter{justify-content:center;min-width:44px;min-height:44px}.chapter.active .line{width:12px}.hero{top:126px;bottom:auto}.hero h1{font-size:34px}.eyebrow{font-size:9px;margin-bottom:8px}.hero-sub{font-size:19px;margin-top:6px}.bottom{bottom:max(14px,env(safe-area-inset-bottom))}.journey{padding-bottom:8px}.footer{align-items:center;gap:10px;margin-top:8px}.inspiration{max-width:190px}.hint{bottom:165px}.end-overlay{padding-bottom:max(28px,env(safe-area-inset-bottom))}}@media(max-width:380px){.end-card h2{font-size:21px}.footer .inspiration{max-width:163px}}.context-message{z-index:11}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/noto-serif-sc-ui.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/cormorant-garamond-ui.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/cormorant-garamond-ui-italic.woff2) format("woff2")}