:root{--night:#101828;--ink:#15202d;--muted:#6b7280;--paper:#f6f0e5;--cream:#fffdf8;--gold:#d2a85a;--gold-soft:#ecd9ad;--line:rgba(21,32,45,.12);--shadow:0 24px 60px rgba(16,24,40,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif}.ambient-glow{position:fixed;inset:-30% auto auto 48%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(210,168,90,.13),transparent 64%);pointer-events:none}.topbar{height:76px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(246,240,229,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--night);font-size:12px;font-weight:700;letter-spacing:.23em;text-decoration:none}.brand-mark{color:var(--gold);font-size:22px}.top-actions{display:flex;gap:10px}.icon-button,.secondary-button,.tool-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:10px 14px;font:600 12px Inter;cursor:pointer;transition:.2s}.icon-button:hover,.secondary-button:hover,.tool-button:hover{border-color:var(--gold);color:#9b732e;background:rgba(255,253,248,.7)}.section-wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}.hero{min-height:650px;display:grid;grid-template-columns:1fr .72fr;gap:clamp(36px,8vw,110px);align-items:center;padding:78px 0 96px}.eyebrow{display:block;font-size:10px;letter-spacing:.2em;font-weight:700;color:#a37935}.hero h1{font:600 clamp(53px,7vw,88px)/.88 'Cormorant Garamond',serif;text-transform:uppercase;letter-spacing:-.04em;max-width:690px;margin:20px 0}.subtitle{font:500 clamp(20px,2.3vw,29px)/1.22 'Cormorant Garamond',serif;max-width:600px;color:#465362;margin:0}.author-line{display:flex;align-items:center;gap:13px;margin:26px 0 22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.rule{width:38px;height:1px;background:var(--gold)}.intro{max-width:540px;color:#637080;font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:12px;align-items:center;margin:32px 0}.primary-button{border:0;background:var(--night);color:white;border-radius:99px;padding:15px 21px;font:700 12px Inter;cursor:pointer;box-shadow:0 9px 20px rgba(16,24,40,.16);transition:.2s}.primary-button:hover{background:#24334b;transform:translateY(-2px)}.primary-button span{color:var(--gold);margin-left:13px;font-size:17px}.quote{border-left:2px solid var(--gold);padding:8px 0 8px 20px;max-width:430px;position:relative}.quote span{font:600 43px 'Cormorant Garamond';color:var(--gold);position:absolute;left:7px;top:-5px}.quote p{font:500 18px/1.25 'Cormorant Garamond';margin:0 0 7px;padding-left:10px}.quote small{font-size:10px;color:var(--muted);padding-left:10px}.cover-stage{justify-self:center;position:relative;width:min(360px,82%);perspective:1000px}.cover-shadow{position:absolute;bottom:-24px;left:12%;width:76%;height:36px;background:rgba(16,24,40,.24);filter:blur(16px);border-radius:50%}.halo{position:absolute;inset:-45px;background:radial-gradient(ellipse,rgba(210,168,90,.25),transparent 66%)}.book-cover{position:relative;display:block;width:100%;border-radius:3px 10px 10px 3px;box-shadow:var(--shadow);transform:rotateY(-7deg);transition:.5s}.book-cover:hover{transform:rotateY(0) translateY(-6px)}.reading-shell{display:grid;grid-template-columns:270px 1fr;gap:22px;padding-bottom:110px;scroll-margin-top:90px}.toc-panel{align-self:start;position:sticky;top:96px;background:rgba(255,253,248,.66);border:1px solid var(--line);border-radius:16px;padding:24px}.toc-heading{display:flex;justify-content:space-between;align-items:center}.page-count{font-size:10px;color:var(--muted)}.toc-note{font-size:12px;line-height:1.5;color:var(--muted);margin:16px 0}.toc-list{display:grid;gap:3px;max-height:440px;overflow:auto;padding-right:2px}.toc-item{width:100%;display:flex;gap:8px;text-align:left;border:0;background:transparent;padding:9px 5px;color:#526071;border-radius:7px;font:500 12px/1.2 Inter;cursor:pointer}.toc-item:hover,.toc-item.active{background:var(--night);color:white}.toc-item b{font-size:10px;color:var(--gold);min-width:22px}.toc-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:16px;padding-top:15px;font-size:10px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.reader-panel{background:var(--cream);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(16,24,40,.06)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 13px}.reader-toolbar strong{display:block;font:600 23px 'Cormorant Garamond';margin-top:5px}.reader-tools{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.tool-button{padding:7px 10px;border-radius:7px}.progress-track{height:3px;background:#ece5d8}.progress-track span{display:block;height:100%;width:0;background:var(--gold);transition:width .35s}.pdf-frame{height:760px;background:#dcd8d0}.pdf-frame iframe{width:100%;height:100%;border:0}.reader-footer{display:flex;justify-content:space-between;padding:14px 22px;color:var(--muted);font-size:11px}.reader-footer a{color:#a37935;text-decoration:none;font-weight:600}.audio-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 36px));display:flex;align-items:center;gap:13px;padding:12px 15px;background:rgba(16,24,40,.96);color:white;border:1px solid rgba(236,217,173,.28);border-radius:14px;z-index:20;box-shadow:0 14px 35px rgba(16,24,40,.25)}.play-button{width:36px;height:36px;border:0;border-radius:50%;background:var(--gold);color:var(--night);font-weight:700;cursor:pointer}.audio-copy{display:grid;gap:3px;flex:1}.audio-copy strong{font-size:12px}.audio-copy span{font-size:10px;color:#adb7c5}.sound-wave{display:flex;align-items:center;gap:3px;height:24px}.sound-wave i{display:block;width:3px;height:9px;background:var(--gold);opacity:.6}.sound-wave.playing i{animation:wave .8s ease-in-out infinite alternate}.sound-wave i:nth-child(2){animation-delay:.1s}.sound-wave i:nth-child(3){animation-delay:.22s}.sound-wave i:nth-child(4){animation-delay:.08s}.sound-wave i:nth-child(5){animation-delay:.3s}@keyframes wave{to{height:22px;opacity:1}}.share-dialog{display:none;position:fixed;inset:0;z-index:40}.share-dialog.open{display:block}.dialog-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.6);backdrop-filter:blur(5px)}.share-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 34px));padding:32px;background:var(--cream);border-radius:18px;box-shadow:var(--shadow)}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:26px;color:var(--muted);cursor:pointer}.share-card h2{font:600 38px 'Cormorant Garamond';margin:10px 0 4px}.share-card p{font-size:13px;color:var(--muted);margin:0 0 22px}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.share-grid button{border:1px solid var(--line);background:white;border-radius:10px;padding:13px 4px;display:grid;gap:6px;place-items:center;color:var(--ink);font:700 17px Inter;cursor:pointer}.share-grid button:hover{border-color:var(--gold);background:#fff8ea}.share-grid span{font-size:10px;font-weight:600}.share-card small{display:block;height:17px;color:#9b732e;margin-top:14px}@media(max-width:820px){.hero{grid-template-columns:1fr;padding:57px 0 80px}.cover-stage{grid-row:1;width:min(310px,74%);margin-bottom:25px}.hero-copy{grid-row:2}.reading-shell{grid-template-columns:1fr}.toc-panel{position:static}.toc-list{max-height:210px}.pdf-frame{height:620px}}@media(max-width:500px){.topbar{height:66px}.icon-button span{display:none}.hero h1{font-size:54px}.hero-actions{flex-wrap:wrap}.secondary-button{padding:14px 18px}.reader-toolbar{align-items:flex-start;gap:14px}.reader-tools{flex-wrap:wrap;justify-content:flex-end}.pdf-frame{height:540px}.audio-dock{bottom:10px}.sound-wave{display:none}.share-grid{grid-template-columns:repeat(2,1fr)}}