:root{--bg:#0f0f10;--surface:#171719;--surface-2:#222225;--text:#f8f5ee;--muted:#a6a2a0;--gold:#c9a86a;--cream:#efe2c3;--line:#2b2b2e;--radius:22px;--shadow:0 18px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#202022 0,var(--bg) 44%);color:var(--text);padding-bottom:148px}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:30;background:rgba(15,15,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{font-family:"Playfair Display",serif;font-size:20px;font-weight:700;letter-spacing:.5px}.brand span{font-family:Inter,sans-serif;font-size:10px;letter-spacing:2px;margin-left:8px;color:var(--gold)}.top-actions{display:flex;gap:8px}.icon-btn,.circle-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);width:38px;height:38px;border-radius:50%;cursor:pointer}.page-shell{width:min(100%,1120px);margin:0 auto}.hero{margin:14px 14px 0;min-height:520px;position:relative;overflow:hidden;border-radius:28px;background:#111;box-shadow:var(--shadow)}.hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22) 40%,rgba(0,0,0,.9) 100%)}.hero-copy{position:absolute;left:22px;right:22px;bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--gold)}.hero h1{font-family:"Playfair Display",serif;font-size:42px;line-height:.98;margin:8px 0 8px;max-width:580px}.hero p{margin:0 0 18px;color:#ddd}.hero-actions{display:flex;gap:10px;align-items:center}.primary-btn{background:var(--cream);color:#151515;border:none;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer}.section{padding:34px 16px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section h2{font-family:"Playfair Display",serif;font-size:28px;margin:4px 0 0}.text-link{font-size:13px;color:var(--cream)}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.mood-chip{border:1px solid #333338;background:var(--surface);color:var(--text);padding:11px 15px;border-radius:999px;cursor:pointer}.mood-chip:hover{border-color:var(--gold);color:var(--cream)}.card-row{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.music-card{position:relative;scroll-snap-align:start;background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:12px}.art-placeholder{aspect-ratio:1;border-radius:14px;background:linear-gradient(145deg,#2b241c,#101011 72%);display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:30px;color:var(--gold)}.music-card h3{margin:12px 0 5px;font-size:16px}.music-card p{margin:0;color:var(--muted);font-size:12px}.mini-play{position:absolute;right:18px;bottom:18px;border:0;width:38px;height:38px;border-radius:50%;background:var(--cream);color:#111;cursor:pointer}.feature-list{display:grid;gap:11px}.feature-tile{padding:18px;background:linear-gradient(135deg,var(--surface),#25211d);border:1px solid rgba(255,255,255,.05);border-radius:18px;display:grid;gap:5px}.feature-tile strong{font-family:"Playfair Display",serif;font-size:21px}.feature-tile span:last-child{font-size:12px;color:var(--muted)}.tile-kicker{font-size:9px;letter-spacing:1.5px;color:var(--gold);font-weight:800}.ranking-list{background:var(--surface);border-radius:20px;padding:4px 12px}.ranking-row{display:grid;grid-template-columns:24px 48px 1fr 42px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.ranking-row:last-child{border-bottom:0}.rank{font-weight:800;color:var(--muted);font-size:13px}.rank-art{width:48px;height:48px;border-radius:10px;background:linear-gradient(145deg,#2b241c,#111);display:grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif}.rank-copy{display:grid;gap:3px}.rank-copy strong{font-size:14px}.rank-copy span{font-size:11px;color:var(--muted)}.playlist-card{display:grid;grid-template-columns:110px 1fr;gap:15px;background:var(--surface);padding:12px;border-radius:20px}.playlist-mosaic{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,#3a2d22,#111);display:grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif;font-size:26px}.playlist-card h3{margin:6px 0;font-size:17px}.playlist-card p{margin:0 0 12px;color:var(--muted);font-size:11px}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.inline-actions button{border:1px solid var(--line);background:#232326;color:var(--text);padding:7px 10px;border-radius:999px;font-size:11px}.bible-section{margin:34px 16px 20px;padding:24px;background:linear-gradient(160deg,#2c241d,#151516 70%);border-radius:24px}.bible-section p{color:var(--muted);line-height:1.5}.bible-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.bible-links a{border:1px solid #413c35;border-radius:999px;padding:8px 12px;font-size:12px}.player{position:fixed;z-index:40;left:10px;right:10px;bottom:67px;min-height:68px;padding:9px 12px 12px;background:rgba(28,28,30,.95);backdrop-filter:blur(20px);border:1px solid #3a3a3e;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) 34px 46px 34px 34px;gap:5px;align-items:center;box-shadow:0 14px 50px rgba(0,0,0,.45)}.player-meta{display:flex;gap:9px;min-width:0;align-items:center}.player-art{width:44px;height:44px;border-radius:9px;background:linear-gradient(145deg,#3d3023,#111);display:grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif}.player-text{min-width:0;display:grid}.player-text strong,.player-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-text strong{font-size:12px}.player-text span{font-size:10px;color:var(--muted);margin-top:3px}.player-btn,.player-main{border:0;background:transparent;color:var(--text);cursor:pointer}.player-main{background:var(--cream);color:#111;border-radius:50%;width:42px;height:42px}.progress{position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:#424247;border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--gold)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;height:62px;background:rgba(15,15,16,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{font-size:9px;color:#8e8a88;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav a span{font-size:18px}.bottom-nav a.active{color:var(--cream)}
@media(min-width:700px){body{padding-bottom:96px}.topbar{padding:0 34px}.hero{min-height:650px;margin:22px 22px 0}.hero-copy{left:42px;bottom:40px}.hero h1{font-size:64px}.section{padding:44px 24px 0}.card-row{grid-auto-flow:initial;grid-template-columns:repeat(3,1fr);overflow:visible}.playlist-card{grid-template-columns:160px 1fr;align-items:center}.player{left:50%;right:auto;transform:translateX(-50%);width:min(760px,calc(100% - 40px));bottom:18px}.bottom-nav{display:none}}
.player-art{overflow:hidden}.player-art img{width:100%;height:100%;object-fit:cover;display:block}.player-time{position:absolute;right:13px;bottom:9px;transform:translateY(-100%);font-size:9px;color:var(--muted);pointer-events:none}.real-cover{width:100%;height:100%;object-fit:cover;border-radius:inherit}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6ebf73}.toast{position:fixed;z-index:80;left:50%;bottom:155px;transform:translateX(-50%) translateY(20px);background:#f2ead8;color:#111;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.player-status{position:absolute;left:12px;bottom:9px;transform:translateY(-100%);font-size:9px;color:var(--muted);pointer-events:none;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-status.error{color:#ffb0a8}.player audio{display:none}

/* V0.3 — accounts, likes and playlists */
.account-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 13px;font-size:12px;color:var(--cream);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small-pill{border:1px solid var(--line);background:#232326;color:var(--text);padding:7px 10px;border-radius:999px;font-size:11px}.ghost-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:11px 15px;border-radius:999px;cursor:pointer}.full-btn{width:100%;display:flex;justify-content:center}.muted-copy{color:var(--muted);line-height:1.6}.alert{margin:12px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font-size:13px}.alert.error{background:#2b1717;border-color:#633}.alert.success{background:#17271b;border-color:#355c3d}.empty-state{padding:18px;border:1px dashed #343438;border-radius:16px;color:var(--muted);font-size:13px;line-height:1.55}.page-title-row{padding:34px 16px 0;display:flex;align-items:end;justify-content:space-between;gap:20px}.page-title-row h1,.profile-hero h1,.playlist-hero h1{font-family:"Playfair Display",serif;margin:5px 0 4px;font-size:38px}.library-shell{padding-bottom:40px}.playlist-grid{display:grid;gap:12px}.playlist-grid .playlist-card{grid-template-columns:68px minmax(0,1fr);align-items:center;border:1px solid rgba(255,255,255,.04)}.playlist-grid .playlist-card strong{display:block;font-size:14px;margin-bottom:5px}.playlist-grid .playlist-card span{display:block;color:var(--muted);font-size:11px}.playlist-cover-mini{width:68px;height:68px;border-radius:15px;background:linear-gradient(145deg,#3b2e22,#111);display:grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif;font-size:24px}.song-list{display:grid;gap:8px}.song-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface);border:1px solid rgba(255,255,255,.04);padding:9px;border-radius:15px}.song-row img{width:54px;height:54px;border-radius:10px;object-fit:cover}.song-row strong,.song-row span{display:block}.song-row strong{font-size:13px}.song-row div span{font-size:10px;color:var(--muted);margin-top:4px}
.auth-shell{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:28px 16px}.auth-card{width:min(460px,100%);background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.auth-card h1{font-family:"Playfair Display",serif;font-size:38px;margin:6px 0}.stack-form{display:grid;gap:14px;margin-top:18px}.stack-form.compact{gap:10px;margin-top:0}.stack-form label,.inline-form label,.dialog-card label{display:grid;gap:7px;font-size:12px;color:#d6d0c5}.stack-form input,.stack-form textarea,.stack-form select,.inline-form select,.dialog-card input,.dialog-card textarea,.dialog-card select{width:100%;border:1px solid #39393e;background:#111114;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.dialog-card input:focus,.dialog-card textarea:focus,.dialog-card select:focus{border-color:var(--gold)}.stack-form small{color:var(--muted)}.auth-foot{font-size:12px;color:var(--muted);text-align:center;margin:18px 0 0}.auth-foot a{color:var(--cream)}
.kam-dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(520px,calc(100% - 28px));max-height:85vh}.kam-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-card{background:#19191c;border:1px solid #38383d;border-radius:24px;padding:20px;max-height:85vh;overflow:auto}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.dialog-head h2{font-family:"Playfair Display",serif;margin:5px 0 14px}.dialog-x{border:1px solid var(--line);background:#252529;color:var(--text);width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.dialog-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:16px 0}.dialog-divider:before,.dialog-divider:after{content:"";height:1px;background:var(--line);flex:1}.playlist-choice-list{display:grid;gap:8px}.playlist-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);background:#242428;color:var(--text);padding:12px;border-radius:14px;cursor:pointer}.playlist-choice span{font-weight:700}.playlist-choice small{color:var(--muted)}
.song-page{padding:20px 16px 80px}.song-cover{width:100%;border-radius:26px;box-shadow:var(--shadow)}.song-title{font-family:"Playfair Display",serif;font-size:38px;line-height:1;margin:22px 0 8px}.song-sub{color:var(--muted);margin:0}.song-stats{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.song-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.song-actions button,.song-actions a{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:11px 14px;border-radius:999px;cursor:pointer}.song-actions .listen{background:var(--cream);color:#111;border-color:var(--cream);font-weight:800}.content-panel{margin-top:14px;padding:20px;background:var(--surface);border-radius:20px;border:1px solid rgba(255,255,255,.04)}.content-panel h2{font-family:"Playfair Display",serif;margin:4px 0 12px}.content-panel p{color:#d8d4cd;line-height:1.7}.lyrics{white-space:pre-line}.note{font-size:12px;color:var(--muted)!important}.account-nudge{font-size:12px;color:var(--muted)}.account-nudge a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}.share-sheet{display:none;position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.7);align-items:end;justify-content:center;padding:16px}.share-sheet.open{display:flex}.share-card{width:min(520px,100%);background:#1b1b1e;border:1px solid var(--line);border-radius:24px;padding:18px}.share-card h3{font-family:"Playfair Display",serif;margin:4px 0 14px}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.share-grid button,.share-grid a{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#252529;color:var(--text);padding:12px;border-radius:14px;cursor:pointer}.share-close{width:100%;margin-top:10px;border:0;background:transparent;color:var(--muted);padding:10px}
.profile-shell,.playlist-page{padding:28px 16px 80px}.profile-hero,.playlist-hero{display:flex;gap:18px;align-items:center}.profile-avatar{width:86px;height:86px;border-radius:50%;background:linear-gradient(145deg,#4a3726,#161618);display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:40px;color:var(--gold);border:1px solid #4a4036}.profile-actions,.playlist-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.profile-actions form{margin:0}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.mini-stats div{background:var(--surface);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:16px;display:grid;gap:4px}.mini-stats strong{font-family:"Playfair Display",serif;font-size:24px}.mini-stats span{font-size:10px;color:var(--muted)}.playlist-hero{align-items:end}.playlist-cover-large{width:150px;min-width:150px;aspect-ratio:1;border-radius:22px;background:linear-gradient(145deg,#4a3827,#111);display:grid;place-items:center;color:var(--gold);font-family:"Playfair Display",serif;font-size:54px;box-shadow:var(--shadow)}.playlist-hero p{color:var(--muted);line-height:1.5}.playlist-by{font-size:12px}.playlist-by a{color:var(--cream)}.compact-panel{margin-top:22px}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form label{min-width:180px}.playlist-song-row{grid-template-columns:54px minmax(0,1fr) auto auto}.track-number{color:var(--muted);font-size:12px}.icon-text-btn{border:0;background:transparent;color:#d8b6a8;font-size:11px;cursor:pointer;padding:8px}.player-status{max-width:42%}
@media(min-width:700px){.playlist-grid{grid-template-columns:repeat(2,1fr)}.page-title-row{padding:44px 24px 0}.library-shell .section{padding-left:24px;padding-right:24px}.profile-shell,.playlist-page{padding:44px 24px 100px}.mini-stats{grid-template-columns:repeat(4,1fr)}.playlist-cover-large{width:220px;min-width:220px}.playlist-hero h1,.profile-hero h1{font-size:54px}}
@media(min-width:800px){.song-page{display:grid;grid-template-columns:380px 1fr;gap:44px;padding:38px 24px 100px}.song-cover{position:sticky;top:88px}.song-title{font-size:58px}.share-sheet{align-items:center}}
@media(max-width:560px){.page-title-row{align-items:start;flex-direction:column}.playlist-hero{align-items:start;flex-direction:column}.playlist-cover-large{width:130px;min-width:130px}.playlist-song-row{grid-template-columns:48px minmax(0,1fr) auto}.playlist-song-row .track-number{display:none}.playlist-song-row img{width:48px;height:48px}.account-link{max-width:120px}.brand{font-size:16px}.brand span{font-size:8px;margin-left:5px}}

/* V0.4 — catalogue, discovery, admin and playlist queue */
.icon-link{display:grid;place-items:center}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalogue-card{background:var(--surface);border:1px solid rgba(255,255,255,.05);border-radius:18px;overflow:hidden;transition:.18s transform,.18s border-color}.catalogue-card:hover{transform:translateY(-2px);border-color:#4b4335}.catalogue-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.catalogue-card-copy{padding:12px;display:grid;gap:4px}.catalogue-card-copy strong{font-size:13px}.catalogue-card-copy span,.catalogue-card-copy small{color:var(--muted);font-size:10px;line-height:1.35}.discover-shell{padding-bottom:60px}.discover-hero{padding:44px 16px 10px}.discover-hero h1{font-family:"Playfair Display",serif;font-size:42px;line-height:1.05;margin:7px 0}.discover-hero p{color:var(--muted);max-width:650px}.search-form{display:flex;gap:8px;margin-top:20px;max-width:760px}.search-form input{flex:1;min-width:0;background:#151518;border:1px solid #39393e;color:var(--text);padding:13px 15px;border-radius:999px;outline:none}.search-form input:focus{border-color:var(--gold)}.mood-chip.selected{background:var(--cream);color:#111;border-color:var(--cream)}.result-count{color:var(--muted);font-size:12px}.active-filter{display:inline-flex;gap:10px;align-items:center;background:#241f18;border:1px solid #51442f;border-radius:999px;padding:8px 11px;margin-bottom:14px;font-size:11px}.active-filter a{color:var(--gold)}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.song-tag{font-size:10px;color:var(--cream);border:1px solid var(--line);background:#1f1f22;border-radius:999px;padding:7px 10px}.playable-row{cursor:pointer}.playable-row.playing{border-color:#6a5738;background:#201c16}.track-play-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#252529;color:var(--text);cursor:pointer}.player-btn:disabled{opacity:.35;cursor:default}.admin-shell{width:min(1380px,100%);margin:auto;padding:20px 16px 60px}.admin-grid{display:grid;gap:18px;margin-top:18px}.admin-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:18px}.admin-card h2{font-family:"Playfair Display",serif;font-size:30px;margin:5px 0 14px}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;gap:20px;flex-wrap:wrap}.check-row label{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px!important}.check-row input{width:auto!important}.admin-song-list{display:grid;gap:9px}.admin-song-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:15px;background:#131315}.admin-song-row img{width:62px;height:62px;border-radius:10px;object-fit:cover}.admin-song-row strong,.admin-song-row span,.admin-song-row small{display:block}.admin-song-row span,.admin-song-row small{font-size:10px;color:var(--muted);margin-top:4px}.admin-row-actions{display:flex;gap:7px;flex-direction:column}.admin-row-actions a{font-size:11px;color:var(--cream);border:1px solid var(--line);padding:6px 8px;border-radius:999px;text-align:center}
@media(min-width:700px){.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogue-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.discover-hero{padding:60px 24px 16px}.discover-filters,.discover-shell>.section{padding-left:24px;padding-right:24px}}
@media(min-width:1000px){.admin-grid{grid-template-columns:minmax(480px,.9fr) minmax(520px,1.1fr)}.admin-card{padding:24px}.catalogue-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.search-form{flex-direction:column}.search-form .primary-btn{width:100%}.admin-two{grid-template-columns:1fr}.admin-song-row{grid-template-columns:52px minmax(0,1fr)}.admin-song-row img{width:52px;height:52px}.admin-row-actions{grid-column:2;flex-direction:row}.catalogue-card-copy{padding:10px}}


/* V0.7 — Up Next, radio and recommendations */
.up-next-card{position:fixed;z-index:55;left:12px;right:12px;bottom:145px;background:rgba(24,24,27,.98);border:1px solid #4b4335;box-shadow:0 18px 60px rgba(0,0,0,.52);border-radius:18px;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;backdrop-filter:blur(18px)}
.up-next-card[hidden]{display:none}.up-next-card img{width:58px;height:58px;border-radius:11px;object-fit:cover;background:#222}.up-next-copy{display:grid;gap:2px;min-width:0}.up-next-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-next-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-next-copy #up-next-countdown{font-size:10px;color:var(--gold);margin-top:3px}.up-next-actions{display:grid;gap:5px}.up-next-actions button{border:1px solid var(--line);border-radius:999px;background:#26262a;color:var(--text);padding:7px 9px;font-size:10px;cursor:pointer}.up-next-actions button:first-child{background:var(--cream);color:#111;border-color:var(--cream);font-weight:700}
.recommendation-card .catalogue-card-copy span{color:var(--gold)}
.radio-page{padding:28px 16px 80px}.radio-hero{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:20px;background:linear-gradient(145deg,#262016,#151517 65%);border:1px solid rgba(255,255,255,.06);border-radius:24px;margin-top:20px}.radio-hero-art{width:120px;aspect-ratio:1;border-radius:18px;object-fit:cover;box-shadow:var(--shadow)}.radio-hero h1{font-family:"Playfair Display",serif;font-size:34px;line-height:1.05;margin:6px 0}.radio-hero p{color:var(--muted);line-height:1.55;margin:8px 0 14px}.radio-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:700px){.up-next-card{left:50%;right:auto;transform:translateX(-50%);width:min(680px,calc(100% - 40px));bottom:100px}.radio-page{padding:44px 24px 100px}.radio-hero{grid-template-columns:220px 1fr;padding:28px;gap:30px}.radio-hero-art{width:220px}.radio-hero h1{font-size:50px}}
@media(max-width:560px){.up-next-card{grid-template-columns:48px minmax(0,1fr)}.up-next-card img{width:48px;height:48px}.up-next-actions{grid-column:2;display:flex}.radio-hero{grid-template-columns:86px 1fr;padding:14px}.radio-hero-art{width:86px}.radio-hero h1{font-size:27px}}


/* V0.9 — community, comments and following */
.artist-follow-row{margin:18px 0 10px;padding:14px 15px;background:#171719;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.artist-follow-row strong{display:block}.artist-follow-row span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.artist-follow-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.artist-follow-actions>button{border:1px solid #645a45;background:var(--cream);color:#111;font-weight:800;border-radius:999px;padding:9px 13px;cursor:pointer}.artist-follow-actions>button[data-following="1"]{background:#242426;color:var(--cream)}.notify-toggle{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center}.notify-toggle input{accent-color:var(--gold)}
.comments-head{display:flex;justify-content:space-between;align-items:center}.comments-head h2 span{color:var(--muted);font-size:.55em;font-family:Inter,sans-serif}.comment-prompt{color:var(--muted);margin-top:-4px}.comment-form{display:grid;gap:8px;margin:18px 0 24px}.comment-form textarea{resize:vertical;min-height:90px;background:#111113;border:1px solid var(--line);border-radius:14px;padding:13px;color:var(--text);font:inherit}.comment-form textarea:focus{outline:1px solid #75684d}.comment-form-foot{display:flex;justify-content:space-between;align-items:center}.comment-form-foot small{color:var(--muted)}.comment-signin{padding:14px;background:#171719;border:1px solid var(--line);border-radius:13px;margin:15px 0}.comment-list{display:grid;gap:10px}.comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px 0;border-top:1px solid var(--line)}.comment-item.pinned{padding:13px;background:#1e1b15;border:1px solid #443b29;border-radius:14px}.comment-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2b2925;color:var(--cream);font-weight:800}.comment-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-meta strong{font-size:12px}.comment-meta>span{font-size:9px;color:var(--muted)}.comment-body p{margin:7px 0 4px;line-height:1.55;white-space:normal}.artist-badge{font-size:8px;padding:2px 5px;background:var(--gold);color:#111;border-radius:999px;vertical-align:middle}.pinned-badge{color:#e6cc87!important}.artist-heart{color:#eaa09a!important}.comment-actions button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:2px 0;cursor:pointer}.comment-actions button:hover{color:var(--text)}
@media(max-width:560px){.artist-follow-row{align-items:flex-start;flex-direction:column}.artist-follow-actions{justify-content:flex-start}}