:root{--bg: #0a0a0c;--surface: #111114;--border: rgba(255, 255, 255, .07);--text: #e8e4dc;--muted: #98a0a5;--silver: #d4a853;--firefly: #8fbe5a;--ice: #7ec8e3;--storm: #9b6fd4;--midnight: #5b7fd4;--meadow: #6abf8e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-weight:300;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:-30% 0;background-image:url("./media/hero-forest-POBGFETP.jpg");background-size:cover;background-position:center 60%;will-change:transform;pointer-events:none}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0c8c,#0a0a0c4d 40%,#0a0a0ca6),radial-gradient(ellipse 80% 60% at 50% 0%,rgba(212,168,83,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(126,200,227,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(155,111,212,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:1}.hero-eyebrow{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;animation:fadeUp 1s ease both}.hero h1{font-family:Playfair Display,serif;font-size:clamp(3.5rem,10vw,8rem);font-weight:900;line-height:.92;letter-spacing:-.02em;background:linear-gradient(135deg,#f5ede0,#d4a853 40%,#e8c882,#c8906a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeUp 1s .15s ease both}.hero-sub{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--muted);margin-top:1.2rem;max-width:540px;line-height:1.6;animation:fadeUp 1s .3s ease both}.hero-links{display:flex;gap:1rem;margin-top:2.5rem;animation:fadeUp 1s .45s ease both}.hero-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:1px solid rgba(212,168,83,.4);border-radius:2px;color:var(--silver);text-decoration:none;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;transition:all .25s}.hero-link:hover{background:#d4a8531a;border-color:var(--silver)}.chapter-nav{position:sticky;top:0;z-index:100;background:#0a0a0ceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem;overflow-x:auto;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav-inner{display:flex;gap:0;justify-content:center;max-width:1100px;margin:0 auto;white-space:nowrap}.nav-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.25rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;text-decoration:none;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;gap:.3rem}.nav-item .nav-icon{font-size:1rem}.nav-item:hover{color:var(--text)}.nav-item[data-chapter="1"]:hover,.nav-item[data-chapter="1"].active{color:var(--silver);border-bottom-color:var(--silver)}.nav-item[data-chapter="2"]:hover,.nav-item[data-chapter="2"].active{color:var(--firefly);border-bottom-color:var(--firefly)}.nav-item[data-chapter="3"]:hover,.nav-item[data-chapter="3"].active{color:var(--ice);border-bottom-color:var(--ice)}.nav-item[data-chapter="4"]:hover,.nav-item[data-chapter="4"].active{color:var(--storm);border-bottom-color:var(--storm)}.nav-item[data-chapter="5"]:hover,.nav-item[data-chapter="5"].active{color:var(--midnight);border-bottom-color:var(--midnight)}.nav-item[data-chapter="6"]:hover,.nav-item[data-chapter="6"].active{color:var(--meadow);border-bottom-color:var(--meadow)}.nav-item[data-chapter=storm]:hover,.nav-item[data-chapter=storm].active{color:var(--storm);border-bottom-color:var(--storm)}.mood-filter{max-width:1100px;margin:0 auto;padding:.75rem 2rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center}.mood-filter-label{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-right:.5rem}.mood-btn{padding:.4rem 1rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s;letter-spacing:.05em}.mood-btn:hover,.mood-btn.active{background:#ffffff0f;color:var(--text);border-color:#fff3}.mood-btn[data-mood=healing].active{border-color:var(--silver);color:var(--silver);background:#d4a85314}.mood-btn[data-mood=romantic].active{border-color:var(--firefly);color:var(--firefly);background:#8fbe5a14}.mood-btn[data-mood=introspective].active{border-color:var(--ice);color:var(--ice);background:#7ec8e314}.mood-btn[data-mood=intense].active{border-color:var(--storm);color:var(--storm);background:#9b6fd414}.mood-btn[data-mood=sultry].active{border-color:var(--midnight);color:var(--midnight);background:#5b7fd414}.mood-btn[data-mood=instrumental].active{border-color:var(--meadow);color:var(--meadow);background:#6abf8e14}.chapter{max-width:1100px;margin:0 auto;padding:5rem 2rem;position:relative}.chapter-header{margin-bottom:3rem;position:relative;padding-left:1.5rem}.chapter-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:2px}.ch1 .chapter-header:before{background:var(--silver)}.ch2 .chapter-header:before{background:var(--firefly)}.ch3 .chapter-header:before{background:var(--ice)}.ch4 .chapter-header:before{background:var(--storm)}.ch5 .chapter-header:before{background:var(--midnight)}.ch6 .chapter-header:before{background:var(--meadow)}.ch-storm .chapter-header:before{background:linear-gradient(180deg,var(--storm),var(--midnight))}.chapter-number{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:.5rem}.ch1 .chapter-number{color:var(--silver)}.ch2 .chapter-number{color:var(--firefly)}.ch3 .chapter-number{color:var(--ice)}.ch4 .chapter-number{color:var(--storm)}.ch5 .chapter-number{color:var(--midnight)}.ch6 .chapter-number{color:var(--meadow)}.ch-storm .chapter-number{color:var(--storm)}.chapter-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.chapter-tagline{font-family:Playfair Display,serif;font-style:italic;font-size:1rem;color:var(--muted);margin-top:.5rem;white-space:pre-line}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5px;align-items:stretch}.songs-grid>app-song-card{display:contents}.song-card{background:var(--surface);border:1px solid var(--border);padding:1.75rem;position:relative;transition:all .3s;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:1rem;height:100%;animation:fadeUp .5s ease both}.song-card-main{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.song-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}.ch1 .song-card:before{background:radial-gradient(ellipse at top left,rgba(212,168,83,.06),transparent 30%)}.ch2 .song-card:before{background:radial-gradient(ellipse at top left,rgba(143,190,90,.06),transparent 30%)}.ch3 .song-card:before{background:radial-gradient(ellipse at top left,rgba(126,200,227,.06),transparent 30%)}.ch4 .song-card:before{background:radial-gradient(ellipse at top left,rgba(155,111,212,.06),transparent 30%)}.ch5 .song-card:before{background:radial-gradient(ellipse at top left,rgba(91,127,212,.06),transparent 30%)}.ch6 .song-card:before{background:radial-gradient(ellipse at top left,rgba(106,191,142,.06),transparent 30%)}.ch-storm .song-card:before{background:radial-gradient(ellipse at top left,rgba(155,111,212,.06),transparent 30%)}.song-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.song-card:hover:before{opacity:1}.song-card-media{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;flex-shrink:0}.thumbnail{width:80px;height:80px;flex-shrink:0;object-fit:cover;border-radius:4px}.no-art{background:#ffffff0a;border:1px solid var(--border);border-radius:4px}.ch1 .no-art{background:#d4a85314;border-color:#d4a85333}.ch2 .no-art{background:#8fbe5a14;border-color:#8fbe5a33}.ch3 .no-art{background:#7ec8e314;border-color:#7ec8e333}.ch4 .no-art{background:#9b6fd414;border-color:#9b6fd433}.ch5 .no-art{background:#5b7fd414;border-color:#5b7fd433}.ch6 .no-art{background:#6abf8e14;border-color:#6abf8e33}.song-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.song-title{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.track-length{color:#79776f;font-size:1rem}.song-meta{display:flex;flex-direction:column;gap:.6rem;flex:1}.meta-row{font-size:.82rem;line-height:1.5;color:#e8e4dcbf}.meta-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:.15rem}.meta-text{display:block;white-space:pre-line}.ch1 .meta-label{color:var(--silver)}.ch2 .meta-label{color:var(--firefly)}.ch3 .meta-label{color:var(--ice)}.ch4 .meta-label{color:var(--storm)}.ch5 .meta-label{color:var(--midnight)}.ch6 .meta-label{color:var(--meadow)}.ch-storm .meta-label{color:var(--storm)}.song-card-footer{width:100%;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border)}.stream-links{display:flex;justify-content:center;gap:.6rem;width:100%}.stream-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.4rem .9rem;border-radius:2px;text-decoration:none;font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:all .2s;border:1px solid transparent;opacity:.8}.stream-btn svg{flex-shrink:0}.stream-btn.spotify{color:#1db954;border-color:#1db95440;background:#1db9540f}.stream-btn.spotify:hover{background:#1db95426;border-color:#1db95480;cursor:pointer}.stream-btn.youtube{color:red;border-color:#ff000040;background:#ff00000f}.stream-btn.youtube:hover{background:#ff000026;border-color:#ff000080;cursor:pointer}.stream-btn.analysis{color:var(--bg);width:100%;padding:.1rem .9rem;max-width:80px;justify-content:center;border:none;background:var(--ice)}.stream-btn.analysis:hover{background:var(--ice);border:none;cursor:pointer}.ch1 .stream-btn.analysis,.ch1 .stream-btn.analysis:hover{background:var(--silver)}.ch2 .stream-btn.analysis,.ch2 .stream-btn.analysis:hover{background:var(--firefly)}.ch3 .stream-btn.analysis,.ch3 .stream-btn.analysis:hover{background:var(--ice)}.ch4 .stream-btn.analysis,.ch4 .stream-btn.analysis:hover{background:var(--storm)}.ch5 .stream-btn.analysis,.ch5 .stream-btn.analysis:hover{background:var(--midnight)}.ch6 .stream-btn.analysis,.ch6 .stream-btn.analysis:hover{background:var(--meadow)}.ch-storm .stream-btn.analysis,.ch-storm .stream-btn.analysis:hover{background:var(--storm)}.ch-scene{position:relative;overflow:hidden}.ch-scene-bg{position:absolute;inset:-30% 0;background-size:cover;background-position:center;will-change:transform;pointer-events:none}.ch-scene-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0cb3,#0a0a0c8c,#0a0a0cbf)}.ch1-scene .ch-scene-bg{background-image:url("./media/ch1-bg-Y2SFWQI2.jpg")}.ch1-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(212,168,83,.12) 0%,transparent 60%)}.ch2-scene .ch-scene-bg{background-image:url("./media/ch2-bg-QIEDBKM6.jpg")}.ch2-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(143,190,90,.12) 0%,transparent 60%)}.ch3-scene .ch-scene-bg{background-image:url("./media/ch3-bg-QVBHPY6D.jpg")}.ch3-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(126,200,227,.12) 0%,transparent 60%)}.ch4-scene .ch-scene-bg{background-image:url("./media/ch4-bg-2ZNDOOJK.jpg")}.ch4-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(155,111,212,.12) 0%,transparent 60%)}.ch5-scene .ch-scene-bg{background-image:url("./media/ch5-bg-LF66CB5R.jpg")}.ch5-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(91,127,212,.12) 0%,transparent 60%)}.ch6-scene .ch-scene-bg{background-image:url("./media/ch6-bg-HTCGWIMI.jpg")}.ch6-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(106,191,142,.12) 0%,transparent 60%)}.ch-storm-scene .ch-scene-bg{background-image:url("./media/storm-bg-GVJ73NVW.jpg")}.ch-storm-scene .ch-scene-bg:after{background:linear-gradient(to bottom,#0a0a0cb8,#0a0a0c85,#0a0a0cb8),radial-gradient(ellipse 60% 40% at 50% 20%,rgba(155,111,212,.14) 0%,transparent 60%)}.ch-scene .chapter{position:relative;z-index:1}.chapter-divider{max-width:1100px;margin:0 auto;padding:0 2rem;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.site-footer{text-align:center;padding:4rem 2rem;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border);margin-top:4rem}.site-footer a{color:var(--silver);text-decoration:none}.site-footer a:hover{text-decoration:underline}.load-error{max-width:1100px;margin:1rem auto 0;padding:0 2rem;color:#c98f8f;font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.song-card.hidden{display:none}@media(max-width:600px){.chapter{padding:3rem 1rem}.songs-grid{grid-template-columns:1fr}.hero h1{font-size:3rem}}