@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#090909;--panel:#111;--panel2:#171717;--gold:#d6a642;--gold2:#f1c86e;--text:#eee;--muted:#aaa;--line:#393124}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{width:100%;background:#050505;border-bottom:2px solid var(--gold);line-height:0}.site-header a{display:block;max-width:1600px;margin:auto}.site-header img{display:block;width:100%;height:auto;max-height:235px;object-fit:cover}.site-wrap{max-width:1600px;margin:auto;padding:18px 20px 0}.panel{background:linear-gradient(145deg,#151515,#0e0e0e);border:1px solid #49391d;border-radius:5px;box-shadow:0 8px 24px #0005}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat{min-height:84px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px}.stat-icon{font-size:32px;color:var(--gold2)}.stat small{display:block;color:var(--gold2);font-weight:700;letter-spacing:1.5px;font-size:12px}.stat strong{display:block;font-size:27px;line-height:1.2}.content-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.sidebar{padding:0 0 12px;overflow:hidden}.sidebar h2{font:700 24px 'Barlow Condensed',sans-serif;color:var(--gold2);text-transform:uppercase;letter-spacing:.6px;margin:0;padding:13px 15px;border-bottom:1px solid var(--line)}.sidebar h2 span{float:right;font:600 12px Inter;color:#aaa;margin-top:7px}.band-row{display:flex;justify-content:space-between;gap:8px;padding:7px 14px;border-bottom:1px solid #ffffff0a;color:#e8c77e;font-size:13px;transition:.15s}.band-row b{font-weight:500;color:#aaa}.band-row:hover,.band-row.active{background:#2a2112;color:#fff}.band-row.active b{color:var(--gold2)}.clear-filter{display:block;margin:12px 14px 0;color:var(--gold2);font-size:13px}.pad{padding:0 14px}.main-content{min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}.eyebrow{margin:0 0 3px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2px}.section-heading h1,.song-detail h1,.admin-wrap>h1{font:700 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:1.1;margin:0;color:#f5d58e}.search-form{display:flex;max-width:360px;width:100%;height:39px}.search-form input{min-width:0;flex:1;border-radius:4px 0 0 4px}.search-form button{width:48px;border:1px solid var(--gold);background:#20180b;color:var(--gold2);font-size:25px;border-radius:0 4px 4px 0;cursor:pointer}.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.song-card{display:block;min-width:0;border:1px solid #ffffff13;background:#101010;border-radius:4px;overflow:hidden;transition:transform .15s,border-color .15s}.song-card:hover{transform:translateY(-3px);border-color:var(--gold)}.song-thumb{position:relative;aspect-ratio:16/9;background:#1a1a1a;overflow:hidden}.song-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder{height:100%;display:grid;place-items:center;font-size:50px;color:#9a762f;background:radial-gradient(circle,#2a2419,#101010)}.play-mark{position:absolute;right:10px;bottom:9px;background:#000b;border:1px solid #d6a64299;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:var(--gold2);font-size:12px;padding-left:2px}.song-card-copy{padding:9px 10px 10px}.card-band{color:var(--gold2);font-weight:700;font-size:13px}.song-card h2{font-size:15px;font-weight:600;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-views{margin:0;color:#999;font-size:12px}.results-note,.muted{color:var(--muted)}.results-note{font-size:13px;margin:0 0 12px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 8px;color:#aaa;font-size:13px}.pagination i{font-style:normal;color:#777}.pagination div{display:flex;gap:6px}.pagination a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #4a4a4a;border-radius:4px;color:#ddd}.pagination a:hover,.pagination a.current{background:var(--gold);border-color:var(--gold);color:#111;font-weight:700}.empty-state{text-align:center;padding:45px 20px}.empty-record{font-size:48px;color:var(--gold)}.empty-state h2{font:700 25px 'Barlow Condensed';color:var(--gold2);margin:4px}.empty-state p{color:#aaa}.site-wrap footer,.admin-wrap footer{border-top:1px solid #28231a;margin-top:28px;padding:18px 0 22px;text-align:center;color:#777;font-size:12px}.site-wrap footer span,.admin-wrap footer span{color:var(--gold);font-weight:700;letter-spacing:1px}.site-wrap footer a{float:right;color:#8d713e}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}.song-detail{padding:24px;min-height:300px}.back-link{color:var(--gold2);font-size:13px}.song-detail .eyebrow{margin-top:24px;font-size:13px}.song-detail h1{font-size:38px;margin:0 0 4px}.detail-views{color:#999;font-size:13px;margin-bottom:18px}.video-frame{position:relative;aspect-ratio:16/9;max-width:900px;background:#000;margin:0 0 25px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.review-copy{font-size:16px;line-height:1.85;max-width:900px;margin-bottom:28px}.gold-link{color:var(--gold2);font-weight:600}.admin-body{min-height:100vh;background:radial-gradient(ellipse at top,#211a0d,#090909 60%);padding:35px 18px}.admin-wrap{max-width:1100px;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-top img{width:min(520px,65vw);display:block}.admin-top>div{display:flex;align-items:center;gap:16px}.inline-form{display:inline}.admin-wrap>h1{font-size:34px}.admin-form,.admin-list{padding:22px;margin:20px 0}.admin-form h2,.admin-list h2,.login-box h1{font:700 25px 'Barlow Condensed';text-transform:uppercase;color:var(--gold2);margin:0 0 18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;color:#d7bd80;font-size:13px;font-weight:600;margin:12px 0 6px}input,textarea{font:inherit;color:#eee;background:#090909;border:1px solid #49402e;border-radius:4px;padding:11px 12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical;line-height:1.6}.gold-button{display:inline-block;border:1px solid var(--gold);background:linear-gradient(#e8bd60,#b98527);color:#15110a;font-weight:800;padding:11px 20px;border-radius:4px;cursor:pointer;margin-top:15px}.gold-button:hover{filter:brightness(1.1)}.subtle-button{display:inline-block;border:1px solid #51452e;background:#17130c;color:#e4c77f;padding:9px 13px;border-radius:4px;cursor:pointer;font:inherit;font-size:13px}.form-actions{display:flex;gap:10px;align-items:center}.notice{padding:11px 14px;border:1px solid #655025;background:#211a0c;color:#f0d18a;border-radius:4px;margin:15px 0}.notice.error{border-color:#713b31;background:#24110f;color:#ffb3a5}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-heading h2{margin:0 0 15px}.count-pill{font:600 12px Inter;background:#322612;color:var(--gold2);padding:3px 8px;border-radius:20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #ffffff12}th{color:var(--gold2);font-weight:700}td{color:#ddd}.actions{white-space:nowrap}.actions a{color:var(--gold2);margin-right:12px}.actions form{display:inline}.actions button{background:none;border:0;padding:0;color:#df8c78;cursor:pointer;font:inherit}.login-box{max-width:470px;margin:7vh auto;padding:25px}.login-logo{width:100%;display:block;margin-bottom:18px}.login-box h1{margin-bottom:4px}.login-box form{margin:18px 0}.login-box .gold-button{width:100%}.small{font-size:12px}
@media(max-width:1050px){.song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:720px){.site-wrap{padding:12px 12px 0}.stats{gap:7px}.stat{min-height:70px;gap:7px;padding:8px}.stat-icon{font-size:22px}.stat small{font-size:9px;letter-spacing:.5px}.stat strong{font-size:21px}.content-layout{grid-template-columns:1fr}.sidebar{order:2}.sidebar:not(.detail-layout .sidebar){max-height:320px;overflow:auto}.section-heading{align-items:stretch;flex-direction:column}.section-heading h1{font-size:26px}.search-form{max-width:none}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.song-card h2{font-size:14px}.detail-layout{grid-template-columns:1fr}.detail-layout .sidebar{order:2}.song-detail{padding:17px}.song-detail h1{font-size:30px}.pagination{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}.admin-body{padding:18px 12px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top img{width:100%}.list-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.stat-icon{display:none}.song-grid{gap:9px}.song-card-copy{padding:7px}.card-band{font-size:11px}.song-card h2{font-size:13px}.card-views{font-size:11px}}