:root{
  --bg:#140f1d;--bg2:#261428;--glass:rgba(26,18,34,.62);--glass-strong:rgba(28,20,38,.78);--line:rgba(255,255,255,.12);
  --text:#f7f2ea;--muted:#d8cbbd;--soft:#a9968b;--gold:#f5c76b;--gold2:#ffe8a3;--rose:#d55a7a;--violet:#7c3aed;
  --shadow:0 28px 80px rgba(0,0,0,.42);--r:28px;--rs:18px;--max:1180px;--reader-font:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#120d1b 0%,#241326 52%,#0d0a12 100%);}
.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 8%,rgba(124,58,237,.42),transparent 30%),radial-gradient(circle at 80% 0%,rgba(213,90,122,.3),transparent 24%),radial-gradient(circle at 50% 96%,rgba(245,199,107,.12),transparent 33%)}
.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.42)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='rgba(255,255,255,.08)' stroke-width='1'%3E%3Cpath d='M130 12C92 58 57 92 12 130c45 38 80 72 118 118 38-46 73-80 118-118-45-38-80-72-118-118Z'/%3E%3Cpath d='M130 52c-25 30-48 53-78 78 30 25 53 48 78 78 25-30 48-53 78-78-30-25-53-48-78-78Z'/%3E%3C/g%3E%3C/svg%3E");opacity:.5}.app-shell{width:min(var(--max),calc(100% - 24px));margin-inline:auto}.top-glass,.glass-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow)}
.top-glass{position:sticky;top:10px;z-index:30;border-radius:24px}.glass-card{border-radius:var(--r)}header.app-shell{margin-top:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-mark{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#6d1f3b,#e0a844);box-shadow:0 16px 35px rgba(245,199,107,.18)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.05rem,2vw,1.35rem);margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--muted);margin-bottom:4px}.gold{color:var(--gold2)}.primary-nav{display:flex;gap:8px;overflow-x:auto}.nav-pill,.segment,.soft-btn,select{border:1px solid rgba(255,255,255,.11);color:var(--text);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 13px;font:inherit}.nav-pill,.segment,.soft-btn{cursor:pointer;transition:.18s transform,.18s background}.nav-pill:hover,.segment:hover,.soft-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}.nav-pill.active,.segment.active{background:linear-gradient(135deg,rgba(245,199,107,.24),rgba(213,90,122,.22));border-color:rgba(245,199,107,.38)}.main-grid{padding:16px 0 44px}.hero-card,.content-panel{padding:18px}.hero-copy{padding:8px 8px 18px}.hero-copy h2,.content-panel h2{font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.02;margin-bottom:10px}.hero-copy p:not(.eyebrow),.content-panel p{color:var(--muted);line-height:1.55}.reader-frame{padding:12px;background:rgba(16,10,24,.48)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:20px;top:88px}.breadcrumb{font-weight:750;color:#fff}.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select-label,.switch-label{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.88rem}.switch-label{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}select{padding:9px 30px 9px 11px}.act-tabs,.scene-tabs{display:flex;gap:9px;overflow-x:auto;padding:12px 4px 0;scrollbar-width:none}.act-tabs::-webkit-scrollbar,.scene-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:10px 13px;cursor:pointer}.tab-btn.active{background:rgba(245,199,107,.18);border-color:rgba(245,199,107,.38)}.tab-btn.has-alert:after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--gold)}.scene-meta{display:grid;grid-template-columns:1.35fr .75fr .85fr;gap:12px;margin:14px 0}.sticky-note{position:relative;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(255,232,163,.18),rgba(255,255,255,.06));border:1px solid rgba(245,199,107,.26);box-shadow:0 18px 45px rgba(0,0,0,.23)}.note-pin{position:absolute;right:20px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--rose);box-shadow:0 5px 14px rgba(0,0,0,.35)}.note-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold2);margin-bottom:8px}.sticky-note h3{margin-bottom:7px}.sticky-note p:last-child{margin:0;color:var(--muted);line-height:1.5}.mood-card,.exam-key{padding:16px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.mood-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.mood-track{height:12px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.mood-track span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#6ee7b7,#f5c76b,#ef5d74);border-radius:inherit;transition:width .3s ease}.tiny{font-size:.78rem;color:var(--soft);margin:10px 0 0}.exam-key{display:flex;gap:12px;align-items:center}.exam-key p{margin:3px 0 0;color:var(--soft);font-size:.86rem}.exam-dot{width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(245,199,107,.12)}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px;border-radius:20px}.segmented{display:flex;gap:7px}.reader-nav-buttons{display:flex;gap:8px}.reader-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-panel{min-width:0;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.12);font-weight:800}.panel-head small{color:var(--soft);font-weight:600}.scene-text{font-family:var(--reader-font);font-size:1.02rem;line-height:1.72;padding:18px;white-space:pre-wrap}.scene-line{display:block;margin:.16rem 0}.stage{color:var(--soft);font-style:italic}.speaker{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;color:#fff;font-weight:900;font-size:.84rem}.exam-alert{background:linear-gradient(180deg,rgba(255,232,163,.38),rgba(245,199,107,.25));color:#fff3c7;border:1px solid rgba(245,199,107,.34);border-radius:7px;padding:.08rem .18rem}.define{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px dotted var(--gold2);padding:0;cursor:help}.define:focus{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.modern-text{color:#f3e9dc}.modern-note{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:rgba(245,199,107,.1);border:1px solid rgba(245,199,107,.18);border-radius:16px;padding:13px;margin-bottom:12px;color:var(--muted);line-height:1.5}.scene-study{margin-top:12px;padding:16px;background:rgba(255,255,255,.045)}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-list{display:grid;gap:8px}.mini-item{padding:12px;border-radius:15px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.08);color:var(--muted);line-height:1.45}.bento-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.mini-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.mini-card.large{grid-row:span 2}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.quote-grid blockquote{margin:0;padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.quote-grid mark{display:block;background:transparent;color:var(--gold2);font-family:var(--reader-font);font-size:1.12rem;margin-bottom:10px}.quote-grid span{color:var(--muted);line-height:1.45}.vault-heart{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:22px;border:1px solid rgba(255,255,255,.22);color:#fff;background:linear-gradient(135deg,#7f1d3b,#d97706);box-shadow:0 24px 60px rgba(0,0,0,.42);font-size:1.45rem;cursor:pointer}.vault-panel{position:fixed;right:18px;bottom:88px;z-index:59;width:min(320px,calc(100% - 36px));padding:16px}.vault-panel p{color:var(--muted);line-height:1.45}.full{width:100%;margin-top:8px}.tooltip{position:fixed;z-index:80;max-width:min(280px,calc(100% - 30px));padding:10px 12px;border-radius:14px;background:#17111f;color:var(--text);border:1px solid rgba(245,199,107,.38);box-shadow:0 20px 55px rgba(0,0,0,.45);font-size:.92rem;line-height:1.35}.hidden{display:none!important}.reader-mode-original .modern-panel,.reader-mode-modern .original-panel{display:none}.reader-mode-original,.reader-mode-modern{grid-template-columns:1fr}.theme-sepia{--bg:#f3eadb;--bg2:#d8c1a5;--glass:rgba(68,45,28,.18);--glass-strong:rgba(68,45,28,.24);--line:rgba(74,49,28,.18);--text:#2b2018;--muted:#5b4636;--soft:#7f6754;--gold:#8f5f19;--gold2:#6c3f11;color:var(--text);background:linear-gradient(135deg,#f1e4cf,#d8c2a6)}.theme-sepia .ambient{display:none}.theme-sepia .text-panel,.theme-sepia .mini-card,.theme-sepia .mood-card,.theme-sepia .exam-key{background:rgba(255,248,235,.52)}.theme-sepia .speaker,.theme-sepia .breadcrumb,.theme-sepia .exam-alert{color:#2b2018}.theme-sepia .exam-alert{background:#f6d889}.theme-night{--glass:rgba(5,8,13,.74);--glass-strong:rgba(5,8,13,.84);--line:rgba(255,255,255,.09);--text:#e9f2ff;--muted:#b7c6d8;--soft:#8395aa;--gold:#a7d8ff;--gold2:#d4edff;background:#030711}.theme-night .ambient{opacity:.35}.study-mode [data-chrome],.study-mode header.app-shell,.study-mode .scene-meta,.study-mode .reader-controls,.study-mode .scene-study,.study-mode .hero-copy{display:none!important}.study-mode .main-grid{width:100%;padding:0}.study-mode .hero-card,.study-mode .reader-frame{border:0;border-radius:0;box-shadow:none;background:transparent;width:100%;padding:0}.study-mode .reader-columns{grid-template-columns:1fr;gap:0}.study-mode .text-panel{border:0;border-radius:0;background:transparent}.study-mode .modern-panel{display:none}.study-mode .scene-text{font-size:1.16rem;line-height:1.85;max-width:760px;margin:auto;padding:28px 18px 92px}.study-mode .panel-head{display:none}.study-mode .vault-heart{display:grid;place-items:center}
@media(max-width:900px){header.app-shell{align-items:stretch;flex-direction:column}.primary-nav{width:100%}.scene-meta,.reader-columns,.study-grid,.bento-grid,.quote-grid{grid-template-columns:1fr}.reader-toolbar,.reader-controls{align-items:stretch;flex-direction:column}.toolbar-actions,.reader-nav-buttons,.segmented{width:100%}.segment,.soft-btn{flex:1}.hero-card,.content-panel{padding:12px}.scene-text{font-size:1rem;line-height:1.66;padding:15px}}@media(max-width:560px){.app-shell{width:min(var(--max),calc(100% - 14px))}.brand-mark{width:44px;height:44px}.hero-copy h2,.content-panel h2{font-size:2rem}.toolbar-actions{display:grid;grid-template-columns:1fr}.select-label,.switch-label{justify-content:space-between}.scene-meta{gap:10px}.sticky-note,.mood-card,.exam-key{border-radius:18px}.reader-frame{padding:8px}.reader-columns{gap:8px}.vault-heart{right:12px;bottom:12px;width:54px;height:54px}.vault-panel{right:12px;bottom:78px;width:calc(100% - 24px)}}