@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090c10;--ink:#f0f1ed;--sub:#8d969e;--line:#ffffff14;--mint:#bfe8d2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:13px Manrope,Arial,sans-serif}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:hover{color:var(--mint)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,#rail:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}#experience{position:relative;width:100%;height:100dvh;min-height:420px;background:radial-gradient(ellipse at 50% 40%,#171d23,#090c10 70%)}
#cover{position:absolute;inset:0;z-index:20;overflow:hidden;background:#090c10}.cover-orbit{position:absolute;left:-10%;top:-10%;width:75%;height:120%;background:radial-gradient(ellipse,#1e302752,transparent 65%)}.cover-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);z-index:2;max-width:45%}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--mint);display:flex;align-items:center;gap:10px}.small-dot{height:5px;width:5px;background:var(--mint);border-radius:50%}.author{font-size:9px;letter-spacing:.2em;color:var(--sub);margin:39px 0 20px}h1{font-size:clamp(60px,8.5vw,142px);font-weight:500;line-height:1;letter-spacing:-.07em;margin:0 0 25px}h1>span,#home>span{color:var(--mint)}.cover-rule{height:1px;width:40px;background:#bfe8d266;margin-bottom:27px}.cover-copy h2{font-size:21px;letter-spacing:-.035em;font-weight:500;margin:0 0 16px}.cover-description{font-size:15px;line-height:1.9;color:#aeb6bd;margin:0 0 30px}#begin{background:var(--mint);color:#11261c;padding:18px 24px;min-width:240px;border-radius:50px;font-weight:600;font-size:12px}#begin:hover{background:#d9f8e6;color:#11261c}#begin>span{float:right;margin-left:35px;font-size:16px}.cover-hint{font-size:10px;line-height:1.7;color:#7d898f;max-width:280px;margin-top:17px}#coverArt{position:absolute;right:5%;top:14%;bottom:13%;width:42%;display:grid;grid-template-rows:1fr 1fr;gap:15px;transform:rotate(-3deg)}#coverArt .art{overflow:hidden;border-radius:20px;border:1px solid #ffffff20;box-shadow:0 25px 70px #0008;background:#11161b}#coverArt svg{width:100%;height:100%;display:block}#coverArt .art:first-child{margin-right:12%}#coverArt .art:last-child{margin-left:12%}.cover-foot{position:absolute;bottom:25px;left:7%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#79858d}
.reader-ui{visibility:hidden}body.reading .reader-ui{visibility:visible}#header{position:absolute;left:4%;right:4%;top:22px;z-index:5;display:flex;align-items:center;justify-content:space-between}#home{font-size:25px;font-weight:600;letter-spacing:-.065em;padding:0}#section{font-size:9px;letter-spacing:.16em;color:#87939d}#chapterBtn{font-size:11px;color:#a8b3bb}#chapterBtn>span{margin-left:15px;font-size:12px}#rail{position:absolute;left:0;right:0;top:83px;bottom:116px;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;outline:none;visibility:hidden}#rail::-webkit-scrollbar{display:none}body.reading #rail{visibility:visible}.slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:0 5%;overflow:hidden}.page{width:100%;max-width:1380px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:0}.page-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.16em;color:#697985}.page-heading .scene-label{color:#a6b5be}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0;max-height:72%;height:72%;flex-shrink:1}.art-grid.single{grid-template-columns:1fr}.art{border-radius:14px;border:1px solid #9cabb824;background:#05080b;overflow:hidden;min-width:0;min-height:0;position:relative}.art.primary{border-color:#cce1d154;box-shadow:0 8px 40px #0003}.art svg{display:block;width:100%;height:100%}.art-grid.single .art{max-width:100%;width:100%;margin:auto;height:100%}.caption{align-self:center;max-width:850px;width:100%;text-align:center;padding:0 20px;flex-shrink:0;min-height:50px}.caption .speaker{display:block;color:var(--mint);font-size:8px;letter-spacing:.17em;font-weight:700;margin-bottom:8px}.caption p{font-size:clamp(14px,1.2vw,19px);line-height:1.65;font-weight:400;letter-spacing:-.015em;margin:0;color:#e3e8ea}.caption.narration .speaker{color:#7c909c}.caption.narration p{color:#b4c0c8;font-weight:400;font-size:clamp(13px,1.1vw,17px)}.page.title-page{text-align:center;align-items:center}.title-page .art-grid{width:100%;height:70%;max-height:70%}.title-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#070e0aa3}.title-overlay h2{font-size:clamp(45px,6vw,90px);font-weight:500;letter-spacing:-.065em;margin:15px 0}.title-overlay span{font-size:9px;letter-spacing:.2em;color:var(--mint)}.title-overlay p{color:#9aaeb6;font-size:13px;margin:5px 0}.page.title-page .caption{min-height:0}.no-text .caption{visibility:hidden}.no-text .page{gap:8px}.no-text .art-grid{max-height:88%;height:88%}
#dock{position:absolute;left:5%;right:5%;bottom:18px;z-index:7;border-top:1px solid #ffffff14;padding-top:14px}.reading-progress{display:flex;align-items:center;gap:20px;margin-bottom:13px;font-size:9px;color:#a2b0b8}#pageCounter{min-width:62px;font-variant-numeric:tabular-nums}#progressTrack{height:2px;flex:1;background:#43505844;border-radius:4px;overflow:hidden}#progressFill{display:block;height:100%;width:0;background:var(--mint);transition:width .4s}.auto-control{display:flex;align-items:center;gap:7px;cursor:pointer;color:#9aadb6}.auto-control input{appearance:none;width:22px;height:13px;margin:0;border-radius:12px;background:#37454d;position:relative;cursor:pointer}.auto-control input:checked{background:#bfe8d2}.auto-control input:before{content:"";position:absolute;width:9px;height:9px;top:2px;left:2px;background:#c5d1d4;border-radius:50%;transition:transform .2s}.auto-control input:checked:before{transform:translateX(9px);background:#163a27}.controls{display:flex;align-items:center;gap:10px}.controls button{padding:8px 13px;border-radius:30px;font-size:10px;color:#a9b9c3;white-space:nowrap}.controls #previous,.controls #next{border:1px solid #9faab826;min-width:100px}.controls #play{background:#c5ddcb15;color:#d8eadd;min-width:110px}.controls button span{font-size:12px;margin:0 7px}.spacer{flex:1}.controls [aria-pressed=true]{color:var(--mint)}#full{font-size:16px!important}
#contents{position:absolute;right:20px;top:74px;bottom:120px;width:350px;max-width:calc(100% - 40px);overflow:auto;z-index:15;background:#121a21f5;border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 20px 70px #0009;padding:28px;backdrop-filter:blur(25px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:var(--mint)}.drawer-head button{font-size:23px}#contents h2{font-weight:500;font-size:30px;letter-spacing:-.06em;margin:25px 0}#parts button{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:21px 0;border-top:1px solid #ffffff14}#parts small{color:#90b7a1;font-size:10px}#parts strong{display:block;font-weight:500;font-size:17px}#parts span{display:block;color:#758c99;font-size:9px;margin-top:7px}#contents p{color:#798c97;font-size:11px;line-height:1.8}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;background:#101a22ef;border:1px solid #fff2;border-radius:10px;padding:16px;color:#c9dae4;text-align:center;font-size:12px}#status:empty{display:none}#impact{position:absolute;inset:0;width:100%;height:100%;z-index:50;background:#000}body.impact .reader-ui,body.impact #status,body.impact #contents{visibility:hidden}body.gentle #rail{scroll-behavior:auto}body.gentle *{transition:none!important}
@media(max-width:720px){.cover-copy{left:7%;max-width:80%;top:55%;transform:translateY(-50%)}.cover-copy h1{font-size:76px}.author{margin-top:26px}.cover-copy h2{font-size:20px}.cover-description{font-size:13px}.cover-orbit{width:130%}#coverArt{right:-15%;width:62%;top:3%;bottom:50%;opacity:.26;transform:rotate(-7deg)}#cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090c10 0%,#090c10dd 40%,#090c1000 100%);pointer-events:none}.cover-copy,.cover-foot{z-index:2}.cover-foot{font-size:7px;gap:20px}.cover-foot span{max-width:150px;line-height:1.7}.cover-hint{max-width:245px;font-size:9px}#header{left:5%;right:5%;top:20px}#home{font-size:23px}#section{font-size:7px;letter-spacing:.11em}#chapterBtn{font-size:9px}#chapterBtn>span{margin-left:8px}#rail{top:72px;bottom:112px}.slide{padding:0 5%}.page{gap:13px}.page-heading{font-size:7px}.art-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:64%;max-height:64%;gap:9px}.art-grid.single{grid-template-rows:1fr;height:70%;max-height:70%}.art{border-radius:10px}.caption{padding:0 5px;min-height:55px}.caption p{font-size:14px;line-height:1.55}.caption.narration p{font-size:13px}.caption .speaker{font-size:7px}.controls{gap:5px;flex-wrap:nowrap}.controls button{padding:7px 5px;font-size:9px}.controls #previous,.controls #next{min-width:64px}.controls #play{min-width:68px}.controls button span{margin:0 2px}.controls #gentle{display:none}.controls #full{font-size:13px!important}.controls .spacer{min-width:2px}#dock{bottom:16px;padding-top:11px}.reading-progress{margin-bottom:11px;gap:12px;font-size:8px}#pageCounter{min-width:53px}.auto-control{gap:5px}.no-text .art-grid{height:80%;max-height:80%}.title-overlay h2{font-size:54px}.title-overlay p{font-size:11px}.title-page .art-grid{height:80%;max-height:80%}}
@media(max-height:650px) and (min-width:721px){#rail{top:65px;bottom:104px}.page{gap:10px}.art-grid{height:60%;max-height:60%}.caption p{font-size:14px}.caption.narration p{font-size:13px}.cover-copy{top:50%}.cover-copy h1{font-size:80px}.author{margin:18px 0}.cover-rule{margin-bottom:18px}.cover-description{margin-bottom:18px}.cover-hint{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.download{display:flex;justify-content:space-between;align-items:center;color:var(--mint);text-decoration:none;font-size:11px;padding:15px 18px;margin:20px 0 5px;background:#c5ddcb0d;border:1px solid #bfe8d233;border-radius:30px}.download:hover{background:#c5ddcb1b}

.scene-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05080b;pointer-events:none}
#exitCinema{display:none}
body.cinema #rail{top:0;bottom:0}body.cinema .slide{padding:0}body.cinema .page{max-width:none;gap:0;position:relative}body.cinema .page-heading{display:none}body.cinema .art-grid,body.cinema .art-grid.single,body.cinema .title-page .art-grid{height:100%;max-height:100%;width:100%;flex:1}body.cinema .art{border:0;border-radius:0;box-shadow:none}body.cinema .caption{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:90%;max-width:980px;padding:12px 24px;border-radius:8px;background:#000b;min-height:0;z-index:2}body.cinema .caption:empty{display:none}body.cinema #header,body.cinema #dock{opacity:0;pointer-events:none;transition:opacity .2s}body.cinema.cinema-ui #dock{opacity:1;pointer-events:auto;background:#090c10e8;border:0;border-radius:12px;padding:12px;bottom:12px}body.cinema.cinema-ui .caption{bottom:120px}body.cinema #exitCinema{display:block;position:absolute;right:22px;top:18px;z-index:15;background:#090c10b8;border-radius:30px;padding:9px 15px;font-size:11px;opacity:0;pointer-events:none}body.cinema.cinema-ui #exitCinema{opacity:1;pointer-events:auto}body.cinema .title-page .title-overlay{background:#05080580}

#full small{font-size:10px;vertical-align:middle;margin-left:4px}@media(max-width:720px){.controls #previous,.controls #next{min-width:60px}.controls #play{min-width:62px}#full small{font-size:8px;margin-left:2px}}