:root{--bg-deep:#08080a;--bg-surface:#101014;--bg-panel:#141419b3;--bg-glass:#ffffff0a;--ink:#f0f2f5;--ink-muted:#9ca3af;--ink-dim:#4b5563;--accent:#d58f61;--accent-glow:#d58f6140;--line:#ffffff14;--line-strong:#ffffff26;--shadow-soft:0 8px 30px #0006;--shadow-hard:0 20px 60px #000000b3;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-sans:"Inter", "Outfit", sans-serif;--nav-height:72px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-deep);min-height:100vh;padding-top:var(--nav-height);background-image:radial-gradient(circle at 0 0,#d58f6114 0%,#0000 40%),radial-gradient(circle at 100% 100%,#344d3f14 0%,#0000 40%);background-attachment:fixed;margin:0;overflow-x:hidden}body:after{content:"";opacity:.02;pointer-events:none;z-index:9999;background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);position:fixed;inset:0}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:400;line-height:1.1}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mini-label{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.progress-bar{background:linear-gradient(90deg, var(--accent), #fff);z-index:10001;width:0%;height:3px;transition:width .1s;position:fixed;top:0;left:0}.top-nav{width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:10000;background:#08080acc;align-items:center;display:flex;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{cursor:pointer;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.brand-atlas{color:var(--accent)}.nav-breadcrumbs{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.9rem;font-weight:500;overflow:hidden}.nav-actions{gap:12px;display:flex}.nav-btn{background:var(--bg-glass);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-family:var(--font-sans);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.nav-btn:hover{border-color:var(--accent);background:#ffffff1a}.nav-btn .shortcut{opacity:.6;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:.7rem}.page-shell{max-width:1600px;margin:0 auto;padding:0 24px 60px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:85vh;padding:40px 0;display:grid}.hero h1{margin-bottom:24px;font-size:clamp(3rem,7vw,6.5rem)}.hero-text{color:var(--ink-muted);max-width:45ch;margin-bottom:40px;font-size:1.2rem;line-height:1.6}.layout{grid-template-columns:320px 1fr;align-items:flex-start;gap:40px;display:grid}.sidebar-sticky{top:calc(var(--nav-height) + 24px);flex-direction:column;gap:24px;display:flex;position:sticky}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft);padding:24px}.chapter-nav{max-height:60vh;padding-right:8px;overflow-y:auto}.chapter-link{border-radius:var(--radius-md);color:inherit;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s;display:block}.chapter-link:hover{background:var(--bg-glass)}.chapter-link.active{background:var(--bg-glass);color:var(--accent);border-left:3px solid var(--accent)}.link-title{font-size:.95rem;font-weight:600}.reader-panel{padding:0;overflow:hidden}.reader-header{border-bottom:1px solid var(--line);padding:60px 80px 40px}.reader-header h2{font-size:3.5rem}.reader-layout{grid-template-columns:1fr 240px;gap:40px;padding:60px 80px;display:grid}.reader-content{font-family:var(--font-serif);color:#ffffffeb;font-size:1.35rem;line-height:1.7}.reader-content p{margin-bottom:1.6em}.reader-content h2{color:#fff;margin:2em 0 1em;font-size:2.2rem}.reader-content h3{color:var(--accent);margin:1.5em 0 .8em;font-size:1.6rem}.reader-toc{top:calc(var(--nav-height) + 40px);height:fit-content;position:sticky}.toc-title{text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px;font-size:.8rem}.toc-list{border-left:1px solid var(--line);padding:0;list-style:none}.toc-item{color:var(--ink-muted);cursor:pointer;padding:4px 16px;font-size:.85rem;transition:all .2s}.toc-item:hover{color:var(--accent)}.reader-controls{border-top:1px solid var(--line);justify-content:space-between;padding:40px 80px;display:flex}.button{cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s}.button.primary{background:var(--accent);color:#000}.button.secondary{background:var(--bg-glass);color:#fff;border:1px solid var(--line)}.button:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.matrix-panel{margin-top:60px;padding:40px}.matrix-head{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.search-box input{background:var(--bg-surface);border:1px solid var(--line);color:#fff;width:340px;font-family:var(--font-sans);border-radius:999px;padding:12px 24px}.matrix-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.matrix-card{background:var(--bg-glass);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;padding:28px;transition:all .4s}.matrix-card:hover{border-color:var(--accent);background:#ffffff0f;transform:translateY(-8px)}.season-tag{color:var(--accent);opacity:.6;margin-bottom:8px;font-size:.7rem;display:block}body.reading-mode{padding-top:var(--nav-height)}body.reading-mode .sidebar,body.reading-mode .hero,body.reading-mode .site-footer{display:none}body.reading-mode .layout{grid-template-columns:1fr;max-width:1000px;margin:0 auto}body.reading-mode .reader-panel{box-shadow:none;background:0 0;border:none}.viz-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.axis-label,.axis-core{font-family:var(--font-sans);color:var(--ink-dim);letter-spacing:.2em;pointer-events:auto;cursor:help;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute}.axis-label:hover,.axis-core:hover{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.axis-label.top{top:20px;left:50%;transform:translate(-50%)}.axis-label.left{top:50%;left:20px;transform:translateY(-50%)rotate(-90deg)}.axis-core{background:var(--bg-surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.9rem}.viz-tooltip-react{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);color:#fff;font-family:var(--font-sans);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-hard);z-index:1000;background:#000000e6;border-radius:12px;padding:12px 16px;transform:translate(-50%,-120%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-hard);flex-direction:column;display:flex;position:relative;overflow-y:auto}.modal-close{background:var(--bg-glass);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{color:var(--accent);background:#ffffff1a}.modal-header{border-bottom:1px solid var(--line);padding:60px 60px 40px}.modal-header h2{font-size:3rem}.modal-body{padding:40px 60px}.modal-section{margin-bottom:50px}.section-head{color:var(--accent);opacity:.8;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-head h3{text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:1rem}.modal-summary-expanded{color:var(--ink);font-size:1.4rem;font-weight:300;line-height:1.6}.modal-analysis{border-radius:var(--radius-md);border-left:2px solid var(--accent);background:#ffffff08;padding:32px;font-size:1.1rem;line-height:1.7}.analysis-tags{color:var(--accent);gap:12px;margin-top:24px;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.analysis-tags li{background:var(--bg-glass);border-radius:4px;padding:4px 12px}.modal-links{gap:16px;display:flex}.modal-footer{background:#0003;justify-content:flex-end;gap:16px;padding:32px 60px;display:flex}.site-footer{border-top:1px solid var(--line);text-align:center;padding:100px 0 60px}.footer-brand{margin-bottom:12px;font-size:1.5rem;font-weight:700}.footer-links{justify-content:center;gap:24px;margin-top:24px;display:flex}.footer-links a{color:var(--ink-muted);font-size:.9rem;text-decoration:none}@media (width<=1200px){.hero{text-align:center;grid-template-columns:1fr}.hero-panel{justify-content:center;display:flex}.layout{grid-template-columns:1fr}.sidebar-sticky{position:static}.reader-layout{grid-template-columns:1fr;padding:40px}.reader-toc{display:none}}@media (width<=768px){.reader-header{padding:40px}.reader-header h2{font-size:2rem}.nav-breadcrumbs{display:none}}