:root{--reader-size:19px;--reader-paper:#f8f3e8;--reader-ink:#18202b;--reader-muted:#53606d;--reader-accent:#65d9ff;--reader-gold:#f4c66d}
*{box-sizing:border-box}.reader-page{margin:0;background:radial-gradient(circle at 12% 8%,rgba(101,217,255,.16),transparent 30%),radial-gradient(circle at 86% 18%,rgba(244,198,109,.12),transparent 26%),#05070d;color:#edf7ff}.reader-hero{padding:54px 0 34px;border-bottom:1px solid rgba(101,217,255,.16);background:linear-gradient(105deg,rgba(5,7,13,.97),rgba(7,15,25,.88)),url('/images/space-premium-full-wrap-7x10-20260819-display.webp') center right/cover no-repeat}.reader-hero-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.reader-hero h1{font-size:clamp(3.8rem,10vw,8rem);line-height:.82;margin:.1em 0;color:#fff;letter-spacing:-.06em;text-shadow:0 0 46px rgba(101,217,255,.28)}.reader-hero p{max-width:820px;font-size:1.1rem;color:#c9d9e5}.reader-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.reader-stats span,.position-pill{border:1px solid rgba(101,217,255,.3);border-radius:999px;padding:8px 11px;background:rgba(101,217,255,.07);color:#dff8ff;font:800 .7rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.hero-seal{width:190px;height:190px;border:1px solid rgba(244,198,109,.46);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(244,198,109,.12),rgba(101,217,255,.04) 55%,transparent 56%);box-shadow:0 0 70px rgba(101,217,255,.16),inset 0 0 45px rgba(244,198,109,.08)}.hero-seal span{font:800 1rem/1 Arial,sans-serif;letter-spacing:.34em}.hero-seal strong{font:900 4.2rem/.9 Georgia,serif;color:var(--reader-gold)}.hero-seal small{font:700 .58rem/1 Arial,sans-serif;letter-spacing:.22em;color:#9ddff5;margin-top:10px}
.reader-workspace{max-width:1900px;margin:0 auto;padding:22px;display:grid;grid-template-columns:310px minmax(500px,900px) 360px;gap:20px;align-items:start}.reader-sidebar,.reader-ai{position:sticky;top:18px;display:grid;gap:14px}.sidebar-block,.reader-ai{border:1px solid rgba(101,217,255,.18);border-radius:18px;background:rgba(8,13,22,.86);padding:17px;box-shadow:0 18px 70px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.sidebar-block label,.reader-ai label{display:block;color:#aeeeff;font:800 .68rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin:14px 0 7px}.sidebar-block select,.sidebar-block input,.reader-ai select,.reader-ai textarea{width:100%;border:1px solid rgba(101,217,255,.28);border-radius:11px;background:#090f19;color:#f4fbff;padding:11px 12px;font:15px/1.35 Arial,sans-serif}.cover-link{display:block;margin:16px auto 12px;max-width:190px}.cover-link img{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.48)}.book-description{color:#b9c9d5;font-size:.9rem;line-height:1.5}.meta-grid{display:flex;gap:7px;flex-wrap:wrap}.meta-grid span{border-radius:999px;background:rgba(255,255,255,.06);padding:6px 8px;font:700 .65rem/1 Arial,sans-serif;color:#ccecf5}.tool-row,.search-row{display:flex;gap:7px}.tool-row button,.search-row button,.wide-tool,.chapter-nav button,.ai-mode button,.question-prompts button{border:1px solid rgba(101,217,255,.25);border-radius:10px;background:rgba(101,217,255,.07);color:#e7f9ff;padding:10px 11px;font:800 .7rem/1 Arial,sans-serif;letter-spacing:.05em;cursor:pointer}.tool-row button:hover,.search-row button:hover,.wide-tool:hover,.chapter-nav button:hover,.ai-mode button:hover,.question-prompts button:hover{border-color:var(--reader-accent);background:rgba(101,217,255,.15)}.wide-tool{width:100%;margin-top:10px}.search-row input{min-width:0}.read-guide summary{cursor:pointer;color:#fff;font-weight:800}.read-guide ol{padding-left:1.2rem;color:#bfd1dd;line-height:1.55;font-size:.88rem}.read-guide li+li{margin-top:7px}
.reading-stage{min-height:80vh;border-radius:20px;background:var(--reader-paper);color:var(--reader-ink);box-shadow:0 24px 100px rgba(0,0,0,.5);overflow:hidden;transition:background .2s,color .2s}.reading-stage.night{--reader-paper:#111923;--reader-ink:#e7edf2;--reader-muted:#aab8c4}.reading-progress{height:5px;background:rgba(10,30,45,.12)}.reading-progress div{height:100%;width:0;background:linear-gradient(90deg,#3ba9d8,#efbd61);transition:width .25s}.chapter-header{display:flex;justify-content:space-between;gap:18px;padding:44px clamp(28px,7vw,78px) 20px;border-bottom:1px solid rgba(50,70,80,.14)}.chapter-header .kicker{color:#42728d}.chapter-header h2{font:800 clamp(1.1rem,2vw,1.45rem)/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--reader-muted);margin:8px 0}.chapter-header h3{font:700 clamp(2rem,4.5vw,3.5rem)/1.05 Georgia,serif;margin:0;letter-spacing:-.03em}.chapter-header .position-pill{align-self:flex-start;color:#36566b;background:rgba(50,100,125,.08);border-color:rgba(50,100,125,.2)}.chapter-text{max-width:760px;margin:0 auto;padding:34px clamp(28px,7vw,68px) 60px;font:var(--reader-size)/1.78 Georgia,'Times New Roman',serif}.chapter-text p{margin:0 0 1.08em}.chapter-text p:first-child::first-letter{font-size:3.6em;float:left;line-height:.8;padding:.08em .1em 0 0;color:#9b6f26}.chapter-text mark{background:#ffe18a;color:#17202a;padding:0 .08em}.chapter-nav{display:flex;justify-content:space-between;gap:12px;padding:20px clamp(28px,7vw,68px) 34px;border-top:1px solid rgba(50,70,80,.14)}.chapter-nav button{color:var(--reader-ink);border-color:rgba(50,100,125,.25);background:rgba(50,100,125,.06)}.chapter-nav button:disabled{opacity:.36;cursor:not-allowed}
.reader-ai{overflow:hidden}.reader-ai h2{margin:.2em 0}.reader-ai p{color:#bdd0dc;line-height:1.5}.ai-orbit{position:absolute;width:170px;height:170px;border:1px solid rgba(101,217,255,.18);border-radius:50%;right:-75px;top:-75px;box-shadow:0 0 50px rgba(101,217,255,.1)}.ai-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.ai-mode button.active{background:linear-gradient(135deg,#65d9ff,#73f0c1);color:#041019;border-color:transparent}.reader-ai textarea{min-height:125px;resize:vertical}.ask-button{width:100%;margin-top:12px;border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#65d9ff,#73f0c1);color:#031018;font:900 .8rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ask-button:disabled{opacity:.55;cursor:wait}.question-prompts{display:grid;gap:7px;margin:12px 0}.question-prompts button{text-align:left;font-size:.66rem}.ai-answer{border:1px solid rgba(101,217,255,.18);border-radius:14px;background:rgba(0,0,0,.22);padding:14px;margin-top:13px;color:#e8f5fb;line-height:1.55;max-height:420px;overflow:auto}.ai-answer h3{margin:.1em 0 .6em}.ai-answer a{color:#8ce8ff}.source-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.source-badges span{border:1px solid rgba(101,217,255,.22);border-radius:999px;padding:5px 7px;color:#aeeeff;font:700 .62rem/1 Arial,sans-serif}
@media(max-width:1250px){.reader-workspace{grid-template-columns:270px minmax(0,1fr)}.reader-ai{position:relative;top:auto;grid-column:1/-1}.reader-ai .question-prompts{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.reader-hero-grid{grid-template-columns:1fr}.hero-seal{display:none}.reader-workspace{grid-template-columns:1fr;padding:12px}.reader-sidebar{position:relative;top:auto}.reading-stage{border-radius:14px}.chapter-header{padding-top:30px}.reader-ai{grid-column:auto}.reader-ai .question-prompts{grid-template-columns:1fr}.chapter-text{--reader-size:18px}.reader-hero{padding:38px 0 26px}.reader-hero h1{font-size:4.5rem}}