@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0e16;--surface:#131825;--surface2:#1a2130;--line:#293143;--text:#f4f6fb;--muted:#9ca7ba;--pink:#ff3478;--orange:#ff9d42;--green:#44d6a0;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#0b0e16;position:relative;z-index:2}.brand{font:700 20px var(--display);letter-spacing:-.8px;display:flex;align-items:center;gap:7px}.brand>span:last-child{color:var(--pink)}.brand-icon{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--pink),#a14aff);font-size:23px}.topbar nav{display:flex;gap:28px;color:#c4cada;font-size:13px;font-weight:600}.topbar nav a:hover,.text-link:hover{color:var(--pink)}.site-main{max-width:1440px;margin:auto;padding:0 5.5% 90px}.hero{margin-top:30px;min-height:340px;border-radius:24px;overflow:hidden;padding:52px 6%;background:radial-gradient(circle at 78% 30%,#7b2356 0,transparent 28%),linear-gradient(115deg,#27152b,#171a2b 55%,#3a1733);display:flex;align-items:center;justify-content:space-between;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--pink)}.hero h1{font:700 clamp(30px,4vw,54px)/1.06 var(--display);letter-spacing:-2px;margin:16px 0}.hero h1 em{font-style:normal;color:#ff8cbd}.hero p{color:#c7c2d1;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-light{background:#fff;color:#201526}.button-primary{background:linear-gradient(110deg,var(--pink),#ff625f);color:#fff}.button-outline{border:1px solid var(--line);color:var(--text);background:transparent}.hero-art{width:260px;height:240px;position:relative;display:grid;place-items:center}.vinyl{width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle,#15131c 0 3px,#252330 4px 5px,#100f16 6px 8px);box-shadow:0 20px 50px #0008;position:relative}.vinyl:after{content:'♫';position:absolute;inset:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ffb04b);font-size:58px;color:#fff;border:8px solid #211a29}.hero-sticker{position:absolute;right:-8px;bottom:5px;width:85px;height:85px;border-radius:50%;background:#ffb34b;color:#241322;display:grid;place-items:center;font-size:29px;font-weight:bold;transform:rotate(12deg);border:5px solid #2a1b31}.hero-sticker small{font-size:8px;text-align:center;line-height:1.2}.section{margin-top:48px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:15px}.section-heading h2,.panel-heading h2{font:700 26px var(--display);margin:6px 0 0;letter-spacing:-.8px}.section-note{color:var(--muted);font-size:12px}.featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.featured-card{height:260px;position:relative;border-radius:15px;overflow:hidden;background:var(--surface2)}.featured-card img,.album-cover img,.detail-cover img{width:100%;height:100%;object-fit:cover;display:block}.featured-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#080910ed)}.featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:17px;z-index:1}.featured-overlay span,.genre{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#ff8cb4;font-weight:700}.featured-overlay h3{font:700 17px var(--display);margin:7px 0 2px}.featured-overlay p,.album-meta p{color:#c1c6d2;font-size:12px;margin:0}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 17px}.album-card{min-width:0}.album-cover{display:block;aspect-ratio:1/1;position:relative;border-radius:14px;overflow:hidden;background:var(--surface2)}.cover-placeholder{height:100%;min-height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#512044,#22233a);font-size:72px;color:#ff80ad}.cover-play{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pink);opacity:0;transform:translateY(5px);transition:.2s}.album-cover:hover .cover-play{opacity:1;transform:none}.album-meta{padding:12px 2px}.album-meta h3{font:600 16px var(--display);margin:6px 0}.album-meta h3 a:hover{color:#ff80ad}.card-stats{display:flex;gap:16px;margin-top:12px;color:#909aaf;font-size:11px}.empty-state{text-align:center;padding:55px 20px;border:1px dashed #343b4c;border-radius:17px;background:#111521}.empty-state h3{font:700 22px var(--display);margin:12px 0 6px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:20px}.empty-note{margin:auto;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#2b1c32;color:#ff7bab;font-size:30px}.compact{padding:35px 15px}.pagination{padding-top:24px;color:var(--muted)}.pagination nav{display:flex;gap:7px}.pagination a,.pagination span{padding:7px 11px;border:1px solid var(--line);border-radius:7px}.breadcrumb{padding:25px 0;color:var(--muted);font-size:12px}.breadcrumb a{color:var(--pink)}.album-detail{display:grid;grid-template-columns:minmax(250px,360px) 1fr;gap:45px;padding:22px 0 50px}.detail-cover{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:var(--surface2);box-shadow:0 20px 55px #0005}.detail-content{padding:15px 0}.detail-content h1{font:700 clamp(30px,4vw,45px)/1.1 var(--display);letter-spacing:-1.5px;margin:12px 0 5px}.detail-content h2{font-size:18px;color:#c2c7d4;margin:0 0 20px}.detail-description{color:#abb4c5;line-height:1.7;max-width:650px}.detail-stats{display:flex;gap:20px;color:#a8b0c1;font-size:12px;margin:22px 0}.audio-box{max-width:490px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:grid;gap:12px;margin:20px 0}.audio-box audio{width:100%;height:38px}.download-button{margin-top:10px}.footer{padding:35px 5.5% 115px;border-top:1px solid #ffffff10;text-align:center;color:#687387;font-size:12px}.mini-player{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:76px;padding:12px 5.5%;background:#10131def;backdrop-filter:blur(15px);border-top:1px solid #ffffff1a;display:flex;align-items:center;gap:15px}.mini-note{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--pink),#8b49ff);display:grid;place-items:center;font-size:27px}.mini-info{display:grid;gap:4px;min-width:180px}.mini-info strong{font-size:12px}.mini-info small{font-size:10px;color:var(--muted)}.mini-player audio{margin-left:auto;width:min(440px,50%);height:36px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#3c1732,transparent 40%),var(--bg)}.login-card{width:min(420px,100%);padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px #0005}.login-logo{width:55px;height:55px;border-radius:16px;background:linear-gradient(135deg,var(--pink),#9c4dff);display:grid;place-items:center;font-size:34px;margin-bottom:23px}.login-card h1{font:700 27px var(--display);margin:8px 0}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 25px}.login-card label,.form-grid>label{display:grid;gap:8px;color:#d9deea;font-size:12px;font-weight:600;margin-bottom:17px}.login-card input:not([type=checkbox]),.form-grid input:not([type=checkbox]),.form-grid textarea{width:100%;background:#0d111b;border:1px solid #30394c;border-radius:9px;padding:12px;color:#fff;outline:none}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--pink)}.remember{display:flex!important;align-items:center;grid-template-columns:auto 1fr;font-weight:400!important;color:var(--muted)!important}.full-width{width:100%}.back-link{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.admin-body{min-height:100vh;background:#0c0f17;display:flex}.admin-sidebar{width:245px;flex-shrink:0;background:#10141e;border-right:1px solid #252c3b;padding:26px 17px;display:flex;flex-direction:column;gap:8px}.admin-sidebar .brand{font-size:16px;margin:0 0 40px 5px}.sidebar-label{font-size:9px;letter-spacing:1.5px;color:#647087;font-weight:700;margin:0 0 10px 10px}.admin-sidebar>a:not(.brand){padding:12px 13px;border-radius:9px;color:#9da8bb;font-size:12px;font-weight:600}.admin-sidebar>a.active,.admin-sidebar>a:not(.brand):hover{background:#2a1b30;color:#ff7caf}.sidebar-bottom{margin-top:auto;padding:20px 7px 0;border-top:1px solid var(--line);display:grid;gap:7px}.sidebar-bottom span{color:#78849a;font-size:10px}.sidebar-bottom strong{font-size:13px}.logout-button{border:0;background:none;color:#ff7caf;padding:12px 0 0;cursor:pointer;font-size:12px}.admin-main{flex:1;min-width:0;padding:35px clamp(20px,4vw,55px) 70px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:15px}.admin-top h1{font:700 30px var(--display);margin:6px 0 0;letter-spacing:-1px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:30px}.stat-card{padding:19px 17px;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:grid;gap:9px}.stat-card span{font-size:11px;color:#aab3c4}.stat-card strong{font:700 28px var(--display)}.stat-card small{font-size:10px;color:#768197}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px}.panel-heading{align-items:center}.panel-heading h2{font-size:20px}.text-link{font-size:12px;color:#ff7caf;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#78849a;font-weight:700;padding:13px;border-bottom:1px solid var(--line)}td{padding:14px 13px;border-bottom:1px solid #ffffff0b;color:#b7c0d0;font-size:12px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{color:#f0f2f7;font-size:12px}td small{font-size:10px;color:#7f8aa0;margin-top:4px}.status{display:inline-block;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}.status-live{background:#153a31;color:#59ddb0}.status-draft{background:#35303b;color:#c2a9ce}.table-action,.delete-action{color:#ff80ae;font-size:11px;font-weight:700;background:none;border:0;cursor:pointer;padding:0}.delete-action{color:#ff737d}.actions{display:flex;gap:14px;align-items:center}.album-table-cell{display:flex;align-items:center;gap:10px}.album-table-cell img,.tiny-cover{width:42px;height:42px;object-fit:cover;border-radius:7px}.tiny-cover{display:grid;place-items:center;background:#3b2140;color:#ff80ae;font-size:20px}.form-panel{max-width:980px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid>label{margin-bottom:22px}.form-grid input[type=file]{padding:10px;font-size:11px}.field-help,.form-grid label small{font-size:10px;color:#7f8ba1;font-weight:400}.full-field,.toggle-row{grid-column:1/-1}.form-grid textarea{resize:vertical}.toggle-row{display:flex;gap:25px;padding:12px 0 25px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#d8deea}.check-label input{accent-color:var(--pink)}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:flex-end;gap:10px}.alert{padding:13px 16px;border-radius:9px;margin-bottom:20px;font-size:12px}.alert-error{background:#431e2a;color:#ff9bad}.alert-success{background:#153a31;color:#7ce6bd}@media(max-width:1050px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-card:nth-child(n+4){display:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{transform:scale(.8);margin-right:-30px}}@media(max-width:720px){.topbar{height:auto;min-height:70px;padding:15px 5%;align-items:flex-start;gap:14px;flex-direction:column}.topbar nav{gap:16px;flex-wrap:wrap;font-size:11px}.site-main{padding-left:5%;padding-right:5%}.hero{padding:35px 25px;min-height:300px}.hero-art{position:absolute;right:-60px;opacity:.35}.hero-copy{max-width:100%}.hero h1{font-size:36px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{height:230px}.featured-card:nth-child(3){display:none}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.album-detail{grid-template-columns:1fr;gap:20px}.detail-cover{max-width:360px;width:100%;margin:auto}.detail-content{padding-top:0}.mini-player{padding:10px 4%;gap:10px}.mini-note{width:36px;height:36px}.mini-info{min-width:0;flex:1}.mini-player audio{width:43%}.admin-sidebar{width:65px;padding:20px 8px}.admin-sidebar .brand{font-size:0;margin:0 auto 30px}.admin-sidebar .brand-icon{font-size:23px}.sidebar-label,.admin-sidebar>a:not(.brand){font-size:0;text-align:center;padding:13px 5px}.admin-sidebar>a:not(.brand)::first-letter{font-size:18px}.sidebar-bottom span,.sidebar-bottom strong,.logout-button{font-size:0}.sidebar-bottom form{text-align:center}.admin-main{padding:25px 15px}.admin-top h1{font-size:23px}.admin-top .button{font-size:11px;padding:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:last-child{grid-column:1/-1}.admin-panel{padding:16px}.form-grid{grid-template-columns:1fr}.full-field,.toggle-row{grid-column:auto}.toggle-row{flex-direction:column;gap:14px}.panel-heading h2{font-size:17px}}/* HORA DA MÚSICA — identidade metálica */
:root{--bg:#0b0b0c;--surface:#151516;--surface2:#202022;--line:#39393a;--text:#f7f5ef;--muted:#aaa8a2;--pink:#d9b86a;--orange:#eee2bf;--green:#b8a875;--font:Arial,sans-serif;--display:Arial,sans-serif}.topbar{height:82px;background:#090909;border-color:#ffffff18}.brand{letter-spacing:1.3px;font-size:18px}.brand>span:last-child{color:#c9b783}.brand-icon{background:linear-gradient(135deg,#f6edcf,#aa9251 48%,#faf7ec);color:#171510;border-radius:50%;box-shadow:0 0 0 1px #fff6}.topbar nav a:hover,.text-link:hover{color:#e3c873}.site-main{max-width:1580px;padding:0 5.2% 120px}.ticker{overflow:hidden;white-space:nowrap;color:#9e9066;font-size:9px;letter-spacing:4px;border-bottom:1px solid #ffffff12;padding:12px 0}.ticker span{display:block;animation:ticker 32s linear infinite}.brand-banner{height:185px;max-width:1500px;margin:0 auto 45px;position:relative;overflow:hidden;display:flex;align-items:center;padding:25px 6%;border-bottom:1px solid #9c8758;background:linear-gradient(110deg,#080808 0%,#191817 45%,#090909 100%)}.brand-banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 30px,#ffffff05 31px 32px)}.banner-copy{position:relative;z-index:1}.banner-copy .eyebrow,.eyebrow{color:#cbb66d}.banner-copy h1{font:700 clamp(27px,3vw,40px)/.95 var(--display);letter-spacing:-1.7px;margin:7px 0}.banner-copy h1 em{font-style:normal;color:#eee4c7}.banner-copy p{font-size:12px;color:#bbb5a5;margin:0 0 12px}.button-metal{background:linear-gradient(100deg,#e9ddb7,#9e894c 45%,#f2ead0);color:#12110d;border-radius:3px;padding:9px 14px;text-transform:uppercase;font-size:10px;letter-spacing:.7px}.banner-seal{position:absolute;right:10%;top:18px;width:137px;height:137px;border:1px solid #bda969;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 36px Georgia;color:#e6d7a9;transform:rotate(-9deg);box-shadow:inset 0 0 0 5px #c4b06b18}.banner-seal small{font:8px Arial;letter-spacing:2px;color:#b7aa81}.banner-lines{position:absolute;right:28%;height:100%;width:20%;border-left:1px solid #ffffff17;border-right:1px solid #ffffff17;transform:skew(-25deg)}.spotlight{margin-top:0}.spotlight-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.spotlight-head h2,.section-heading h2{font:700 28px Georgia,serif;margin:6px 0 0;letter-spacing:-.6px}.spotlight-index{font:12px monospace;color:#8c877a}.spotlight-index b{color:#e5cf85;font-size:20px}.carousel{height:clamp(300px,35vw,481px);aspect-ratio:854/481;max-width:100%;position:relative;overflow:hidden;background:#131313;border:1px solid #39342a}.carousel-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;opacity:0;pointer-events:none;transition:opacity .55s ease}.carousel-slide.is-active{opacity:1;pointer-events:auto}.slide-art{overflow:hidden;background:#171717;position:relative}.slide-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#111a)}.slide-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform 1s}.carousel-slide:hover .slide-art img{transform:scale(1.04)}.slide-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8% 10%;background:radial-gradient(ellipse at 80% 15%,#4c422433,transparent 50%),linear-gradient(120deg,#191817,#0d0d0d)}.slide-content h3{font:700 clamp(32px,5vw,64px)/.98 Georgia,serif;letter-spacing:-2px;margin:16px 0 8px}.slide-content p{color:#c2bdaF;margin:0;font-size:14px}.slide-cta{margin-top:30px;font-size:9px;letter-spacing:2px;color:#d6c27a}.slide-cta b{font-size:20px;margin-left:10px}.slide-number{position:absolute;bottom:16px;right:22px;color:#777260;font:italic 36px Georgia}.carousel-prev,.carousel-next{position:absolute;z-index:3;bottom:18px;left:18px;width:37px;height:37px;border:1px solid #ded0a755;color:#e5d7a4;background:#10100f;cursor:pointer}.carousel-next{left:63px}.carousel-dots{position:absolute;right:21px;bottom:29px;display:flex;gap:7px;z-index:3}.carousel-dots button{width:17px;height:2px;border:0;background:#ffffff55;padding:0;cursor:pointer}.carousel-dots button.active{background:#e1c878;width:30px}.section{margin-top:58px}.section-heading{align-items:end}.section-note{color:#aaa18a}.album-grid-metal{grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 19px}.metal-card .album-cover{border-radius:2px;border:1px solid #ffffff1a;box-shadow:5px 5px 0 #332f25;transition:transform .25s,box-shadow .25s}.metal-card:hover .album-cover{transform:translate(-2px,-3px);box-shadow:9px 10px 0 #51472c}.metal-card .cover-index{position:absolute;top:10px;left:10px;color:#f2e6bd;background:#10100dbb;padding:5px 7px;font:10px monospace}.cover-play{background:#d8bd6e;color:#111}.featured-grid{gap:5px}.featured-card{border-radius:2px}.genre{color:#d0b96c}.album-meta h3{font:600 15px Georgia,serif}.inline-play{margin-top:10px;color:#c9b575;border:0;border-bottom:1px solid #8c7944;background:none;font-size:9px;letter-spacing:1px;padding:5px 0;cursor:pointer}.inline-play:disabled{opacity:.3;cursor:default}.keep-in-drive{min-height:260px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:35px 5%;overflow:hidden;border:1px solid #5a5039;background:linear-gradient(110deg,#1b1a17,#0c0c0b 65%)}.keep-in-drive h2{font:700 clamp(27px,3.6vw,43px)/1.04 Georgia,serif;margin:11px 0}.keep-in-drive p{font-size:12px;color:#aaa18a}.drive-note{position:absolute;top:25px;left:43%;border:1px solid #c0a95f;border-radius:50%;width:86px;height:86px;display:grid;place-content:center;text-align:center;color:#d9c477;font-size:29px;transform:rotate(12deg)}.drive-note small{font-size:7px;letter-spacing:1px}.drive-picks{display:grid}.drive-picks a{display:grid;grid-template-columns:34px 1fr auto;gap:5px 12px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff1a}.drive-picks a>span{grid-row:span 2;color:#cdb86a;font:12px monospace}.drive-picks b{font:15px Georgia}.drive-picks small{color:#aaa;font-size:10px}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-panel{border:1px solid var(--line);padding:19px 22px;background:#111110}.rank-panel h3{margin:0 0 10px;font:20px Georgia}.rank-panel h3 span{float:right;color:#cbb56c}.rank-panel>a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ffffff14}.rank-panel>a>b{font:13px monospace;color:#b5a15f}.rank-panel>a span{font-size:12px}.rank-panel>a small{display:block;color:#858178;font-size:10px;margin-top:3px}.rank-panel>a strong{font:12px monospace;color:#c8bd99}.genre-strip>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.genre-strip a{padding:10px 13px;border:1px solid #ffffff20;color:#c9c3b0;font-size:11px}.genre-strip a:hover{border-color:#c8ad5c;color:#ead591}.mini-player{background:#0b0b0bf2;border-color:#695b35;min-height:75px}.mini-note{background:linear-gradient(135deg,#eee2ba,#967f43);color:#18160f;border-radius:50%}.mini-player audio{display:none}.player-controls{display:flex;align-items:center;gap:9px}.player-controls button,.queue-toggle{background:none;border:1px solid #ffffff30;border-radius:50%;width:32px;height:32px;color:#e5d8ad;cursor:pointer}.player-controls button:nth-child(2){background:#c9b36b;color:#10100c}.mini-player input[type=range]{accent-color:#cbb56b;width:min(22vw,220px)}.mini-player #playerTime{font-size:10px;color:#aaa}.volume-control{display:flex;align-items:center;gap:5px;color:#c7b776;font-size:12px}.volume-control input{accent-color:#cbb56b;width:65px}.queue-toggle{width:auto;border-radius:3px;padding:0 10px;font-size:10px}.player-queue{position:fixed;z-index:12;bottom:84px;right:5%;width:min(360px,90vw);max-height:300px;overflow:auto;padding:18px;background:#141412;border:1px solid #75653e;box-shadow:0 15px 40px #000b}.player-queue strong{font:18px Georgia}.player-queue ol{padding-left:20px}.player-queue li{padding:7px 0;color:#bda75f}.player-queue button{color:#eee;background:none;border:0;cursor:pointer;font-size:11px}.footer{border-color:#ffffff16}.admin-sidebar .brand>span:last-child{color:#d6bd70}.admin-sidebar>a.active,.admin-sidebar>a:not(.brand):hover{background:#302b1c;color:#dfc879}.button-primary{background:linear-gradient(110deg,#d8bd6c,#9c8240);color:#13110c}.eyebrow{letter-spacing:2px}@keyframes ticker{to{transform:translateX(-30%)}}@media(max-width:900px){.album-grid-metal{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel{aspect-ratio:auto;height:380px}.banner-seal{right:7%}.rank-grid{grid-template-columns:1fr}}@media(max-width:650px){.site-main{padding-left:4%;padding-right:4%}.brand-banner{height:185px;margin-bottom:33px;padding-left:6%}.banner-seal{width:95px;height:95px;right:5%;font-size:25px}.banner-seal small{font-size:6px}.banner-lines{display:none}.banner-copy p{max-width:220px;font-size:10px}.spotlight-head h2,.section-heading h2{font-size:23px}.carousel{height:420px}.carousel-slide{grid-template-columns:1fr;grid-template-rows:55% 45%}.slide-art:after{background:linear-gradient(0deg,#111,transparent 55%)}.slide-content{padding:5% 8%;justify-content:flex-start}.slide-content h3{font-size:34px;margin:7px 0}.slide-cta{margin-top:12px}.slide-number{bottom:10px}.carousel-prev,.carousel-next{bottom:10px;left:10px}.carousel-next{left:52px}.carousel-dots{bottom:24px}.album-grid-metal{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.keep-in-drive{grid-template-columns:1fr;padding:28px 7%}.drive-note{left:auto;right:10px;top:14px;width:65px;height:65px;font-size:20px}.drive-picks a{padding:10px 0}.mini-player{padding:8px 3%;gap:7px;flex-wrap:wrap}.mini-info{min-width:110px}.mini-info strong{font-size:10px}.mini-info small{font-size:8px}.player-controls{gap:3px}.player-controls button{width:27px;height:27px}.mini-player input[type=range]{width:22vw}.volume-control{display:none}.queue-toggle{font-size:8px;padding:0 6px}.mini-player #playerTime{font-size:8px}}

.track-list{list-style:none;padding:0;margin:1rem 0 0}.track-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.12)}.track-list li span{min-width:0;overflow-wrap:anywhere}.track-list .inline-play{flex:none}.field-help{display:block;color:#aaa;font-size:.8rem;margin:.25rem 0}.alert-error{white-space:pre-line}

.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.catalog-grid h2{margin-top:0}.catalog-form{display:grid;gap:.8rem}.catalog-form label{display:grid;gap:.35rem}.catalog-form input,.catalog-form textarea{width:100%}.catalog-list{list-style:none;padding:0;margin:1rem 0 0}.catalog-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.12)}.catalog-list li span{display:grid}.catalog-list small{opacity:.7}.catalog-list form{margin:0}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.artist-tile{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:inherit;text-decoration:none}.artist-tile img,.artist-tile .artist-placeholder{width:52px;height:52px;object-fit:cover;border-radius:50%}.artist-tile span:not(.artist-placeholder){display:grid;flex:1}.artist-tile small{opacity:.7}.artist-tile strong{margin-left:auto}.artist-hero{display:flex;align-items:center;gap:2rem;margin:2rem 0;padding:2rem;background:linear-gradient(120deg,#24211b,#111);border-radius:18px}.artist-hero>img,.artist-hero>.artist-placeholder{width:180px;height:180px;object-fit:cover;border-radius:50%}.artist-placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#c59b4b,#eee2bf 45%,#55431f);color:#111;font-size:2rem;border-radius:50%}.artist-hero h1{font-size:clamp(2rem,5vw,4rem);margin:.35rem 0}.artist-hero p{max-width:680px}.track-list{list-style:none;padding:0;margin:1rem 0 0}.track-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.12)}.track-list li span{min-width:0;overflow-wrap:anywhere}.track-list .inline-play{flex:none}.field-help{display:block;color:#aaa;font-size:.8rem;margin:.25rem 0}.alert-error{white-space:pre-line}@media(max-width:760px){.catalog-grid{grid-template-columns:1fr}.artist-hero{display:block}.artist-hero>img,.artist-hero>.artist-placeholder{width:120px;height:120px;margin-bottom:1rem}}

.logo-seal{width:205px;height:160px;right:8%;border:2px solid #c8ad5c;border-radius:4px;padding:4px;background:#fff;transform:none;overflow:hidden}.logo-seal img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:650px){.logo-seal{width:88px;height:88px;right:4%;padding:2px}}

.home-banner-image{display:block;width:100%;height:185px;margin:22px 0 30px;overflow:hidden;background:#111;border:1px solid #66572f}.home-banner-image img{width:100%;height:100%;object-fit:cover;display:block}.ranking-periods{display:flex;flex-wrap:wrap;gap:8px;margin:-5px 0 18px}.ranking-periods a{padding:8px 13px;border:1px solid #ffffff20;color:#c9c3b0;font-size:11px}.ranking-periods a.active,.ranking-periods a:hover{border-color:#c8ad5c;color:#ead591;background:#c8ad5c18}.track-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.track-actions form{margin:0}.add-to-playlist{display:flex;align-items:center;gap:4px}.add-to-playlist select{max-width:130px;padding:4px;background:#141412;color:#eee;border:1px solid #625638}.comments-section{border-top:1px solid #ffffff18;padding-top:22px}.comment-form{display:grid;gap:10px}.comment-form textarea,.playlist-create input{width:100%;padding:12px;background:#141412;color:#eee;border:1px solid #55492c;border-radius:5px}.comment-form button{justify-self:start}.comment-list article{padding:15px 0;border-bottom:1px solid #ffffff18}.comment-list article small{margin-left:10px;color:#aaa}.comment-list article p{margin:8px 0 0;white-space:pre-line}.playlist-create{display:flex;align-items:end;gap:12px;margin:20px 0 30px}.playlist-create label{display:grid;gap:5px;flex:1}.playlist-card{padding:18px;margin:18px 0;border:1px solid #ffffff20;background:#10100e}.playlist-heading{display:flex;align-items:center;justify-content:space-between}.playlist-heading h3{margin:0}.playlist-heading small{color:#aaa}.highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.highlights-grid h2,.featured-picker h2{margin:8px 0}.highlight-preview{display:block;max-width:100%;max-height:180px;object-fit:contain;object-position:left;background:#111}.banner-preview{width:100%;height:125px;object-fit:cover}.slide-manager{margin-top:18px}.managed-slide{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #ffffff18}.managed-slide img{width:112px;height:64px;object-fit:cover}.managed-slide span{display:grid;flex:1}.managed-slide small{color:#aaa}.featured-picker{margin-top:18px}.featured-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:18px 0}.featured-checks label{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#ffffff08}.featured-checks label span{display:grid}.featured-checks small{color:#aaa}@media(max-width:760px){.highlights-grid{grid-template-columns:1fr}.featured-checks{grid-template-columns:1fr}.playlist-create{align-items:stretch;flex-direction:column}.track-actions{justify-content:flex-start}.home-banner-image{height:120px}}

.topbar{height:98px;justify-content:center;position:relative}.topbar .brand-logo{position:absolute;left:50%;top:5px;transform:translateX(-50%);display:block;width:102px;height:88px;padding:3px;background:#fff;border:1px solid #c8ad5c;border-radius:5px;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.topbar nav{position:absolute;right:5.5%;align-items:center}.nav-logout{margin:0}.nav-logout button{padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.nav-logout button:hover{color:#dfc879}@media(max-width:760px){.topbar{height:auto;min-height:122px;padding:8px 3% 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.topbar .brand-logo{position:static;transform:none;width:66px;height:57px;flex:none}.topbar nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 13px;font-size:10px}}
/* Hora da Música — visual inspirado no layout clássico do site */
.topbar{height:56px;padding:0 4%;justify-content:center;background:#2355a2;border-bottom:3px solid #183d7c}
.topbar nav{justify-content:center;align-items:center;gap:clamp(16px,3vw,42px);color:#fff;text-transform:uppercase;font-family:Arial,sans-serif;font-size:14px;letter-spacing:.3px}
.topbar nav a:hover{color:#ffe17b}
.nav-logout{display:inline-flex}.nav-logout button{border:0;background:none;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}
.site-main{max-width:1500px;padding-left:3%;padding-right:3%;background:#050505}
.public-body{background:#050505}
.home-banner-image{height:auto;aspect-ratio:2000/900;margin:0 0 18px;border:0;background:#000}
.home-banner-image img{height:100%;object-fit:contain}
.home-category-bar{display:grid;grid-template-columns:repeat(3,1fr);background:#f8f8f8;color:#242424;margin:0 -3.2% 22px;padding:12px 5%;border-bottom:1px solid #ddd}
.home-category-bar a{display:flex;justify-content:center;align-items:center;gap:12px;color:#333;font:bold clamp(14px,2vw,23px) Arial,sans-serif;text-transform:uppercase;padding:8px;border-right:1px solid #ddd}
.home-category-bar a:last-child{border-right:0}.home-category-bar a:hover,.home-category-bar a.selected{color:#2355a2}
.release-categories{margin:0 0 24px;padding:8px}.release-categories a{font-size:15px}
.section-heading h1,.section-heading h2{font-family:Arial,sans-serif;letter-spacing:0}
.eyebrow{color:#e5bd55;letter-spacing:1.2px}
.keep-in-drive{border-color:#304b79;background:linear-gradient(110deg,#111923,#101010)}
.home-playlists{padding-bottom:12px}.playlist-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.playlist-public-card{display:grid;gap:10px;padding:18px;background:#111923;border:1px solid #ffffff20}.playlist-public-card b{font-size:16px}.playlist-public-card small,.playlist-public-card span{color:#aeb6c4;font-size:12px}
.contact-page{max-width:760px}.contact-form{display:grid;gap:16px;max-width:620px}.contact-form label{display:grid;gap:7px;font-size:13px}.contact-form input,.contact-form textarea{width:100%;padding:12px;background:#111923;color:#fff;border:1px solid #384256;border-radius:4px}.contact-form button{justify-self:start}.share-playlist{display:flex!important;align-items:center;gap:8px!important;flex:initial!important;color:#ddd}.share-playlist input{width:auto!important}
@media(max-width:700px){.topbar{height:auto;min-height:52px;padding:10px 3%}.topbar nav{gap:10px 16px;flex-wrap:wrap;font-size:11px}.home-category-bar{margin-left:-3.2%;margin-right:-3.2%;padding:8px 2%}.home-category-bar a{font-size:12px;gap:4px;padding:7px 2px}.playlist-public-grid{grid-template-columns:1fr}.section-heading h1,.section-heading h2{font-size:23px}}
/* Estilo de rádio e páginas de música baianas: capas primeiro, texto direto, cor sem enfeite corporativo */
.home-banner-image{margin:0;aspect-ratio:2000/900;border:0;box-shadow:none}
.home-banner-image img{object-fit:cover}
.topbar{margin:0;background:#2355a2;border-bottom:4px solid #173c77;box-shadow:0 4px 0 #e3b73d}
.topbar nav{gap:0;font-size:14px;font-weight:800}
.topbar nav a{padding:17px 28px;border-right:1px solid #ffffff25;transition:background .2s,color .2s}
.topbar nav a:first-child{border-left:1px solid #ffffff25}
.topbar nav a:hover{background:#194684;color:#ffe276}
.home-category-bar{margin:0 -3.2% 18px;padding:10px 4%;box-shadow:0 3px 0 #d9b744}
.home-category-bar a{font-size:clamp(13px,1.65vw,19px);font-weight:900;border-right:1px solid #d2d2d2;transition:transform .2s,color .2s}
.home-category-bar a span{font-size:1.45em}.home-category-bar a:hover{transform:translateY(-2px)}
.home-category-bar .category-arrocha:hover{color:#d32b29}.home-category-bar .category-forro:hover{color:#b9830c}.home-category-bar .category-pagodao:hover{color:#2355a2}
.spotlight{margin-top:24px}.spotlight-head{padding:0 2px}.spotlight-head .eyebrow:after{content:' • BAHIA';color:#78bd82}
.carousel{border:0;box-shadow:0 8px 0 #193c70,0 12px 30px #0007}.carousel-slide{transition:opacity .4s ease,transform .5s ease}.slide-content{background:linear-gradient(135deg,#173d72,#10213b 72%,#681d1b)}.slide-content h3{font-family:Arial,sans-serif;letter-spacing:-1px}.slide-cta{color:#f2cc58}
.home-highlights,.recommended-section,.home-playlists,.artists-picks{padding:22px;background:#f7f4eb;color:#191919;border-top:5px solid #d3322e;box-shadow:0 5px 0 #1d4d89}.home-highlights .section-heading h2,.recommended-section .section-heading h2,.home-playlists .section-heading h2,.artists-picks .section-heading h2{color:#191919}.home-highlights .eyebrow,.recommended-section .eyebrow,.home-playlists .eyebrow,.artists-picks .eyebrow{color:#b52b27}
.featured-poster-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.featured-poster{position:relative;min-height:200px;overflow:hidden;background:#222;box-shadow:3px 4px 0 #d6c493;transition:transform .22s,box-shadow .22s}.featured-poster:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:6px 8px 0 #d6c493}.featured-poster img{width:100%;height:100%;min-height:200px;position:absolute;inset:0;object-fit:cover}.featured-poster:after{content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#080808eF)}.featured-poster>span{position:absolute;z-index:1;bottom:0;left:0;right:0;display:grid;gap:5px;padding:13px;color:#fff}.featured-poster small{color:#e1d8c4;font-size:11px}
.recommended-section{border-top-color:#e0b937;background:#fffdf8}.recommended-section .album-grid{gap:14px}.recommended-section .album-cover{border:0;box-shadow:4px 4px 0 #234f89}.recommended-section .album-meta h3 a{color:#171717}.recommended-section .album-meta p{color:#535353}
#rankings{padding:22px;background:#a91e20;color:#fff;border:0;box-shadow:0 6px 0 #e2bd45}#rankings .section-heading h2{color:#fff}#rankings .eyebrow{color:#ffe17b}.ranking-periods a{color:#fff;border-color:#ffffff68;background:#711518}.ranking-periods a.active,.ranking-periods a:hover{color:#171717;border-color:#ffe17b;background:#ffe17b}.rank-grid{gap:12px}.rank-panel{background:#fffdf8;color:#191919;border:0;border-top:4px solid #2255a1;padding:14px 17px}.rank-panel h3{font:bold 18px Arial;color:#183e72}.rank-panel h3 span{color:#c12a2e}.rank-panel>a{grid-template-columns:28px 48px 1fr auto;color:#171717;gap:9px;padding:10px 0}.rank-panel>a>b{display:grid;place-items:center;background:#e1b943;color:#161616;width:25px;height:25px;border-radius:50%;font-weight:bold}.rank-thumb{width:46px;height:46px;object-fit:cover}.rank-panel>a span{font-weight:700}.rank-panel>a small{color:#666}
.home-playlists{border-top-color:#23945a;background:#f4f8f3}.playlist-public-card{background:#183e72;border:0;box-shadow:3px 3px 0 #dcb83c;color:#fff;transition:transform .2s}.playlist-public-card:hover{transform:translateY(-3px)}.playlist-public-card small,.playlist-public-card span{color:#d6e3f5}
.artists-picks{border-top-color:#2458a3}.artists-picks .artist-tile{border:1px solid #d4d0c5;background:white;border-radius:0;color:#161616}.artists-picks .artist-tile small{color:#555}.artists-picks .artist-tile img{border-radius:0;width:66px;height:66px}.artists-picks .artist-placeholder{border-radius:0}
.keep-in-drive{border-top:5px solid #e3bd42;background:linear-gradient(110deg,#151e29,#111);box-shadow:0 5px 0 #a72629}.keep-in-drive h2{font-family:Arial,sans-serif;font-weight:900}.drive-note{border-color:#e1ba38;color:#e1ba38}
@keyframes card-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section{animation:card-pop .45s ease both}.featured-poster:nth-child(2){animation-delay:.04s}.featured-poster:nth-child(3){animation-delay:.08s}.featured-poster:nth-child(4){animation-delay:.12s}.featured-poster:nth-child(5){animation-delay:.16s}
@media(max-width:850px){.featured-poster-row{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-poster{min-height:170px}.featured-poster img{min-height:170px}.topbar nav a{padding:14px 20px}}
@media(max-width:600px){.topbar nav a{padding:11px 12px;font-size:12px}.home-banner-image{aspect-ratio:2000/900;height:auto}.home-category-bar{margin-left:-4%;margin-right:-4%;padding:8px 1%}.home-category-bar a{font-size:10px;gap:3px;padding:7px 1px}.featured-poster-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-poster,.featured-poster img{min-height:150px}.home-highlights,.recommended-section,.home-playlists,.artists-picks{padding:14px}.rank-panel{padding:10px}.rank-panel>a{grid-template-columns:25px 38px 1fr auto;gap:6px}.rank-thumb{width:36px;height:36px}.rank-panel>a strong{font-size:10px}}
/* Correções de alinhamento e títulos da página inicial */
.topbar{display:flex;align-items:center;justify-content:center}
.topbar nav{position:static;right:auto;width:100%;margin:0 auto;justify-content:center}
.topbar{height:70px}
.topbar nav a{font-size:clamp(16px,1.8vw,21px);padding:21px 40px;font-weight:800}
.site-count-form{display:flex;gap:6px;margin-top:8px;align-items:center}.site-count-form input{width:90px;padding:5px 7px;background:#0d111b;border:1px solid #30394c;border-radius:5px;color:#fff;font-size:11px}
.home-banner-image{margin:0}
.spotlight-head .eyebrow{display:none}
@media(max-width:600px){.topbar nav a{font-size:13px;padding:12px 14px}}

/* Ajustes responsivos complementares */
@media(max-width:900px){
    .mini-player{flex-wrap:wrap;gap:9px;padding:10px 4%}
    .mini-info{min-width:0;flex:1}
    .player-controls{flex-shrink:0}
    .mini-player input#playerProgress{width:auto;min-width:90px;flex:1}
    .mini-player #playerTime{white-space:nowrap}
    .volume-control{display:none}
    .queue-toggle{flex-shrink:0}
}
@media(max-width:720px){
    .admin-body{display:block}
    .admin-sidebar{width:100%;height:auto;min-height:0;padding:8px 10px;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid #252c3b}
    .admin-sidebar .brand{display:none}
    .sidebar-label{display:none}
    .admin-sidebar>a:not(.brand){font-size:11px;text-align:center;white-space:nowrap;flex:none;padding:10px 9px}
    .admin-sidebar>a:not(.brand)::first-letter{font-size:inherit}
    .sidebar-bottom{margin:0 0 0 auto;padding:0;border:0;display:block;white-space:nowrap}
    .sidebar-bottom span,.sidebar-bottom strong{display:none}
    .logout-button{font-size:11px!important}
    .admin-main{padding:20px 14px 45px}
    .admin-top{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}
    .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
    .site-main{width:100%;min-width:0;padding-left:4%;padding-right:4%}
    .home-category-bar{margin-left:-3%;margin-right:-3%;}
    .section-heading{align-items:flex-start;flex-wrap:wrap;gap:6px 12px}
    .section-heading h1,.section-heading h2{overflow-wrap:anywhere}
    .mini-player{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:7px 9px;padding:8px 10px}
    .mini-note{grid-column:1;grid-row:1;width:36px;height:36px}
    .mini-info{grid-column:2;grid-row:1;min-width:0}
    .mini-info strong,.mini-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .player-controls{grid-column:3;grid-row:1;gap:3px}
    .player-controls button{width:27px;height:27px}
    .mini-player input#playerProgress{grid-column:1/3;grid-row:2;width:100%;min-width:0}
    .mini-player #playerTime,.volume-control{display:none}
    .queue-toggle{grid-column:3;grid-row:2}
    .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .stat-card{min-width:0;padding:14px 12px}
    .stat-card strong{font-size:23px}
    .site-count-form{flex-wrap:wrap}
    .admin-panel{min-width:0;padding:14px}
    .panel-heading{align-items:flex-start;flex-wrap:wrap}
    .album-detail{grid-template-columns:minmax(0,1fr);gap:18px}
    .detail-stats{flex-wrap:wrap;gap:8px 14px}
    .audio-box{max-width:100%;padding:12px}
    .contact-form,.contact-page{max-width:100%;min-width:0}
    .contact-form input,.contact-form textarea{min-width:0}
    .form-grid{min-width:0}
    .form-grid input,.form-grid select,.form-grid textarea{max-width:100%}
    .highlights-grid,.featured-checks{grid-template-columns:minmax(0,1fr)}
    .managed-slide{align-items:flex-start;flex-wrap:wrap}
    .table-wrap{max-width:100%}
}
@media(max-width:380px){
    .topbar nav a{font-size:12px;padding:11px 10px}
    .home-category-bar a{font-size:9px;padding:7px 0}
    .player-controls{gap:2px}
    .player-controls button{width:25px;height:25px}
    .mini-player{grid-template-columns:32px minmax(0,1fr) auto;gap:6px}
    .mini-note{width:32px;height:32px}
    .rank-panel>a{grid-template-columns:22px 32px minmax(0,1fr);}
    .rank-panel>a strong{grid-column:3;grid-row:1}
}
.login-brand{display:block;margin:0 0 5px}
.login-card>.eyebrow{display:block;margin-bottom:12px}
@media(min-width:601px){
    .home-banner-image{height:clamp(210px,24vw,350px);aspect-ratio:auto}
}
@media(max-width:600px){
    .home-banner-image{height:clamp(155px,43vw,230px);aspect-ratio:auto}
}
/* Mostra a arte completa do topo em todas as larguras, sem recorte. */
.home-banner-image{height:auto;aspect-ratio:2000/900;max-height:none}
.home-banner-image img{width:100%;height:100%;object-fit:contain;object-position:center}
/* O topo acompanha a proporção real do arquivo: sem cortes, bordas ou faixas vazias. */
.home-banner-image{height:auto;aspect-ratio:auto;max-height:none;margin:0;padding:0;overflow:hidden;line-height:0;background:transparent}
.home-banner-image img{display:block;width:100%;max-width:100%;height:auto;object-fit:initial;object-position:center}
.form-grid select{width:100%;background:#0d111b;border:1px solid #30394c;border-radius:9px;padding:12px;color:#fff;outline:none}
.artist-create-area{display:grid;justify-items:start;gap:10px}
.artist-create-fields{display:grid;gap:6px;width:100%;max-width:560px;padding:14px;background:#ffffff08;border:1px solid var(--line)}
#artistCreateFields[hidden]{display:none}
.upload-progress{padding:13px;background:#0d111b;border:1px solid #373e4c;border-radius:8px}
.upload-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}
.upload-progress-label strong{color:#e2c86f}
.upload-progress progress{display:block;width:100%;height:14px;accent-color:#d4b65d}
.upload-progress[hidden]{display:none}
.artist-entry{display:block!important}
.artist-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.artist-entry-actions{display:flex;align-items:center;gap:12px}
.artist-edit summary{color:#dfc879;font-size:12px;font-weight:700;cursor:pointer}
.artist-edit form{display:grid;gap:10px;width:min(430px,75vw);padding:14px;margin-top:12px;background:#0c0f17;border:1px solid var(--line)}
.artist-edit form label{display:grid;gap:6px;font-size:11px}
.artist-edit input,.artist-edit textarea{width:100%;max-width:100%;padding:9px;background:#111923;color:#fff;border:1px solid #384256;border-radius:5px}
.artist-edit button{justify-self:start}

/* Página do CD: painel claro, capa com player e playlist legível. */
.album-detail,.comments-section,.album-recommendations{background:#fffdf8;color:#191919;border-top:5px solid #d6b744;padding:22px;box-shadow:0 5px 0 #1d4d89}
.album-detail{grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.album-cover-column{min-width:0}
.detail-cover{position:relative;aspect-ratio:1/1;border-radius:3px;box-shadow:4px 5px 0 #d2c69e}
.detail-cover img{object-fit:cover}
.cover-play-full{position:absolute;left:12px;right:12px;bottom:12px;width:calc(100% - 24px);padding:13px;border:0;background:#2255a1;color:#fff;font-weight:800;cursor:pointer;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.detail-cover:hover .cover-play-full,.cover-play-full:focus-visible{opacity:1;transform:none}
.album-download-button{display:flex;width:100%;margin-top:11px;border-radius:2px;background:#b32424;font-size:16px}
.detail-content{padding:2px 0}
.detail-content h1,.detail-content h2,.comments-section h2,.album-recommendations h2{color:#171717}
.detail-content h1{margin-top:8px}
.detail-content h2{margin:0 0 18px}
.album-artist a{display:inline-flex;align-items:center;gap:10px;color:#171717}
.artist-avatar{display:block;flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e0bd49}
.artist-avatar-placeholder{display:grid;place-items:center;background:#2255a1;color:#fff;font-size:19px}
.detail-description,.detail-stats{color:#555}
.audio-box{max-width:none;background:#f4f1e8;border:1px solid #d9d4c7;border-radius:3px;color:#171717}
.audio-box>strong{font-size:17px}
.track-list li{border-color:#ddd;color:#262626}
.track-list li>span:first-child{flex:1}
.track-actions{justify-content:flex-end}
.track-list .inline-play{color:#2255a1;font-size:12px;font-weight:700;background:none;border:0;cursor:pointer;padding:5px}
.track-actions select{max-width:120px;padding:5px;background:#fff;color:#222;border:1px solid #bbb}
.comments-section{margin-top:32px;border-top-color:#b52b27}
.comments-section .section-heading,.album-recommendations .section-heading{margin-bottom:12px}
.comments-section .section-heading h2,.album-recommendations .section-heading h2{font:700 25px Arial,sans-serif;margin:0}
.comments-section>p,.comment-list article small{color:#555}
.comment-form input,.comment-form textarea{width:100%;padding:11px;background:#fff;color:#222;border:1px solid #c9c9c9;border-radius:2px}
.comment-form button{border-radius:2px;background:#2255a1}
.comment-list article{border-color:#ddd}
.comment-list article p{color:#333}
.album-recommendations{margin-top:28px;border-top-color:#e0b937}
.album-recommendations .album-grid{gap:14px}
.album-recommendations .album-cover{border-radius:2px;box-shadow:3px 4px 0 #234f89}
.album-recommendations .album-meta h3 a{color:#171717}
.album-recommendations .album-meta p{color:#535353}
.artist-hero{display:flex;align-items:center;gap:24px;margin:8px 0 26px;padding:24px;background:#fffdf8;color:#191919;border-top:5px solid #d6b744;box-shadow:0 5px 0 #1d4d89}
.artist-hero>img,.artist-hero>.artist-placeholder{width:140px;height:140px;flex:none;border-radius:50%;object-fit:cover;border:4px solid #e0bd49}
.artist-hero h1{color:#171717;margin:0 0 8px}
.artist-hero p{color:#555;margin:0 0 10px}
.artist-hero>div>span{font-size:13px;color:#2255a1;font-weight:700}
.artist-hero+.section{padding:22px;background:#fffdf8;color:#191919;border-top:5px solid #2255a1;box-shadow:0 5px 0 #d6b744}
.artist-hero+.section .section-heading h2{color:#171717}
.artist-hero+.section .album-meta h3 a{color:#171717}
.artist-hero+.section .album-meta p{color:#555}
@media(hover:none){.cover-play-full{opacity:1;transform:none}}
@media(max-width:720px){.album-detail{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.album-cover-column{width:min(100%,420px);margin:auto}.detail-content{padding:5px 0}.comments-section,.album-recommendations{padding:16px}.artist-hero{display:block;padding:18px}.artist-hero>img,.artist-hero>.artist-placeholder{width:110px;height:110px;margin-bottom:14px}}
@media(max-width:600px){.album-detail,.comments-section,.album-recommendations{padding:13px}.track-list li{align-items:flex-start;flex-direction:column;gap:7px}.track-actions{width:100%;justify-content:flex-start}.album-recommendations .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Lançamentos: vitrine de capas com leitura simples, sem blocos genéricos. */
.releases-page{margin:20px 0 55px;padding:clamp(18px,3.2vw,42px);background:#f8f6ef;color:#1d1c19;border-top:6px solid #b52b27;box-shadow:0 7px 0 #1d4d89}
.releases-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #d7d1c2}
.releases-kicker{font:bold 10px Arial,sans-serif;letter-spacing:2.2px;color:#b52b27}
.releases-heading h1{margin:7px 0 0;font:bold clamp(34px,5vw,58px)/.95 Georgia,serif;letter-spacing:-1.5px;color:#171717}
.releases-total{padding:7px 11px;color:#555;font-size:12px;border-left:1px solid #c8c1b1}
.release-filter{display:flex;gap:7px;flex-wrap:wrap;padding:18px 0 25px}
.release-filter a{padding:9px 14px;border:1px solid #cbc5b7;color:#3e3b34;font:bold 11px Arial,sans-serif;letter-spacing:.6px;transition:background .18s,color .18s,border-color .18s}
.release-filter a:hover,.release-filter a.selected{background:#2255a1;border-color:#2255a1;color:#fff}
.release-shelf{padding:20px;background:#fff;border:1px solid #e1ddd3}
.release-shelf-label{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:#222;font:bold 17px Georgia,serif}
.release-shelf-label i{height:1px;flex:1;background:#dedbd2}
.releases-page .album-grid-metal{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 17px}
.release-card .album-cover{border:0;border-radius:1px;box-shadow:4px 5px 0 #d7d0bd;transition:transform .2s,box-shadow .2s}
.release-card:hover .album-cover{transform:translateY(-3px);box-shadow:6px 8px 0 #d7d0bd}
.release-card-arrow{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:31px;height:31px;background:#b52b27;color:white;font-size:16px;opacity:0;transition:opacity .2s}
.release-card:hover .release-card-arrow{opacity:1}
.release-card .album-meta{padding:12px 1px}
.release-card .genre{color:#a32b26;font-size:9px;letter-spacing:1.1px}
.release-card .album-meta h3{font:bold 15px/1.25 Georgia,serif;margin:6px 0}
.release-card .album-meta h3 a{color:#1b1a17}
.release-card .album-meta p{color:#666;font-size:12px}
.release-card .inline-play{color:#2255a1;border-color:#2255a1}
.release-empty{display:grid;justify-items:center;text-align:center;padding:55px 18px;background:#fff;border:1px solid #e1ddd3}
.release-empty>span{font-size:30px;color:#b52b27}
.release-empty h2{margin:12px 0 4px;font:bold 25px Georgia,serif;color:#222}
.release-empty p{margin:0 0 18px;color:#666;font-size:13px}
.release-empty a{padding:10px 15px;background:#2255a1;color:#fff;font-weight:bold;font-size:12px}
.releases-page .pagination{color:#333}
.releases-page .pagination a,.releases-page .pagination span{border-color:#c9c3b5;color:#303030}
.artist-entry-person{display:flex!important;align-items:center;gap:10px}
.artist-entry-person img,.artist-entry-person>.artist-avatar-placeholder{width:40px;height:40px;display:grid;place-items:center;object-fit:cover;border-radius:50%;border:2px solid #d4b65d}
.artist-entry-person strong{color:#f4f0e3}
.artists-picks .artist-tile{display:grid!important;grid-template-columns:64px 1fr!important;align-items:center;gap:12px;padding:13px 15px;box-shadow:2px 3px 0 #d7d0bd;transition:transform .18s,box-shadow .18s}
.artists-picks .artist-tile:hover{transform:translateY(-2px);box-shadow:4px 5px 0 #d7d0bd}
.artists-picks .artist-tile img,.artists-picks .artist-tile .artist-placeholder{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #d9b744}
.public-body .artists-picks .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.public-body .artists-picks .artist-grid{grid-template-columns:1fr}}
.artist-tile>span:not(.artist-placeholder){display:block}
.artist-tile>span b{font-size:14px}
.artist-tile>strong,.artist-tile small{display:none!important}
.queue-toggle{max-width:min(190px,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-list li.track-play-row{cursor:pointer;transition:background .16s,padding .16s}
.track-list li.track-play-row:hover,.track-list li.track-play-row:focus-visible{background:#eee9db;padding-left:9px;padding-right:9px;outline:none}
.track-list li.track-play-row.is-playing{background:#e8e2d1;border-left:3px solid #2255a1;padding-left:9px}
.track-row-title{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
.track-row-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-number{flex:none;color:#777;font:12px Georgia,serif}
.releases-page{padding:clamp(17px,2.5vw,32px);background:#f3f1eb;border-top:4px solid #2355a2;box-shadow:0 4px 0 #c5a13a}
.releases-heading{padding:0 0 18px;border-bottom:2px solid #232323}
.releases-heading h1{font:bold clamp(30px,4vw,44px)/1 Georgia,serif;letter-spacing:-.8px}
.release-filter{padding:15px 0 19px}
.release-filter a{border:0;border-bottom:2px solid transparent;padding:9px 12px;background:transparent;color:#3d3b35}
.release-filter a:hover,.release-filter a.selected{border-bottom-color:#b52b27;background:transparent;color:#b52b27}
.release-shelf{display:none}
.release-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.release-row{display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:10px;background:#fff;border:1px solid #d8d5cc;box-shadow:0 2px 0 #e3e0d8;transition:border-color .18s,transform .18s,box-shadow .18s}
.release-row:hover{border-color:#b9a15c;transform:translateY(-2px);box-shadow:0 4px 0 #d5cba9}
.release-thumb{display:block;width:94px;height:94px;overflow:hidden;background:#e6e2d8}
.release-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.release-row:hover .release-thumb img{transform:scale(1.04)}
.release-thumb .cover-placeholder{min-height:0}
.release-info{min-width:0}
.release-genre{color:#a32b26;font:bold 9px Arial,sans-serif;letter-spacing:1px}
.release-info h2{margin:5px 0 4px;font:bold 16px/1.2 Georgia,serif;color:#181818;overflow-wrap:anywhere}
.release-info h2 a:hover{color:#a32b26}
.release-info p{margin:0;color:#666;font-size:12px}
.release-actions{display:grid;justify-items:end;gap:9px;white-space:nowrap}
.release-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 11px;background:#b52b27;color:#fff;font:bold 11px Arial,sans-serif}
.release-download:hover{background:#92201d}
.release-open{color:#2255a1;font:bold 10px Arial,sans-serif}
.release-open b{margin-left:3px}
.release-empty{border-top:3px solid #b52b27}
@media(max-width:980px){.release-list{grid-template-columns:1fr}}
@media(max-width:600px){.releases-page{padding:14px}.releases-heading{padding-bottom:13px}.release-list{gap:8px}.release-row{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:8px}.release-thumb{width:70px;height:70px}.release-info h2{font-size:14px}.release-actions{grid-column:2;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:-3px}.release-download{padding:7px 9px;font-size:10px}.release-open{font-size:9px}.release-filter{gap:2px}}
.release-list{display:none}
.release-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.release-tile{display:block;min-width:0;color:inherit}
.release-tile-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#171717;border:1px solid #d0c8b5;box-shadow:3px 4px 0 #d6ceb9;transition:transform .2s,box-shadow .2s}
.release-tile:hover .release-tile-cover{transform:translateY(-3px);box-shadow:5px 7px 0 #d6ceb9}
.release-tile-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.release-tile:hover .release-tile-cover>img{transform:scale(1.045)}
.release-tile-cover>.cover-placeholder{position:absolute;inset:0;min-height:0}
.release-tile-cover:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080808ed);pointer-events:none}
.release-tile-genre{position:absolute;z-index:1;top:8px;left:8px;padding:5px 7px;background:#b52b27;color:#fff;font:bold 8px Arial,sans-serif;letter-spacing:.7px}
.release-tile-info{position:absolute;z-index:1;left:0;right:0;bottom:0;display:grid;gap:4px;padding:12px;color:#fff}
.release-tile-info strong{font:bold clamp(12px,1.05vw,15px)/1.2 Georgia,serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.release-tile-info small{color:#e0d9ca;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.release-tile-info b{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:7px;border-top:1px solid #ffffff65;color:#f2d267;font:bold 9px Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}
.release-tile-info i{font-style:normal;font-size:14px}
@media(max-width:1100px){.release-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}}
@media(max-width:520px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.release-tile-info{padding:10px}.release-tile-info strong{font-size:13px}}
.playlist-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.playlist-public-card{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:5px 13px;min-width:0;padding:12px;background:#fff;border-bottom:3px solid #d6b744;color:#171717;box-shadow:2px 3px 0 #193c70}
.playlist-public-cover{grid-row:1/4;width:82px;height:82px;object-fit:cover;background:#ddd}
.playlist-cover-placeholder{display:grid;place-items:center;background:#2355a2;color:#f5d56c;font-size:32px}
.playlist-public-info{display:grid;gap:5px;min-width:0}
.playlist-public-info>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:bold 15px Georgia,serif}
.playlist-public-info>small{color:#666;font-size:10px}
.playlist-public-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;font-size:11px}
.home-playlists .section-heading h2{font:700 24px Georgia,serif}
.playlist-admin-create,.playlist-admin-list{margin-bottom:20px}
.playlist-admin-create>p{color:#aeb6c4;font-size:12px}
.playlist-admin-form{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px}
.playlist-admin-form label{display:grid;gap:7px;color:#d9deea;font-size:12px;font-weight:600}
.playlist-admin-form input:not([type=file]){width:100%;padding:11px;background:#0d111b;color:#fff;border:1px solid #30394c;border-radius:6px}
.playlist-admin-form input[type=file]{width:100%;padding:9px;background:#0d111b;color:#cbd1dc;border:1px solid #30394c;border-radius:6px;font-size:11px}
.playlist-admin-form button{justify-self:start}
.playlist-admin-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:#fff}
.playlist-admin-item img,.playlist-admin-item>span{width:56px;height:56px;object-fit:cover;background:#233f72}
.playlist-admin-item>span{display:grid;place-items:center;font-size:23px;color:#e1bf52}
.playlist-admin-item small{color:#9da8bb}
.playlist-admin-item>b{color:#e1bf52;font-size:11px}
.admin-back-link{display:inline-block;margin:0 0 14px;text-align:left}
.playlist-edit-layout{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.4fr);align-items:start;gap:18px}
.playlist-edit-panel .playlist-admin-form{grid-template-columns:1fr}
.playlist-edit-cover{width:100%;max-width:210px;aspect-ratio:1;object-fit:cover;border:3px solid #c5a13a}
.playlist-current-tracks{margin-top:24px}
.playlist-current-tracks h3{display:flex;align-items:center;gap:9px;font-size:15px}
.playlist-current-tracks h3 small{color:#e1bf52}
.playlist-current-track{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:11px;color:#d6dbe5}
.playlist-current-track form{margin:0}
.playlist-delete-form{margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}
.playlist-search{display:flex;align-items:center;gap:8px;margin:16px 0}
.playlist-search input{flex:1;min-width:0;padding:11px;background:#0d111b;color:#fff;border:1px solid #30394c;border-radius:6px}
.playlist-search button{flex:none}
.playlist-clear-search{color:#e1bf52;font-size:11px}
.admin-album-picker{border-top:1px solid var(--line)}
.admin-album-picker summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 2px;cursor:pointer;list-style:none}
.admin-album-picker summary::-webkit-details-marker{display:none}
.admin-album-picker summary img,.album-picker-placeholder{width:52px;height:52px;object-fit:cover;background:#233f72}
.album-picker-placeholder{display:grid;place-items:center;color:#e1bf52;font-size:22px}
.admin-album-picker summary>span:nth-child(2){display:grid;gap:4px;min-width:0}
.admin-album-picker summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}
.admin-album-picker summary small{color:#9da8bb;font-size:10px}
.admin-album-picker summary>b{color:#e1bf52;font-size:10px}
.album-picker-tracks{padding:0 0 8px 63px}
.album-picker-track{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #ffffff12;color:#cbd1dc;font-size:11px}
.album-picker-track form{margin:0;flex:none}
.album-picker-track button{border:1px solid #c5a13a;background:#262315;color:#f0d46b;padding:6px 8px;cursor:pointer;font-size:10px}
.already-added{color:#6cd6a7;font-size:10px}
.album-picker-track.is-search-match{margin:0 -6px;padding:8px 6px;background:#242b1e;border-left:3px solid #d7b74e}
.shared-playlist-page{padding:22px;background:#fffdf8;color:#191919;border-top:5px solid #d6b744;box-shadow:0 5px 0 #1d4d89}
.shared-playlist-cover{float:left;width:110px;height:110px;object-fit:cover;margin:0 18px 16px 0}
.shared-playlist-page .section-heading h1{color:#181818}
.shared-playlist-page .track-list{clear:both}
@media(max-width:900px){.playlist-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-edit-layout{grid-template-columns:1fr}}
@media(max-width:600px){.playlist-public-grid{grid-template-columns:1fr}.playlist-admin-form{grid-template-columns:1fr}.playlist-admin-item{grid-template-columns:48px minmax(0,1fr) auto;gap:9px}.playlist-admin-item img,.playlist-admin-item>span{width:48px;height:48px}.playlist-admin-item small{display:none}.admin-album-picker summary{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.admin-album-picker summary img,.album-picker-placeholder{width:44px;height:44px}.album-picker-tracks{padding-left:0}.album-picker-track{align-items:flex-start}.shared-playlist-page{padding:14px}.shared-playlist-cover{width:82px;height:82px}}
.mini-player{min-height:82px;padding:10px clamp(12px,3vw,42px);gap:13px;background:linear-gradient(100deg,#090909,#171510 48%,#090909);border-top:3px solid #c5a13a;box-shadow:0 -5px 18px #0008}
.mini-note{position:relative;flex:none;width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border:2px solid #c5a13a;border-radius:3px;background:#171510;color:#e5cc72;box-shadow:2px 3px 0 #4e401d}
.mini-note #playerCover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mini-note #playerCover[hidden]{display:none}
.mini-note #playerCoverPlaceholder{font-size:31px;line-height:1}
.mini-note #playerCover{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.selection-capacity{display:block;margin:-2px 0 8px;color:#94a1b5;font-size:11px}
.selection-heading>span.limit-reached{color:#ff8585}
.mini-note #playerCoverPlaceholder[hidden]{display:none}
.mini-info strong{color:#f5f0df;font:bold 14px Georgia,serif}
.mini-info small{color:#d6c47e;font-size:10px}
.player-controls button,.queue-toggle{border-color:#927b3e;color:#f1dc8a}
.player-controls button:nth-child(2){width:38px;height:38px;border-color:#d4b54b;background:#b52b27;color:#fff}
.mini-player input[type=range]{accent-color:#d6b744}
.mini-player #playerTime{color:#e1d6b5}
.album-share{position:relative;display:inline-block;margin:0 0 14px}
.album-share-button{padding:9px 13px;border:1px solid #2255a1;background:#fff;color:#2255a1;font:bold 12px Arial,sans-serif;cursor:pointer}
.album-share-button:hover{background:#2255a1;color:#fff}
.album-share-options{position:absolute;z-index:5;top:calc(100% + 7px);left:0;display:grid;gap:5px;min-width:205px;padding:9px;background:#fff;border:1px solid #d2cbb9;box-shadow:0 5px 16px #0003}
.album-share-options[hidden]{display:none}
.album-share-options a,.album-share-options button{display:block;padding:8px 10px;border:0;background:#f1eee6;color:#222;text-align:left;font:bold 11px Arial,sans-serif;cursor:pointer}
.album-share-options a:hover,.album-share-options button:hover{background:#2255a1;color:#fff}
.album-share-options small{color:#436547;font-size:10px;padding:2px 5px}
.home-highlights .section-heading h2,.recommended-section .section-heading h2,#rankings .section-heading h2,.home-playlists .section-heading h2,.artists-picks .section-heading h2{font:700 clamp(23px,2vw,28px)/1.1 Georgia,serif;letter-spacing:-.45px;text-transform:none}
@media(max-width:600px){.mini-player{min-height:76px;padding:8px 10px;gap:8px}.mini-note{width:43px;height:43px}.mini-note #playerCoverPlaceholder{font-size:25px}.mini-info strong{font-size:11px}.mini-info small{font-size:9px}.player-controls button:nth-child(2){width:32px;height:32px}}
.featured-poster-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.featured-poster{min-height:clamp(220px,24vw,330px);border:1px solid #514527;box-shadow:4px 5px 0 #d6c493;transition:transform .2s,box-shadow .2s}
.featured-poster:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:7px 8px 0 #d6c493}
.featured-poster img{filter:saturate(.95);transition:transform .4s}
.featured-poster:hover img{transform:scale(1.045)}
.featured-poster:after{z-index:1;background:linear-gradient(transparent 20%,#0808081a 42%,#080808ed 100%)}
.featured-cover-caption{z-index:2!important;padding:16px!important}
.featured-cover-caption b{font:bold 17px/1.15 Georgia,serif;text-shadow:0 2px 5px #000}
.featured-cover-caption small{font-size:11px;color:#f0dfaa}
.featured-cover-placeholder{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:15px;overflow:hidden;background:radial-gradient(circle at 75% 22%,#e7c95e66,transparent 22%),linear-gradient(145deg,#182e4e 0%,#0d1117 45%,#8f211f 100%);color:#fff;text-align:center}
.featured-cover-placeholder:before{content:'';position:absolute;inset:9px;border:1px solid #e5c85a88;outline:1px solid #e5c85a33;outline-offset:4px}
.featured-cover-placeholder>span,.featured-cover-placeholder>b,.featured-cover-placeholder>small{position:relative;z-index:2}
.featured-cover-placeholder>span{padding:5px 8px;border:1px solid #e7cb68;color:#f1d77b;font:bold 8px Arial,sans-serif;letter-spacing:1.4px}
.featured-cover-placeholder>b{font:normal 64px Georgia,serif;color:#f2d36c;text-shadow:0 4px 15px #000}
.featured-cover-placeholder>small{max-width:85%;font:bold 12px Georgia,serif;color:#fff}
.featured-poster .featured-cover-caption{background:linear-gradient(transparent,#080808);}
.recommended-section .metal-card .album-cover{border:1px solid #c4b778;box-shadow:4px 5px 0 #234f89}
.recommended-section .metal-card:hover .album-cover{transform:translateY(-3px);box-shadow:6px 8px 0 #234f89}
.home-highlights,.recommended-section,.home-playlists,.artists-picks{position:relative;overflow:hidden;border-top-width:7px}
.home-highlights:before,.recommended-section:before,.artists-picks:before{content:'';position:absolute;top:0;right:0;width:140px;height:100%;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 14px,#b52b2708 15px 17px)}
.drive-picks a{grid-template-columns:54px minmax(0,1fr) auto;gap:4px 13px;align-items:center}
.drive-pick-cover{grid-row:span 3!important;display:grid;place-items:center;width:54px;height:54px;overflow:hidden;background:linear-gradient(145deg,#214b7b,#171717 55%,#9e2424);border:1px solid #d2b750;box-shadow:2px 3px 0 #4b4021}
.drive-pick-cover img{width:100%;height:100%;object-fit:cover}
.drive-pick-cover>span{display:grid;place-items:center;color:#edcf62;font-size:24px}
.drive-picks a>i{grid-column:3;grid-row:1/3;color:#d7bd64;font:10px monospace;font-style:normal}
.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.selection-heading h3{margin-bottom:8px}
.selection-heading>span{color:#e2c462;font-size:10px;font-weight:700;white-space:nowrap}
.selection-tools{display:flex;gap:7px;margin:8px 0 12px}
.highlight-search{min-width:0;width:100%;padding:10px 11px;background:#0d111b;color:#fff;border:1px solid #384256;border-radius:6px;font-size:11px}
.selection-tools button{flex:none;padding:7px 9px;background:#22231e;border:1px solid #665a35;color:#e3ce7a;font-size:10px;cursor:pointer}
.searchable-options{display:grid;grid-template-columns:1fr!important;max-height:380px;overflow:auto;padding-right:5px}
.featured-option{display:grid!important;grid-template-columns:44px 18px minmax(0,1fr)!important;align-items:center;gap:9px!important;min-height:60px;padding:7px 9px!important;background:#111722!important;border:1px solid #252e3d}
.featured-option[hidden]{display:none!important}
.featured-option>img,.selection-cover-placeholder{width:44px;height:44px;object-fit:cover;border:1px solid #d1b44d;background:linear-gradient(145deg,#2355a2,#171717 55%,#a62626)}
.selection-cover-placeholder{display:grid;place-items:center;color:#f0d16b;font-size:22px}
.featured-option input{accent-color:#d4b44b;margin:0}
.featured-option>span:last-child{display:grid;gap:4px;min-width:0;color:#eee;font-size:11px;font-weight:700}
.featured-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9da8bb;font-size:10px;font-weight:400}
.artist-featured-option>img,.artist-featured-option .selection-cover-placeholder{border-radius:50%}
.slide-search{max-width:420px;margin:10px 0}
.managed-slide[hidden]{display:none}
.highlight-search-status{display:block;min-height:15px;margin:-3px 0 8px;color:#a9b5c8;font-size:10px}
.catalog-form select{max-width:100%}
.spotlight{margin:0!important;padding:0!important}
.spotlight-head{display:none!important}
.carousel{position:relative;width:100%;height:auto;aspect-ratio:2000/900;max-width:none;margin:0;overflow:hidden;border:0;border-radius:0;background:#080808;box-shadow:none}
.carousel-slide{position:absolute;inset:0;display:block!important;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s}
.carousel-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.carousel-slide>img,.carousel-slide>.slide-image-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.slide-image-placeholder{display:grid!important;place-items:center;background:linear-gradient(130deg,#2355a2,#121212 55%,#b32626);color:#f0d16b;font-size:clamp(60px,12vw,180px)}
.carousel-prev,.carousel-next,.carousel-dots{display:none!important}
.topbar{margin:0!important}
.home-category-bar{width:100%;margin:0!important}
.carousel{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,12%);gap:8px;padding:8px;aspect-ratio:2000/920}
.carousel-main{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;background:#111}
.carousel-thumbnails{display:flex;min-width:0;min-height:0;height:100%;flex-direction:column;gap:7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d5b942 #161616}
.carousel-thumbnail{position:relative;display:block;flex:0 0 auto;min-height:0;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;padding:0;border:2px solid #ffffff30;background:#161616;cursor:pointer;transition:border-color .2s,opacity .2s}
.carousel-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.carousel-thumbnail:hover img{transform:scale(1.05)}
.carousel-thumbnail.active{border-color:#e4c14d;box-shadow:0 0 0 1px #e4c14d}
.carousel-thumbnail>span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#2355a2,#141414 55%,#a82626);color:#f0d16b;font-size:28px}
@media(max-width:700px){.carousel{grid-template-columns:minmax(0,1fr) minmax(58px,18%);gap:5px;padding:5px;aspect-ratio:16/10}}
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.topbar nav{max-width:100%;flex-wrap:wrap}
.home-category-bar{grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
.home-category-bar a{min-width:0;white-space:nowrap}
.mini-player{background:#050505;border-top:2px solid #b89a3c;box-shadow:0 -5px 18px #0009}
.player-controls button,.queue-toggle{background:#050505!important;border-color:#b89a3c!important;color:#f0d36b!important}
.player-controls button:hover,.queue-toggle:hover{background:#171717!important;color:#fff!important}
.player-controls button:nth-child(2){width:38px;height:38px;background:#050505!important;border:1px solid #d2b64b!important;color:#f5dc77!important}
.mini-note{background:#111;border-color:#b89a3c;color:#e6c95d}
@media(max-width:700px){
    .carousel{grid-template-columns:minmax(0,1fr) minmax(58px,18%);gap:5px;padding:5px;aspect-ratio:16/10}
    .site-main{padding-left:3%;padding-right:3%;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
    .home-category-bar{padding:7px 1%}
    .home-category-bar a{gap:3px;font-size:clamp(9px,2.8vw,13px)}
    .mini-player{grid-template-columns:36px minmax(0,1fr) auto;padding:8px 9px calc(8px + env(safe-area-inset-bottom));gap:7px 8px}
    .mini-note{grid-column:1;grid-row:1;width:36px;height:36px}
    .mini-info{grid-column:2;grid-row:1;min-width:0}
    .mini-info strong,.mini-info small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .player-controls{grid-column:3;grid-row:1;gap:3px}
    .player-controls button{width:26px;height:26px}
    .player-controls button:nth-child(2){width:31px;height:31px}
    .mini-player input#playerProgress{grid-column:1/3;grid-row:2;width:100%;min-width:0}
    .mini-player #playerTime,.volume-control{display:none}
    .queue-toggle{grid-column:3;grid-row:2;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .rank-grid{grid-template-columns:minmax(0,1fr)}
    .playlist-public-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
    .topbar nav{gap:4px}
    .topbar nav a{padding:10px 8px;font-size:11px}
    .carousel{grid-template-columns:minmax(0,1fr) minmax(56px,20%);aspect-ratio:16/10}
    .mini-player{grid-template-columns:31px minmax(0,1fr) auto;padding-left:7px;padding-right:7px;gap:6px}
    .mini-note{width:31px;height:31px}
    .player-controls button{width:23px;height:23px}
    .player-controls button:nth-child(2){width:28px;height:28px}
}
@media(max-width:700px){
    .mini-player{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:center;min-height:0;gap:7px 9px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));}
    .mini-note{grid-column:1;grid-row:1;width:42px;height:42px;margin:0}
    .mini-info{grid-column:2;grid-row:1;min-width:0;width:100%;gap:3px}
    .mini-info strong,.mini-info small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .mini-info strong{font-size:12px;line-height:1.25}
    .mini-info small{font-size:9px;line-height:1.2}
    .player-controls{grid-column:3;grid-row:1;display:flex;align-items:center;gap:3px;white-space:nowrap}
    .player-controls button{flex:0 0 25px;width:25px;height:25px;padding:0;font-size:12px;line-height:1}
    .player-controls button:nth-child(2){flex-basis:31px;width:31px;height:31px}
    .mini-player input#playerProgress{grid-column:1/4;grid-row:2;display:block;width:100%;min-width:0;margin:0;}
    .mini-player #playerTime,.volume-control,.queue-toggle{display:none!important}
}
@media(max-width:380px){
    .mini-player{grid-template-columns:36px minmax(0,1fr) auto!important;gap:6px 7px;padding-left:8px;padding-right:8px}
    .mini-note{width:36px;height:36px}
    .mini-info strong{font-size:11px}
    .player-controls{gap:2px}
    .player-controls button{flex-basis:22px;width:22px;height:22px;font-size:11px}
    .player-controls button:nth-child(2){flex-basis:28px;width:28px;height:28px}
}
@media(max-width:900px){.featured-poster-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.featured-poster-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.featured-poster{min-height:190px}.featured-cover-caption{padding:11px!important}.featured-cover-caption b{font-size:14px}.featured-cover-placeholder>b{font-size:48px}.selection-tools{flex-wrap:wrap}.selection-tools button{width:100%}.featured-option{grid-template-columns:38px 16px minmax(0,1fr)!important}.featured-option>img,.selection-cover-placeholder{width:38px;height:38px}.drive-pick-cover{width:46px;height:46px}.drive-picks a{grid-template-columns:46px minmax(0,1fr) auto}}
.artist-more-cds{margin-top:18px;padding-top:14px;border-top:1px solid #d8d2c3}
.artist-more-cds h2{margin:0 0 11px;color:#26241f;font:bold 15px Georgia,serif}
.artist-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.artist-more-card{display:grid;align-content:start;gap:6px;min-width:0;color:#222}
.artist-more-card img,.artist-more-card>.cover-placeholder{display:block;width:100%;aspect-ratio:1/1;min-height:0;object-fit:cover;background:#e5e0d5;box-shadow:2px 3px 0 #d6ceb9;transition:transform .18s}
.artist-more-card:hover img,.artist-more-card:hover>.cover-placeholder{transform:translateY(-2px)}
.artist-more-card>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:bold 11px/1.2 Arial,sans-serif}
@media(max-width:600px){.artist-more-cds{margin-top:14px}.artist-more-cds h2{font-size:14px}.artist-more-grid{gap:7px}.artist-more-card>span{font-size:10px}}
.release-tile-cover:after{inset:22% 0 0;background:linear-gradient(transparent 0%,rgba(0,0,0,.62) 34%,#050505 100%)}
.release-tile-info{gap:6px;padding:14px 12px 12px;text-shadow:0 1px 3px #000}
.release-tile-info strong{font-size:clamp(14px,1.25vw,18px);line-height:1.25;color:#fff}
.release-tile-info small{font-size:12px;font-weight:600;color:#fff;opacity:.96}
.release-tile-info b{margin-top:7px;padding-top:8px;color:#ffe07a;font-size:11px;text-shadow:none}
@media(max-width:520px){.release-tile-info{padding:11px 10px 9px}.release-tile-info strong{font-size:15px}.release-tile-info small{font-size:11px}.release-tile-info b{font-size:10px}}
@media(max-width:900px){.release-shelf{padding:16px}.releases-page .album-grid-metal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.releases-page{margin-top:12px;padding:15px}.releases-heading{align-items:center}.releases-heading h1{font-size:38px}.release-filter{gap:5px;padding:14px 0 18px}.release-filter a{padding:8px 10px;font-size:10px}.release-shelf{padding:12px}.releases-page .album-grid-metal{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.release-card .album-meta h3{font-size:13px}.queue-toggle{max-width:95px;font-size:8px}}
.public-playlists-page .section-heading h1{font:700 clamp(28px,4vw,40px)/1.1 Georgia,serif;color:#191919;margin:0}
.topbar{justify-content:center}.topbar nav{gap:40px;font-size:16px}
@media(max-width:600px){#rankings .rank-panel h3{font-size:14px;line-height:1.2;margin-bottom:8px}#rankings .rank-panel h3 span{font-size:12px}.home-playlists .section-heading{align-items:center}.home-playlists .section-heading h2{font-size:20px}.home-playlists .section-note{font-size:10px}.topbar nav{justify-content:center;gap:8px 12px;flex-wrap:wrap}.topbar nav a{padding:9px 6px;font-size:12px}}
.home-playlists .section-heading h2{color:#1d4d89}
.public-playlists-page .section-heading h1{color:#fff}
#rankings{background:#1d4d89}.ranking-periods a{background:#173d72}.rank-panel h3 span{color:#c9aa42}
#rankings .rank-panel>a>strong{color:#111}
@media(max-width:700px){.carousel{aspect-ratio:2/1!important}.carousel-main{background:#080808}.carousel-slide>img{object-fit:contain!important}.carousel-thumbnail img{object-fit:cover}}
@media(max-width:700px){.carousel{display:block!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;aspect-ratio:2000/900!important;padding:0!important;gap:0!important}.carousel-main{width:100%;height:100%;background:#080808}.carousel-thumbnails{display:none!important}.carousel-slide>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}}
@media(max-width:600px){#rankings .rank-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}#rankings .rank-panel h3{grid-column:1/-1;margin:0 0 3px}#rankings .rank-panel>a{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;padding:0;border:0;border-radius:4px;background:#161616}#rankings .rank-panel>a::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000e)}#rankings .rank-panel>a>b,#rankings .rank-panel>a>strong{display:none}#rankings .rank-panel .rank-thumb{display:block;width:100%;height:100%;object-fit:cover}#rankings .rank-panel>a>span:not(.rank-thumb){position:absolute;z-index:1;left:6px;right:6px;bottom:6px;color:#fff;font-size:10px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#rankings .rank-panel>a>span small{display:none}}

/* Admin visual refresh: presentation only; all selectors are scoped to the admin area. */
.admin-body{--admin-ink:#172436;--admin-muted:#68778a;--admin-blue:#1764a0;--admin-gold:#c4a34d;--admin-line:#e1e7ed;min-height:100vh;background:#f2f5f8;color:var(--admin-ink);font-family:Arial,sans-serif}
.admin-sidebar{position:sticky;top:0;height:100vh;width:258px;padding:25px 16px 18px;background:linear-gradient(180deg,#111b28 0%,#0b121b 100%);border-right:1px solid #243344;box-shadow:8px 0 28px #14233812;gap:7px}
.admin-sidebar .brand{font-size:16px;letter-spacing:.8px;margin:0 0 34px 5px;color:#f7f5ee}
.admin-sidebar .brand-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,#f1dfaa,#aa8732);color:#17202b;box-shadow:0 5px 15px #0004}
.admin-sidebar .sidebar-label{margin:0 0 8px 10px;color:#95a7ba;font-size:9px;letter-spacing:1.7px}
.admin-sidebar>a:not(.brand){display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#bac7d5;font-size:12px;transition:background .18s,border-color .18s,color .18s,transform .18s}
.admin-sidebar>a.active,.admin-sidebar>a:not(.brand):hover{background:#1d3144;border-color:#36536e;color:#fff;transform:translateX(2px)}
.admin-sidebar>a.active:before{content:"";width:3px;height:19px;margin-right:9px;margin-left:-8px;border-radius:4px;background:#d6b65c}
.admin-sidebar .sidebar-bottom{padding:18px 8px 0;border-top:1px solid #ffffff1c;gap:7px}
.admin-sidebar .sidebar-bottom span{color:#9aacbd;font-size:10px}
.admin-sidebar .sidebar-bottom strong{color:#f2f5f8;font-size:13px}
.admin-sidebar .logout-button{width:100%;padding:10px 0 0;text-align:left;color:#e4c778;font-size:11px}
.admin-main{width:min(100%,1600px);margin:0 auto;padding:36px clamp(24px,4vw,62px) 80px}
.admin-top{min-height:66px;margin-bottom:27px;align-items:center}
.admin-top .eyebrow{color:#73849a;letter-spacing:1.8px}
.admin-top h1{color:#142338;font:700 clamp(25px,2.5vw,32px)/1.1 Arial,sans-serif;letter-spacing:-.7px}
.admin-top>.button{min-height:42px;padding:11px 17px;border-radius:8px;background:linear-gradient(135deg,#1c6fae,#14517f);box-shadow:0 5px 13px #14517f2b;color:#fff;font-size:12px}
.admin-body .button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.admin-body .button-primary{background:linear-gradient(135deg,#1c6fae,#14517f);color:#fff}
.admin-body .button-outline{border:1px solid #d6dfe7;background:#fff;color:#324b63}
.admin-body .stats-grid{gap:15px;margin-bottom:25px}
.admin-body .stat-card{position:relative;min-height:126px;overflow:hidden;padding:20px;background:#fff;border:1px solid #e3e9ef;border-radius:12px;box-shadow:0 5px 18px #18334a08;gap:10px;transition:transform .18s,box-shadow .18s}
.admin-body .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #18334a12}
.admin-body .stat-card:before{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1d6ca6,#d4b45a);content:""}
.admin-body .stat-card span{color:#637287;font-size:11px;font-weight:700;letter-spacing:.2px}
.admin-body .stat-card strong{color:#142338;font:700 30px/1 Arial,sans-serif;letter-spacing:-.8px}
.admin-body .stat-card small{color:#8491a1;font-size:10px}
.admin-body .admin-panel{margin-bottom:20px;padding:24px;background:#fff;border:1px solid #e1e7ed;border-radius:12px;box-shadow:0 6px 22px #18334a08}
.admin-body .panel-heading{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #edf0f3}
.admin-body .panel-heading h2{color:#17283c;font:700 19px/1.25 Arial,sans-serif;letter-spacing:-.2px}
.admin-body .text-link{color:#1764a0;font-size:11px}
.admin-body .table-wrap{border:1px solid #e8edf1;border-radius:9px}
.admin-body table{border-collapse:separate;border-spacing:0;min-width:680px}
.admin-body th{padding:13px 14px;background:#f6f8fa;border-bottom:1px solid #e1e7ed;color:#637287;font-size:9px;letter-spacing:.9px}
.admin-body th:first-child{border-top-left-radius:8px}
.admin-body th:last-child{border-top-right-radius:8px}
.admin-body td{padding:13px 14px;border-bottom:1px solid #edf0f3;color:#526174;font-size:11px;vertical-align:middle}
.admin-body tbody tr{transition:background .15s}
.admin-body tbody tr:hover{background:#f7fafc}
.admin-body tbody tr:last-child td{border-bottom:0}
.admin-body td strong{color:#1b2c40;font-size:11px}
.admin-body td small{color:#758398;font-size:10px}
.admin-body .album-table-cell img,.admin-body .tiny-cover{width:46px;height:46px;border:1px solid #e1e7ed;border-radius:7px;object-fit:cover}
.admin-body .status{border:1px solid transparent;border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:.25px}
.admin-body .status-live{background:#e9f6ef;border-color:#d2eadc;color:#247044}
.admin-body .status-draft{background:#f1f3f6;border-color:#e1e6eb;color:#647287}
.admin-body .table-action,.admin-body .delete-action{font-size:10px;transition:color .15s}
.admin-body .table-action{color:#1764a0}
.admin-body .delete-action{color:#ae4b4b}
.admin-body .actions{gap:13px}
.admin-body .pagination{color:#637287}
.admin-body .pagination a,.admin-body .pagination span{border-color:#dce4eb;border-radius:7px;background:#fff;color:#36516b}
.admin-body .pagination a:hover{border-color:#1764a0;color:#1764a0}
.admin-body .form-panel{max-width:1100px}
.admin-body .form-grid{gap:0 22px}
.admin-body .form-grid>label{gap:8px;margin-bottom:20px;color:#34475c;font-size:11px;font-weight:700}
.admin-body .form-grid input:not([type=checkbox]),.admin-body .form-grid textarea,.admin-body .form-grid select,.admin-body select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #d6dfe7;border-radius:7px;background:#fff;color:#1e3044;font-size:12px;outline:none;transition:border-color .15s,box-shadow .15s}
.admin-body .form-grid input[type=file]{min-height:42px;padding:8px;background:#f8fafb}
.admin-body .form-grid textarea{min-height:120px;resize:vertical}
.admin-body .form-grid input:focus,.admin-body .form-grid textarea:focus,.admin-body .form-grid select:focus,.admin-body select:focus{border-color:#4386b6;box-shadow:0 0 0 3px #1764a018}
.admin-body .field-help,.admin-body .form-grid label small{color:#77869a;font-size:10px;line-height:1.5;font-weight:400}
.admin-body .toggle-row{gap:14px;padding:14px 0 23px}
.admin-body .check-label{color:#45576c;font-size:11px}
.admin-body .check-label input{accent-color:#1764a0}
.admin-body .form-footer{padding-top:18px;border-top:1px solid #e8edf1}
.admin-body .form-footer .button{min-height:40px;border-radius:7px;font-size:11px}
.admin-body .alert{border:1px solid transparent;border-radius:8px;font-size:12px}
.admin-body .alert-success{background:#eaf6ef;border-color:#d2eadc;color:#23643e}
.admin-body .alert-error{background:#fff0ef;border-color:#f2d2ce;color:#963b34}
.admin-body .empty-state{border-color:#dbe3ea;border-radius:12px;background:#fff;color:#24374c}
.admin-body .empty-state h3{color:#1c3045}
.admin-body .empty-state p{color:#6d7d90}
.admin-body .featured-picker,.admin-body .playlist-admin-create,.admin-body .playlist-edit-panel,.admin-body .playlist-library{background:#fff}
@media(max-width:1050px){.admin-body .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-main{padding-left:26px;padding-right:26px}}
@media(max-width:720px){.admin-body{display:block}.admin-sidebar{position:sticky;z-index:20;top:0;display:grid;width:100%;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 12px;border-right:0;border-bottom:1px solid #26384a;box-shadow:0 6px 20px #11243a25}.admin-sidebar .brand{grid-column:1/3;margin:0 0 4px 2px;font-size:14px}.admin-sidebar .brand-icon{width:33px;height:33px;font-size:20px}.admin-sidebar .sidebar-label{display:none}.admin-sidebar>a:not(.brand){justify-content:center;min-width:0;min-height:37px;padding:8px 5px;font-size:10px;text-align:center;white-space:normal}.admin-sidebar>a.active:before{display:none}.admin-sidebar>a.active,.admin-sidebar>a:not(.brand):hover{transform:none}.admin-sidebar .sidebar-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:3px 0 0;padding:8px 3px 0;gap:7px;border-top:1px solid #ffffff1c}.admin-sidebar .sidebar-bottom span{font-size:9px}.admin-sidebar .sidebar-bottom strong{font-size:10px}.admin-sidebar .sidebar-bottom form{margin-left:auto}.admin-sidebar .logout-button{width:auto;padding:0;font-size:10px}.admin-main{padding:24px 16px 58px}.admin-top{align-items:center;margin-bottom:20px}.admin-top h1{font-size:24px}.admin-top .button{min-height:38px;padding:9px 12px;font-size:10px}.admin-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-body .stat-card{min-height:110px;padding:16px}.admin-body .stat-card strong{font-size:25px}.admin-body .admin-panel{padding:17px;border-radius:10px}.admin-body .panel-heading h2{font-size:17px}.admin-body .form-grid{grid-template-columns:1fr}.admin-body .full-field,.admin-body .toggle-row{grid-column:1}.admin-body .toggle-row{flex-direction:column;gap:12px}.admin-body .form-footer{justify-content:stretch}.admin-body .form-footer .button{flex:1}.admin-body .pagination nav{flex-wrap:wrap}}
@media(max-width:420px){.admin-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px}.admin-sidebar .brand{grid-column:1/-1;margin-bottom:3px}.admin-sidebar>a:not(.brand){min-height:35px;font-size:9px}.admin-main{padding:19px 11px 48px}.admin-top h1{font-size:21px}.admin-top .button{padding:8px 9px;font-size:9px}.admin-body .admin-panel{padding:14px}.admin-body .stat-card{padding:13px}.admin-body .stat-card span{font-size:10px}.admin-body .stat-card strong{font-size:23px}}

/* Contrast pass for admin components that still carry the previous dark theme. */
.admin-body .eyebrow{color:#52677d}
.admin-body .admin-panel{color:#34475c}
.homepage-capacity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px}
.homepage-capacity-grid article{display:flex;min-width:0;min-height:100px;flex-direction:column;justify-content:center;gap:4px;padding:14px;background:#f7f9fb;border:1px solid #e4e9ef;border-radius:9px}
.homepage-capacity-grid article span{color:#526479;font-size:12px;font-weight:700;line-height:1.35}
.homepage-capacity-grid article strong{color:#152c42;font-size:19px;line-height:1.2}
.homepage-capacity-grid article small{color:#718197;font-size:11px}
@media(max-width:900px){.homepage-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.homepage-capacity-grid{gap:8px}.homepage-capacity-grid article{min-height:88px;padding:10px}.homepage-capacity-grid article strong{font-size:16px}}
.admin-body .admin-panel h2,.admin-body .admin-panel h3,.admin-body .admin-panel h4{color:#1d3045}
.admin-body .admin-panel p{color:#526479}
.admin-body .admin-panel small{color:#5e6e81}
.admin-body .catalog-list li{border-color:#e1e7ed}
.admin-body .catalog-list small{color:#5e6e81;opacity:1}
.admin-body .artist-entry-person strong{color:#20344a}
.admin-body .selection-heading>span{color:#284f70}
.admin-body .selection-heading>span.limit-reached{color:#a32f35}
.admin-body .selection-capacity,.admin-body .highlight-search-status{color:#596b80}
.admin-body .highlight-search{background:#fff;color:#1e3044;border-color:#cbd6e0}
.admin-body .highlight-search::placeholder,.admin-body .playlist-search input::placeholder{color:#718195;opacity:1}
.admin-body .selection-tools button{background:#edf4f9;border-color:#b8cad9;color:#234e70;border-radius:6px}
.admin-body .selection-tools button:hover{background:#dfeaf3;color:#173c5b}
.admin-body .featured-option{background:#f4f7fa!important;border-color:#dbe4ec!important}
.admin-body .featured-option>span:last-child{color:#20344a}
.admin-body .featured-option small{color:#566a80}
.admin-body .managed-slide small{color:#586b80}
.admin-body .playlist-admin-create>p{color:#526479}
.admin-body .playlist-admin-form label{color:#34475c}
.admin-body .playlist-admin-form input:not([type=file]),.admin-body .playlist-admin-form input[type=file]{background:#fff;color:#1e3044;border-color:#cbd6e0}
.admin-body .playlist-admin-form input[type=file]{background:#f7f9fb}
.admin-body .playlist-admin-item{border-color:#e1e7ed;color:#20344a}
.admin-body .playlist-admin-item small{color:#5e6e81}
.admin-body .playlist-admin-item>b{color:#1764a0}
.admin-body .playlist-current-tracks h3{color:#1d3045}
.admin-body .playlist-current-tracks h3 small{display:inline-grid;min-width:24px;height:24px;place-items:center;border-radius:20px;background:#e8f0f6;color:#244e70}
.admin-body .playlist-current-track{border-color:#e1e7ed;color:#34475c}
.admin-body .playlist-search input{background:#fff;color:#1e3044;border-color:#cbd6e0}
.admin-body .playlist-clear-search{color:#1764a0}
.admin-body .admin-album-picker{border-color:#e1e7ed}
.admin-body .admin-album-picker summary strong{color:#20344a}
.admin-body .admin-album-picker summary small{color:#596b80}
.admin-body .admin-album-picker summary>b{color:#24577c}
.admin-body .album-picker-track{border-color:#e1e7ed;color:#34475c}
.admin-body .album-picker-track button{border-color:#1764a0;background:#1764a0;color:#fff;border-radius:5px}
.admin-body .album-picker-track.is-search-match{background:#eef5f9;border-left-color:#c2a24b;color:#20344a}
.admin-body .already-added{color:#247044}
.admin-body .ads-manager>p{color:#526479}
.admin-body .ads-manager .ad-code-field{border-color:#dbe4ec;background:#f5f8fb;border-radius:8px}
.admin-body .ads-manager .ad-code-field strong{color:#20344a}
.admin-body .ads-manager .ad-code-field small{color:#586b80}
.admin-body .ads-manager .ad-code-field textarea{border-color:#cbd6e0;background:#fff;color:#20344a;border-radius:6px}
.admin-body .admin-back-link{color:#1764a0}