:root{color-scheme:dark;--bg:#190402;--surface:#290b07;--gold:#edc66d;--text:#fff2d6;--muted:#dec6b2;--line:#97612866}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Arial,sans-serif}a{color:var(--gold);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid var(--gold);border-radius:12px;background:#270704;color:var(--text);cursor:pointer}button:hover,.button:hover{filter:brightness(1.25);background-color:#4a140c}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}.primary{background:linear-gradient(#bb3217,#670d05 55%,#2d0703);box-shadow:inset 0 2px 4px #fff0bd66}.gold{background:var(--gold);color:#2a1105}button[aria-pressed=true]{background:var(--gold);color:#2a1105}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffe4a0;outline-offset:4px}.wrap{max-width:1380px;margin:auto;padding:0 30px}.topbar{display:flex;align-items:center;gap:25px;min-height:95px;position:relative;z-index:1}.brand{display:flex;gap:15px;align-items:center;color:var(--text)}.brand img{width:66px;height:66px;object-fit:contain}.brand strong{font-size:27px;letter-spacing:1px;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--gold)}nav{margin-left:auto;display:flex;gap:24px;align-items:center}nav a{font-size:13px;color:var(--text)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.16}h2{font-size:32px}h3{font-size:22px;margin:10px 0}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:40px 0 32px;background:radial-gradient(ellipse at right top,#65281955,transparent 70%)}.hero-copy{padding:0}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(38px,4vw,54px);margin:16px 0;letter-spacing:-1px}h1 em{color:var(--gold)}.hero-copy p{font-size:15px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions .primary{background:var(--gold);color:#241005}.featured{display:flex;gap:24px;align-items:center;min-height:225px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px}.featured img{width:120px;height:120px;object-fit:cover;border-radius:10px}.featured h2{font-size:29px;margin:6px 0}.featured p{margin:8px 0;font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 15px}.section-head h2{margin:0}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.filters button{font-size:12px;padding:7px 13px;border-color:var(--line);border-radius:30px}input,textarea,select{width:100%;padding:12px;background:#240a06;color:var(--text);border:1px solid #835629;border-radius:8px}textarea{min-height:85px;resize:vertical}label{display:block;font-size:13px;color:var(--muted)}label input,label select,label textarea{margin-top:5px}.grid{display:grid;gap:0}.song-row{display:flex;width:100%;gap:15px;justify-content:flex-start;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:13px 8px}.song-row[aria-pressed=true]{background:#edc66d18;color:var(--text);border-left:3px solid var(--gold)}.song-row img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}.song-info{flex:1;min-width:0}.song-info strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.song-info small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.song-row .play-circle{color:var(--gold);padding:10px}.listen{background:linear-gradient(#350e09,#220704);border:1px solid #976128;border-radius:16px;padding:24px;position:sticky;top:20px}.listen h2{font-size:29px;margin:8px 0;overflow-wrap:anywhere}.platforms{display:flex;gap:8px;margin:18px 0}.player iframe{width:100%;border:0;display:block;border-radius:10px;background:#100403}.player .youtube{aspect-ratio:16/9;min-height:200px}.player .spotify{height:352px}.player-empty{min-height:225px;display:grid;place-items:center;text-align:center;border:1px dashed #805425;border-radius:10px;padding:24px;color:var(--muted)}.player-empty img{width:85px;display:block;margin:0 auto 12px}.player-note{font-size:12px;margin:12px 0}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.actions .button,.actions button{font-size:12px;padding:8px 12px}.support{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.support p{font-size:13px}.muted{color:var(--muted)}.notice{border:1px solid var(--line);border-radius:10px;padding:14px;margin:15px 0;color:var(--muted)}.error{color:#ffb19c}.demo-banner{padding:10px 20px;background:#4e260c;color:#ffdfa6;text-align:center;font-size:13px}.about{margin:50px 0;border-top:1px solid var(--line);padding-top:25px;max-width:700px}footer{border-top:1px solid var(--line);padding:25px 0;font-size:12px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}#status{font-size:13px;color:var(--gold)}[hidden]{display:none!important}.admin-body .wrap{max-width:1250px}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}th{color:var(--gold);font-weight:400}td button{min-height:36px;padding:5px 12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:20px;border:1px solid var(--line);border-radius:10px}.stat strong{display:block;font:32px Georgia,serif;color:var(--gold)}.small{font-size:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row button{flex:0 auto}.preview-links a{margin-right:15px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:#efd184;color:#241005;border-radius:10px;padding:12px 20px;z-index:5} @media(max-width:800px){.hero,.catalog-layout{grid-template-columns:1fr}.hero{gap:24px;padding:28px 0 12px}.listen{position:static}.topbar{flex-wrap:wrap;padding:15px 0;gap:10px}nav{gap:18px}.brand img{width:58px;height:58px}.brand strong{font-size:22px}.form-grid,.stats{grid-template-columns:1fr}.wrap{padding:0 20px}.featured{min-height:160px}.featured img{width:90px;height:90px}}@media(max-width:420px){nav{margin-left:0;width:100%;justify-content:space-between}.listen{padding:17px}.section-head h2{font-size:27px}.featured{padding:18px;gap:15px}.featured h2{font-size:24px}}
/* Listening screen: search and playback are the entire public interface. */
.player-app{background:#170603}.player-app .wrap{max-width:1380px;padding:0 28px}.player-app .topbar{min-height:82px;border-bottom:1px solid var(--line);gap:16px}.player-app .brand img{width:49px;height:49px}.player-app .brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1}.player-app .brand-copy strong{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.8px;color:var(--text);text-transform:none}.player-app .brand-copy small{margin-top:6px;font-size:9px;font-weight:600;letter-spacing:3.2px;text-transform:uppercase;color:var(--gold);opacity:.95}.admin-link{margin-left:auto;font-size:12px;color:var(--muted)}.player-app .section-head{padding:24px 0 16px}.player-app h1{font:26px Georgia,serif;margin:0}.player-app .catalog-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}.player-app .listen{top:20px;padding:22px}.player-app .listen h2{font-size:25px}.player-app .support{margin-top:16px;padding-top:8px}.player-app .filters{margin-bottom:14px}.player-app #catalog-status:empty,.player-app #player-note:empty{display:none}.player-app .song-row{padding:11px 8px}.player-app .grid{max-height:calc(100dvh - 280px);overflow:auto}.player-app main{padding-bottom:24px}@media(max-width:800px){.player-app .wrap{padding:0 16px}.player-app .catalog-layout{grid-template-columns:1fr;gap:20px}.player-app .grid{max-height:330px}.player-app .topbar{min-height:72px}.player-app .brand-copy strong{font-size:18px}.player-app .brand-copy small{font-size:8px;letter-spacing:2.6px}.player-app .listen{position:static}.player-app .section-head{padding-top:18px}}