:root{--black:#050505;--ink:#171511;--paper:#f5f1e8;--paper2:#e8decb;--gold:#f5a617;--teal:#0d6f78}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--black);font-family:Arial,Helvetica,system-ui,sans-serif}button,a{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.reading-room{min-height:100svh;overflow:hidden;position:relative;padding:10px 16px 12px;color:var(--paper);background:radial-gradient(ellipse at 50% 25%,#29231b 0,#11100d 37%,#030303 76%)}.ambient-light{position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(245,166,23,.1),transparent 46%)}.reader-bar,.reader-footer{position:relative;z-index:40;width:min(1600px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between}.reader-bar{height:44px;border-bottom:1px solid rgba(245,241,232,.14)}.reader-bar button,.reader-footer button{border:0;background:none;color:rgba(245,241,232,.72);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.reader-bar button:hover,.reader-footer button:hover{color:var(--gold)}.reader-actions{display:flex;gap:18px;align-items:center}.wordmark{color:var(--paper)!important;font-weight:900;letter-spacing:.24em!important}.book-stage{position:relative;z-index:2;width:min(1600px,calc(100vw - 32px),calc(144.444svh - 136px));height:calc(100svh - 94px);margin:4px auto;display:grid;place-items:center;perspective:2600px}.book-shadow{position:absolute;bottom:1%;width:90%;height:8%;border-radius:50%;background:#000;filter:blur(38px);opacity:.88}.flip-book{filter:drop-shadow(0 30px 38px rgba(0,0,0,.74))}.stf__wrapper{border-radius:4px 10px 10px 4px}.book-page{container-type:size;position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(100deg,#e6dbc7 0,#f8f3e9 6%,#fffdf7 52%,#ece2d0 100%);border:1px solid rgba(59,45,24,.2);box-shadow:inset 0 0 48px rgba(84,60,25,.08)}.book-page:nth-child(even){background:linear-gradient(80deg,#ece2d0 0,#fffdf7 48%,#f8f3e9 94%,#e6dbc7 100%)}.paper-grain{position:absolute;inset:0;opacity:.26;pointer-events:none;background-image:radial-gradient(rgba(65,45,19,.13) .5px,transparent .7px),radial-gradient(rgba(255,255,255,.5) .6px,transparent .8px);background-size:5px 5px,7px 7px;background-position:0 0,3px 3px;mix-blend-mode:multiply}.page-content{position:relative;z-index:2;width:100%;height:100%;min-width:0;min-height:0;padding:clamp(28px,6.4cqi,54px);display:flex;flex-direction:column;overflow-wrap:anywhere}.page-content>div{display:flex;flex-direction:column;min-height:0;flex:1}.page-number{position:absolute;z-index:3;right:28px;bottom:22px;color:rgba(23,21,17,.42);font-size:9px;letter-spacing:.2em}.book-page:nth-child(even) .page-number{left:28px;right:auto}.cover{background:#020202!important;border-color:rgba(245,166,23,.44)}.cover-leather{position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.045),transparent 28%),repeating-linear-gradient(108deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),linear-gradient(120deg,#15100c,#020202 42%,#0a0705 74%,#000)}.cover-leather:after{content:"";position:absolute;inset:12px;border:1px solid rgba(245,166,23,.38);box-shadow:inset 0 0 0 5px rgba(0,0,0,.4),inset 0 0 34px #000;border-radius:3px 7px 7px 3px}.cover-tooling{position:absolute;inset:24px;border:1px solid rgba(245,166,23,.18)}.cover-composition{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5cqi,46px);padding:9%}.cover-mark{position:relative;width:min(90%,510px);max-height:68%;height:auto;object-fit:contain;filter:drop-shadow(0 13px 24px #000)}.cover-subtitle{margin:0;color:rgba(245,241,232,.82);font-family:Georgia,"Times New Roman",serif;font-size:clamp(13px,2.8cqi,20px);line-height:1.35;text-align:center;letter-spacing:.08em;text-transform:uppercase}.side-turn{position:absolute;z-index:50;top:50%;transform:translateY(-50%);width:48px;height:72px;border:0;background:rgba(0,0,0,.28);color:rgba(245,241,232,.72);font-size:24px}.side-turn:disabled{opacity:.2;cursor:default}.side-turn-prev{left:-2px}.side-turn-next{right:-2px}.sound-prompt{position:fixed;z-index:90;right:24px;top:64px;width:min(320px,calc(100vw - 48px));padding:16px 18px;background:#11100d;border:1px solid rgba(245,166,23,.36);box-shadow:0 18px 50px #000;color:var(--paper)}.sound-prompt p{margin:0 0 12px;font-family:Georgia,serif}.sound-prompt div{display:flex;gap:8px}.sound-prompt button{border:1px solid rgba(245,241,232,.2);background:transparent;color:var(--paper);padding:8px 10px}.sound-prompt .gold-button{background:var(--gold);color:#111;border-color:var(--gold)}.reader-footer{height:36px}.reader-footer span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,241,232,.55)}.toc-drawer{position:fixed;z-index:80;top:58px;right:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100svh - 100px);overflow:auto;background:#16130e;border:1px solid #655030;padding:22px;color:var(--paper);box-shadow:0 20px 60px #000}.drawer-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.drawer-heading button{background:none;border:0;font-size:22px}.toc-drawer h2{font:400 28px Georgia,serif;margin:18px 0}.toc-drawer>button{display:flex;gap:18px;align-items:center;width:100%;padding:12px 0;border:0;border-top:1px solid #3c3326;background:none;text-align:left;font-size:13px}.toc-drawer>button span{color:var(--gold);font-size:10px}.toc-drawer>button b{font-weight:400}.kicker,.section-label,.signature-label,.progress-marker{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(9px,1.7cqi,11px)}.kicker{color:#876b3c;margin:0 0 clamp(20px,4cqi,34px)}.display-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,5.8cqi,43px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 clamp(20px,4cqi,32px);overflow-wrap:normal}.story-copy{font-family:Georgia,"Times New Roman",serif;font-size:clamp(12px,2.5cqi,16px);line-height:1.5;margin:0 0 14px}.page-spacer{flex:1;min-height:8px}.progress-marker{display:block;margin-top:auto;padding-top:15px;color:#917343}.artifact-modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:16px}.report-panel{position:relative;width:min(100%,920px);max-height:calc(100svh - 32px);overflow:auto;background:#f5f1e8;color:#171511;padding:clamp(22px,4vw,40px);border:1px solid #bca778}.report-panel .modal-close{position:sticky;top:0;float:right;border:0;background:#171511;color:white;width:36px;height:36px;font-size:22px;z-index:2}.book-page[data-fit="1"] .page-content{padding:5cqi}.book-page[data-fit="2"] .page-content{padding:4cqi}.book-page[data-fit="3"] .page-content{padding:3.4cqi}.book-page[data-fit="4"] .page-content{padding:3cqi}@media(max-width:760px),(orientation:portrait){.reading-room{padding:8px}.reader-actions{gap:8px;flex-wrap:wrap;justify-content:end}.reader-actions button{font-size:8px}.book-stage{width:calc(100vw - 16px);height:calc(100svh - 90px)}.side-turn{width:36px;height:60px}.cover-mark{width:88%}.reader-bar{height:auto;min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.flip-book{transition:none!important}}