:root{--bg:#1b2730;--bg2:#14202a;--surface:#1f3040;--border:#2e4458;--gold:#c9a84c;--gold2:#e8c97a;--text:#e6e3da;--muted:#7a96aa;--accent:#94d5ff}@font-face{font-family:Libertinus Serif;src:url(assets/fonts/LibertinusSerif-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Libertinus Serif;src:url(assets/fonts/LibertinusSerif-Italic.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Libertinus Sans;src:url(assets/fonts/LibertinusSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Libertinus Mono;src:url(assets/fonts/LibertinusMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:Libertinus Sans,sans-serif;overflow-x:hidden}h1{color:var(--text);margin-bottom:12px;font-family:Libertinus Serif,serif;font-size:clamp(2rem,6vw,3.2rem);font-style:italic;font-weight:400;line-height:1.1}*{box-sizing:border-box;margin:0;padding:0}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 39px,#2e445840 39px 40px);position:fixed;inset:0}.wrap{z-index:1;max-width:760px;margin:0 auto;padding:60px 24px 100px;position:relative}header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:32px}.logo-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.logo-row img{opacity:.85;width:32px;height:32px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:14px}h1 em{color:var(--gold2);font-style:normal}.subtitle{color:var(--muted);max-width:480px;font-size:16px;line-height:1.7}#tag-cloud{margin-bottom:32px}.tag-cloud-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12px}.tag-pills{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{letter-spacing:.05em;border:1px solid var(--border);color:var(--muted);cursor:pointer;user-select:none;background:0 0;padding:3px 12px;font-family:Libertinus Mono,monospace;font-size:13px;transition:border-color .15s,color .15s,background .15s}.tag-pill:hover{border-color:var(--gold);color:var(--gold)}.tag-pill.active{border-color:var(--gold);background:var(--gold);color:var(--bg)}.tag-pill .count{opacity:.55;margin-left:6px;font-size:13px}#playlist-grid{gap:16px;display:grid}.playlist-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);color:inherit;opacity:0;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:22px 26px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;animation:.4s forwards cardIn;display:grid;transform:translateY(12px)}.playlist-card.hidden{display:none}.playlist-card:hover{border-left-color:var(--gold2);background:#243749;transform:translate(4px)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.card-title{color:var(--text);margin-bottom:6px;font-family:Libertinus Serif,serif;font-size:1.4rem;font-weight:700}.card-meta{color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.card-count{color:var(--gold)}.card-tag{border:1px solid var(--border);color:var(--muted);padding:2px 7px;font-size:12px}.card-arrow{color:var(--gold);opacity:.6;font-size:22px;transition:opacity .2s,transform .2s}.playlist-card:hover .card-arrow{opacity:1;transform:translate(3px)}#no-results{color:var(--muted);text-align:center;padding:32px 0;font-size:13px;display:none}.state-msg{color:var(--muted);text-align:center;padding:32px 0;font-size:15px}.state-msg.error{color:#e07070}footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin-top:64px;padding-top:24px;font-size:13px;display:flex}footer img{opacity:.5;width:20px;height:20px}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}