:root{--gold:#d4af37;--gold-hover:#e6c55c;--jade:#6fd9e8;--youtube-red:#ff4b4b;--violet:#8b7cf6;--bg:#0a0a14;--bg-grad-end:#060610;--surface:#12121f;--surface-2:#181828;--border:#232338;--text-primary:#fff;--text-body:#e2e8f0;--text-muted:#94a3b8;--overlay:#00000073;--shadow:0 8px 32px #00000080;--hero-glow:radial-gradient(ellipse 70% 55% at 50% 0%, #6fd9e824 0%, #d4af3712 45%, transparent 72%);--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg:#f6f6f4;--bg-grad-end:#ecece8;--surface:#fff;--surface-2:#fafaf8;--border:#e2e2dc;--text-primary:#1a202c;--text-body:#2d3748;--text-muted:#718096;--overlay:#00000059;--shadow:0 8px 32px #00000014;--hero-glow:radial-gradient(ellipse 70% 55% at 50% 0%, #6fd9e80f 0%, #d4af370a 45%, transparent 72%)}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-hover)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;line-height:1.7;transition:background .35s,color .35s}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 .6em;font-weight:600;line-height:1.25}.page-wrap{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);transition:background .35s;position:sticky;top:0}.header-inner{align-items:center;gap:24px;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;font-size:1.3rem;font-weight:700}.brand span{color:var(--gold)}.main-nav{scrollbar-width:none;gap:24px;margin-left:auto;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{color:var(--text-muted);white-space:nowrap;padding:6px 2px;font-size:.88rem;font-weight:500}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.theme-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:border-color .2s;display:flex}.theme-toggle:hover{border-color:var(--gold)}.nav-burger{display:none}.hero{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-grad-end) 100%);text-align:center;border-bottom:1px solid var(--border);padding:72px 24px 56px;position:relative;overflow:hidden}.hero:before{content:"";background:var(--hero-glow);pointer-events:none;position:absolute;inset:0}.hero-inner{max-width:720px;margin:0 auto;position:relative}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-size:.8rem;font-weight:500}.hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.hero p.sub{color:var(--text-muted);max-width:560px;margin:0 auto 32px;font-size:1.1rem;line-height:1.8}.btn-primary{background:var(--gold);color:#101018;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 36px;font-size:1rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--gold-hover);color:#101018;transform:translateY(-1px)}.mood-bar{scrollbar-width:none;gap:10px;max-width:1200px;margin:32px auto 8px;padding:0 24px;display:flex;overflow-x:auto}.mood-bar::-webkit-scrollbar{display:none}.mood-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50px;flex-shrink:0;padding:8px 18px;font-size:.85rem;transition:all .2s}.mood-pill:hover{border-color:var(--gold);color:var(--text-primary)}.mood-pill.active{background:var(--gold);color:#101018;border-color:var(--gold);font-weight:500}.tracks-section{flex:1;max-width:1200px;margin:0 auto;padding:24px 24px 72px}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.track-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.track-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.track-thumb{aspect-ratio:16/9;background:var(--surface-2);display:block;position:relative;overflow:hidden}.track-thumb img.cover{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.track-card:hover .track-thumb img.cover{transform:scale(1.05)}.track-thumb .thumb-fallback{justify-content:center;align-items:center;font-size:2.6rem;display:flex;position:absolute;inset:0}.track-thumb .yt-badge{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.track-card:hover .yt-badge{opacity:1}.yt-play{background:var(--youtube-red);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .25s;display:flex;transform:scale(.9);box-shadow:0 4px 24px #ff4b4b80}.track-card:hover .yt-play{transform:scale(1)}.yt-play svg{fill:#fff;width:24px;height:24px;margin-left:3px}.track-info{padding:16px 18px 20px}.track-meta{color:var(--text-muted);letter-spacing:.02em;margin-bottom:6px;font-size:.75rem}.track-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:.72rem;font-weight:500}.track-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.05rem;line-height:1.4}.track-desc{color:var(--text-muted);margin-top:8px;font-size:.83rem;line-height:1.55}.breadcrumbs{max-width:840px;color:var(--text-muted);margin:0 auto;padding:20px 24px 0;font-size:.82rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:after{content:"/";color:var(--border);margin-left:8px}.breadcrumbs li:last-child:after{content:""}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--gold)}.article-page{flex:1;width:100%;max-width:840px;margin:0 auto;padding:28px 24px 72px}.article-page h1{margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.4rem)}.article-meta{color:var(--text-muted);margin-bottom:28px;font-size:.85rem}.video-shell{margin:0 0 8px}.video-frame{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}.video-frame img.thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-frame .vignette{pointer-events:none;background:radial-gradient(#0000 25%,#0009 100%);position:absolute;inset:0}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.clt-btn{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.clt-play{background:var(--youtube-red);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .2s;display:flex;box-shadow:0 0 0 10px #ff4b4b38,0 8px 32px #0006}.clt-btn:hover .clt-play{transform:scale(1.06)}.clt-play svg{fill:#fff;width:32px;height:32px;margin-left:4px}.clt-label{font-family:var(--font-body);color:#fff;backdrop-filter:blur(8px);background:#0000008c;border-radius:50px;padding:8px 18px;font-size:.95rem;font-weight:500}.video-micro{color:var(--text-muted);margin:10px 2px 0;font-size:.75rem;line-height:1.5}.action-panel{flex-wrap:wrap;gap:14px;margin:24px 0 36px;display:flex}.btn-dl,.btn-support{cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-dl{background:var(--gold);color:#101018;border:1px solid var(--gold)}.btn-dl:hover{background:var(--gold-hover);border-color:var(--gold-hover);transform:translateY(-1px)}.btn-support{background:var(--surface-2);color:var(--text-primary);border:1px solid #3a3a4d}.btn-support:hover{border-color:var(--gold);transform:translateY(-1px)}.article-body{max-width:720px;margin:0 auto}.article-body .intro{color:var(--text-body);margin-bottom:32px;font-size:1.15rem;font-weight:300;line-height:1.85}.article-body h2{color:var(--gold);margin:36px 0 14px;font-size:1.4rem}.article-body p{color:var(--text-body);margin-bottom:16px;font-size:1rem;line-height:1.9}.article-body ul{color:var(--text-body);margin-bottom:16px;padding-left:22px;line-height:1.9}.article-body li::marker{color:var(--gold)}.article-conclusion{background:var(--surface);border-left:4px solid var(--gold);font-family:var(--font-heading);color:var(--text-primary);border-radius:0 14px 14px 0;margin:40px 0 0;padding:28px 32px;font-size:1.08rem;font-style:italic;line-height:1.8}.faq-block{margin-top:48px}.faq-block h2{margin-bottom:20px;font-size:1.5rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:.98rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"›";color:var(--gold);flex-shrink:0;font-size:1.3rem;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(90deg)}.faq-item .faq-answer{color:var(--text-muted);padding:0 22px 18px;font-size:.92rem;line-height:1.75}.related-block{margin-top:56px}.related-block h2{margin-bottom:20px;font-size:1.5rem}.related-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:22px;transition:border-color .2s,transform .2s;display:flex}.related-card:hover{border-color:var(--gold);transform:translateY(-3px)}.related-card .r-emoji{font-size:1.8rem}.related-card h3{margin:0;font-size:1.05rem}.related-card p{color:var(--text-muted);flex:1;margin:0;font-size:.83rem;line-height:1.55}.related-card .r-link{margin-top:6px;font-size:.85rem;font-weight:500}.subscribe-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:48px;padding:30px}.subscribe-cta p{color:var(--text-muted);margin:0 0 18px;font-size:.95rem}.btn-yt{background:var(--youtube-red);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:13px 30px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .2s;display:inline-flex}.btn-yt:hover{opacity:.9;color:#fff;transform:translateY(-1px)}.site-footer{border-top:1px solid var(--border);background:var(--bg-grad-end);margin-top:auto;padding:44px 24px 32px;transition:background .35s}.footer-inner{text-align:center;max-width:1200px;margin:0 auto}.footer-brand{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:6px;font-size:1.15rem}.footer-brand span{color:var(--gold)}.footer-tag{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-bottom:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.85rem}.footer-links a:hover{color:var(--gold)}.footer-copy{color:var(--text-muted);opacity:.7;font-size:.78rem}@media (width<=760px){.header-inner{gap:12px;padding:0 16px}.main-nav{display:none}.nav-burger{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:4px;font-size:1.4rem;display:flex}.main-nav.open{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;flex-direction:column;gap:14px;padding:16px 24px;display:flex;position:absolute;top:64px;left:0;right:0}.hero{padding:52px 20px 40px}.article-page{padding:20px 16px 56px}.action-panel{flex-direction:column}.btn-dl,.btn-support{justify-content:center}}