:root{
  color-scheme:dark;
  --bg:#050816;
  --bg2:#08111f;
  --card:rgba(9,18,34,.66);
  --card2:rgba(255,255,255,.075);
  --border:rgba(255,255,255,.13);
  --border2:rgba(125,211,252,.18);
  --text:#eef2ff;
  --muted:#9ca3af;
  --accent:#34d399;
  --accent2:#38bdf8;
  --accent3:#f472b6;
  --danger:#ef4444;
  --ok:#22c55e;
  --input:rgba(15,23,42,.78);
  --shadow:0 24px 90px rgba(0,0,0,.35);
  --glow:0 0 38px rgba(34,211,238,.16),0 0 52px rgba(139,92,246,.12);
}
html[data-theme=light]{color-scheme:light;--bg:#eef4ff;--bg2:#dbeafe;--card:rgba(255,255,255,.72);--card2:rgba(255,255,255,.82);--border:rgba(15,23,42,.13);--border2:rgba(99,102,241,.22);--text:#0f172a;--muted:#475569;--input:rgba(255,255,255,.92);--shadow:0 24px 80px rgba(30,41,59,.13);--glow:0 0 40px rgba(34,211,238,.13)}
@media(prefers-color-scheme:light){html[data-theme=system]{color-scheme:light;--bg:#eef4ff;--bg2:#dbeafe;--card:rgba(255,255,255,.72);--card2:rgba(255,255,255,.82);--border:rgba(15,23,42,.13);--border2:rgba(99,102,241,.22);--text:#0f172a;--muted:#475569;--input:rgba(255,255,255,.92);--shadow:0 24px 80px rgba(30,41,59,.13);--glow:0 0 40px rgba(34,211,238,.13)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(56,189,248,.22),transparent 32%),radial-gradient(circle at 72% 14%,rgba(52,211,153,.20),transparent 30%),radial-gradient(circle at 48% 94%,rgba(244,114,182,.13),transparent 34%),linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}
a{color:inherit}.app-shell{width:calc(100% - 28px);max-width:none;margin:18px auto;display:grid;grid-template-columns:292px minmax(0,1fr);gap:18px;align-items:start}.sidebar,.content,.card,.login{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(22px);border-radius:26px;box-shadow:var(--shadow)}.sidebar{position:sticky;top:18px;min-height:calc(100vh - 36px);padding:18px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow),var(--glow)}.content{min-width:0;padding:22px;min-height:calc(100vh - 36px)}.login{max-width:520px;margin:10vh auto;text-align:center;padding:30px}.logo{width:94px;border-radius:24px}.brand{display:flex;gap:14px;align-items:center}.brand img{width:62px;height:62px;border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.28)}.brand h1,.topbar h1{margin:0;letter-spacing:-.04em}.brand p,.topbar p{margin:.25rem 0 0;color:var(--muted)}.side-brand{padding:10px 8px 16px;border-bottom:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:18px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(34,211,238,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.eyebrow{text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;color:var(--accent)!important;font-weight:800}.top-actions{display:flex;gap:10px;align-items:center}.tabs{display:flex;gap:8px;flex-wrap:wrap}.sidebar-nav{display:grid;gap:8px;flex:1;align-content:start}.tabs a{padding:11px 13px;border:1px solid transparent;border-radius:16px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.045);font-weight:750;transition:.18s ease}.tabs a:hover{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.14));border-color:var(--border2);transform:translateX(2px)}.tabs a.active{background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(34,211,238,.20));border-color:var(--border2);box-shadow:0 12px 30px rgba(124,58,237,.16),inset 0 1px 0 rgba(255,255,255,.10)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.045);color:var(--muted)}.sidebar-footer a{color:var(--text);text-decoration:none;font-weight:800}.card{padding:22px;background:linear-gradient(180deg,var(--card),rgba(255,255,255,.045));box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}.panel{width:min(1240px,calc(100% - 28px));margin:20px auto;padding:24px;background:var(--card);border:1px solid var(--border);backdrop-filter:blur(20px);border-radius:24px;box-shadow:var(--shadow)}h1,h2,h3{margin:.2rem 0;letter-spacing:-.03em}h2{font-size:1.22rem}p{color:var(--muted);line-height:1.5}.muted,small{color:var(--muted)}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:10px 14px;color:white;text-decoration:none;background:linear-gradient(135deg,var(--accent2),var(--accent));cursor:pointer;font-weight:800;box-shadow:0 12px 26px rgba(34,211,238,.15);transition:.16s ease}button:hover,.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}button.danger{background:linear-gradient(135deg,#dc2626,#fb7185)}input,select,textarea{border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:var(--input);color:var(--text);min-width:120px;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 0 3px rgba(34,211,238,.12)}label{display:grid;gap:6px;color:var(--muted);font-size:.95rem}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.cards{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.4fr)}pre{white-space:pre-wrap;overflow:auto;color:var(--text);background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:16px;padding:12px}.mini{display:grid;gap:6px;margin:8px 0;padding:13px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.052);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.mini b{color:var(--text)}.mini span{color:var(--muted)}.queue{list-style:none;margin:0;padding:0;display:grid;gap:8px}.queue li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.052);cursor:grab}.queue li:active{cursor:grabbing}.queue li span{flex:1}details{border:1px solid var(--border);border-radius:18px;padding:13px;margin:10px 0;background:rgba(255,255,255,.052)}summary{cursor:pointer;font-weight:800}ol,ul{padding-left:22px}li{margin:6px 0}section{scroll-margin-top:18px}.notice{padding:.75rem 1rem;border:1px solid rgba(125,125,125,.25);border-radius:14px;margin:.75rem 0;background:rgba(255,255,255,.06)}.progress{height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#06b6d4)}.thumb{width:42px;height:42px;object-fit:cover;border-radius:10px;margin-right:.5rem;vertical-align:middle}.checklist{display:grid;gap:.55rem;padding-left:1.1rem}.checklist li{line-height:1.35}textarea#configImport{min-height:180px;width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#liveLogs,#diagnosticBox{max-height:460px;overflow:auto}.card.wide{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}fieldset{border:1px solid var(--border);border-radius:20px;padding:14px;background:rgba(255,255,255,.045);display:grid;gap:10px}legend{padding:0 8px;color:var(--text);font-weight:850}fieldset label{display:grid;grid-template-columns:1fr;gap:6px}fieldset input[type=checkbox]{min-width:unset;width:auto;justify-self:start}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;min-height:unset}.sidebar-nav{display:flex;overflow:auto;padding-bottom:4px}.sidebar-nav a{white-space:nowrap}.content{padding:16px}.grid,.cards{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:680px){.app-shell{width:calc(100% - 14px);margin:7px auto}.sidebar,.content,.card{border-radius:20px}.topbar{align-items:flex-start;flex-direction:column}.brand img{width:52px;height:52px}.row{align-items:stretch}.row>*{width:100%}.tabs a{flex:1;text-align:center}.queue li{align-items:flex-start;flex-direction:column}button,.btn,input,select{width:100%}.sidebar-footer{flex-direction:column;align-items:flex-start}}

/* KlangHafen dashboard polish */
#dashboard.cards{align-items:stretch}
#dashboard .card{min-height:520px}
#charts{display:grid;gap:16px}
.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:2px}
.stats-strip>div{padding:16px;border:1px solid rgba(52,211,153,.18);border-radius:20px;background:linear-gradient(135deg,rgba(52,211,153,.10),rgba(56,189,248,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.stats-strip span{display:block;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stats-strip b{display:block;font-size:2rem;letter-spacing:-.05em;line-height:1.05}.stats-strip small{display:block;margin-top:4px}.chart-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:14px}.chart-box{border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.045);padding:16px}.chart-box h3{margin:0 0 12px}.bar-chart{display:grid;gap:10px}.chart-row{display:grid;grid-template-columns:54px minmax(0,1fr) 44px;gap:10px;align-items:center}.chart-row span,.chart-row b{font-size:.88rem}.chart-row span{color:var(--muted);font-weight:800}.chart-row b{text-align:right}.bar{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.07)}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));box-shadow:0 0 18px rgba(52,211,153,.25)}.top-track-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.top-track-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.14)}.top-track-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-track-list b{padding:4px 9px;border-radius:999px;background:rgba(52,211,153,.13);color:var(--text)}
@media(max-width:1200px){.cards{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.stats-strip{grid-template-columns:1fr}.chart-row{grid-template-columns:48px minmax(0,1fr) 36px}}

/* v1.5.93 dashboard status polish */
#statusCards{display:grid;gap:14px}
.status-player{position:relative;overflow:hidden;display:grid;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 40px rgba(0,0,0,.14)}
.status-player:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent2));opacity:.9}
.status-player.playing{border-color:rgba(52,211,153,.28);background:linear-gradient(135deg,rgba(52,211,153,.13),rgba(56,189,248,.06))}
.status-player.connected{border-color:rgba(56,189,248,.23)}
.status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-left:4px}.status-head h3{margin:4px 0 0;font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-kicker{display:inline-block;color:var(--accent2);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.status-badge{white-space:nowrap;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.22);font-size:.78rem;color:var(--text)}.status-player.idle .status-badge{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.18)}.status-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.status-meta span{padding:9px 10px;border-radius:13px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:grid;gap:6px;place-items:start;padding:24px;border:1px dashed rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.035);color:var(--muted)}.empty-state b{color:var(--text)}
.stats-strip>div:first-child b{font-size:1.62rem;line-height:1.12;word-break:break-word}.stats-strip>div:first-child{background:linear-gradient(135deg,rgba(52,211,153,.16),rgba(56,189,248,.10))}
@media(max-width:680px){.status-head{flex-direction:column}.status-meta{grid-template-columns:1fr}.status-badge{white-space:normal}.stats-strip>div:first-child b{font-size:1.45rem}}

/* v1.5.94 layout polish */
.app-shell{align-items:start}
.sidebar{min-height:calc(100vh - 36px)}
.content{min-height:unset;display:block}
.page-content{display:block}
#dashboard .card{min-height:unset}
#dashboard.cards{align-items:start}
.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(52,211,153,.10),rgba(56,189,248,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.sidebar-user img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.sidebar-user span{display:block;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sidebar-user b{display:block;color:var(--text);font-size:.96rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:178px}
.theme-toggle{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035)}
.theme-toggle button{width:100%;justify-content:flex-start;padding:9px 11px;border:1px solid transparent;background:rgba(255,255,255,.045);box-shadow:none;color:var(--text)}
.theme-toggle button:hover{background:rgba(255,255,255,.075);transform:none}
.theme-toggle button.active{border-color:rgba(52,211,153,.28);background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(56,189,248,.10));box-shadow:0 10px 26px rgba(34,211,238,.10)}
.sidebar-version{margin-top:auto;padding:11px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.86rem;font-weight:800;text-align:center}
.content-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 18px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.9rem}
.topbar{margin-bottom:14px}.topbar p:not(.eyebrow){display:none}
@media(max-width:1050px){.sidebar{min-height:unset}.theme-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-toggle button{justify-content:center}.sidebar-version{margin-top:0}.content-footer{flex-direction:column}.sidebar-user b{max-width:none}}
@media(max-width:680px){.theme-toggle{grid-template-columns:1fr}.content-footer{font-size:.82rem}.sidebar-user{align-items:flex-start}.sidebar-user img{width:38px;height:38px}}

/* v1.5.95 sidebar user-card + footer polish */
.sidebar-user{display:none}
.theme-toggle{display:none}
.sidebar-user-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 42px rgba(0,0,0,.20)}
.sidebar-user-card>img{width:58px;height:58px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.20);box-shadow:0 12px 28px rgba(0,0,0,.30),0 0 0 4px rgba(34,211,238,.08)}
.sidebar-user-main{min-width:0;display:grid;gap:6px;flex:1}.sidebar-user-main>b{display:block;max-width:174px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;line-height:1.1}.sidebar-user-main>span{display:none}
.sidebar-user-actions{display:flex;gap:7px;align-items:center}.icon-btn{width:34px;height:34px;padding:0;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.07);color:var(--text);box-shadow:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:.15s ease}.icon-btn:hover{transform:translateY(-1px);filter:none;background:rgba(255,255,255,.12);border-color:rgba(34,211,238,.25)}.icon-btn.active{background:linear-gradient(135deg,rgba(52,211,153,.22),rgba(56,189,248,.15));border-color:rgba(52,211,153,.34);box-shadow:0 10px 24px rgba(34,211,238,.12)}
.hero-card{position:relative;overflow:hidden;align-items:flex-start;min-height:104px;padding:22px 24px;background:linear-gradient(135deg,rgba(15,23,42,.64),rgba(14,116,144,.18)),radial-gradient(circle at 92% 0%,rgba(52,211,153,.20),transparent 32%);border-color:rgba(56,189,248,.18)}.hero-card:after{content:"";position:absolute;right:-80px;top:-120px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.20),transparent 62%);pointer-events:none}.hero-subtitle{display:block!important;margin-top:8px!important;max-width:720px;color:var(--muted)}.top-actions{display:none}.topbar p:not(.eyebrow){display:block}
.content-footer{justify-content:center;text-align:center;border:0;background:transparent;padding:16px 0 4px;margin-top:18px;color:var(--muted)}.content-footer span+span{display:none}.sidebar-version{margin-top:auto}
@media(max-width:1050px){.sidebar-user-card{max-width:360px}.sidebar-user-main>b{max-width:230px}.content-footer{justify-content:center}.hero-card{min-height:auto}}
@media(max-width:680px){.sidebar-user-card{align-items:center}.sidebar-user-card>img{width:50px;height:50px}.sidebar-user-actions{flex-wrap:wrap}.icon-btn{width:32px;height:32px}.hero-subtitle{font-size:.9rem}}

/* v1.5.96 KlangHafen dashboard redesign */
body{background:
  radial-gradient(circle at 12% 10%,rgba(124,58,237,.20),transparent 30%),
  radial-gradient(circle at 86% 16%,rgba(34,211,238,.16),transparent 28%),
  radial-gradient(circle at 45% 90%,rgba(244,63,94,.10),transparent 32%),
  linear-gradient(135deg,#050816,#07101f 55%,#030712);}
.app-shell{grid-template-columns:292px minmax(0,1fr);gap:22px;width:calc(100% - 32px);margin:16px auto}.sidebar{background:linear-gradient(180deg,rgba(5,10,24,.82),rgba(7,15,31,.70));border-radius:26px}.sidebar-version{display:none!important}.content{padding:24px;background:linear-gradient(180deg,rgba(5,12,26,.70),rgba(4,10,22,.54));border-radius:28px}.side-brand{border-bottom-color:rgba(255,255,255,.10)}.sidebar-user-card{background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(139,92,246,.16));border-color:rgba(125,211,252,.18)}.sidebar-nav{flex:0;gap:9px}.tabs a{padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.055)}.tabs a.active{background:linear-gradient(135deg,rgba(124,58,237,.45),rgba(14,165,233,.30));box-shadow:0 16px 40px rgba(37,99,235,.16)}
.page-content{max-width:none}.dashboard-page{display:grid;gap:22px}.dashboard-hero{position:relative;overflow:hidden;min-height:170px;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,rgba(15,23,42,.78),rgba(30,41,59,.52) 42%,rgba(88,28,135,.20)),radial-gradient(circle at 90% 20%,rgba(139,92,246,.34),transparent 34%);box-shadow:0 26px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)}.dashboard-hero h1{font-size:2.45rem;line-height:1.05;margin:.15rem 0}.dashboard-hero h1 span{background:linear-gradient(90deg,#38bdf8,#8b5cf6,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-hero p:not(.eyebrow){font-size:1.04rem;margin-top:10px;color:#cbd5e1}.hero-visual{position:relative;width:360px;height:130px;flex:0 0 360px}.hero-beacon{position:absolute;right:58px;bottom:18px;width:76px;height:92px;border-radius:26px 26px 16px 16px;display:grid;place-items:center;font-size:2.5rem;background:linear-gradient(180deg,rgba(14,165,233,.18),rgba(139,92,246,.28));border:1px solid rgba(125,211,252,.22);box-shadow:0 0 40px rgba(139,92,246,.28)}.hero-wave{position:absolute;right:0;bottom:18px;width:330px;height:42px;border-bottom:2px solid rgba(56,189,248,.38);border-radius:50%;filter:drop-shadow(0 0 12px rgba(56,189,248,.28))}.hero-notes{position:absolute;right:18px;top:14px;color:#f472b6;font-weight:900;letter-spacing:20px;text-shadow:0 0 18px rgba(244,114,182,.7)}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-stats>div{position:relative;min-height:126px;padding:22px 22px 18px 92px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.18)}.dashboard-stats>div:before{content:'♫';position:absolute;left:22px;top:28px;width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#2563eb);box-shadow:0 0 28px rgba(139,92,246,.42);font-size:1.45rem}.dashboard-stats>div:nth-child(2):before{content:'▶';background:linear-gradient(135deg,#2563eb,#06b6d4)}.dashboard-stats>div:nth-child(3):before{content:'↗';background:linear-gradient(135deg,#14b8a6,#22c55e)}.dashboard-stats>div:nth-child(4):before{content:'☊';background:linear-gradient(135deg,#a855f7,#ec4899)}.dashboard-stats span{font-size:.82rem}.dashboard-stats b{font-size:1.62rem}.dashboard-stats small{color:#94a3b8}.dashboard-main{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,.75fr) minmax(420px,.85fr);gap:22px;align-items:stretch}.status-card,.dashboard-main .chart-box{min-height:420px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.status-online{padding:7px 11px;border-radius:999px;background:rgba(16,185,129,.13);border:1px solid rgba(16,185,129,.20);color:#6ee7b7;font-size:.82rem;font-weight:900}.status-player{grid-template-columns:104px minmax(0,1fr);padding:20px}.status-player:after{content:'🎵';grid-row:1/3;width:96px;height:96px;border-radius:20px;display:grid;place-items:center;font-size:2.5rem;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(139,92,246,.18));border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 50px rgba(0,0,0,.22)}.status-player:before{display:none}.status-head,.status-meta{grid-column:2}.status-kicker{color:#67e8f9}.status-meta{grid-template-columns:1fr;gap:10px}.status-meta span{padding:12px 13px}.chart-box h2{margin:0 0 16px}.bar-chart{gap:15px}.chart-row{grid-template-columns:64px minmax(0,1fr) 44px}.bar{height:14px;background:rgba(148,163,184,.16)}.bar i{background:linear-gradient(180deg,#8b5cf6,#2563eb 52%,#06b6d4);box-shadow:0 0 24px rgba(139,92,246,.28)}.top-track-list{gap:10px}.top-track-list li{padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.44);grid-template-columns:auto minmax(0,1fr) auto}.top-track-list li span{grid-column:1/3}.top-track-list b{background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(37,99,235,.38));min-width:34px;text-align:center}.content-footer{margin-top:24px}.compact-hero{min-height:auto}.compact-hero:after{opacity:.45}
@media(max-width:1420px){.dashboard-main{grid-template-columns:1fr 1fr}.status-card{grid-column:1/-1}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.hero-visual{display:none}.dashboard-main{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.sidebar{position:relative}.sidebar-nav{display:flex;overflow:auto}.sidebar-nav a{white-space:nowrap}}
@media(max-width:680px){.dashboard-hero{padding:24px}.dashboard-hero h1{font-size:2rem}.dashboard-stats{grid-template-columns:1fr}.dashboard-stats>div{padding-left:86px}.status-player{grid-template-columns:1fr}.status-player:after{grid-row:auto}.status-head,.status-meta{grid-column:auto}.chart-row{grid-template-columns:52px minmax(0,1fr) 36px}}


/* v1.5.97 fixed sidebar layout */
@media (min-width: 1051px){
  .app-shell{
    display:block;
    width:calc(100% - 32px);
    margin:16px auto;
  }
  .sidebar{
    position:fixed;
    top:16px;
    left:16px;
    bottom:16px;
    width:292px;
    min-height:0;
    height:auto;
    overflow-y:auto;
    overflow-x:hidden;
    z-index:20;
  }
  .content{
    margin-left:314px;
    min-height:0;
  }
}

/* v1.5.98 compact dashboard welcome header */
.dashboard-hero{min-height:116px!important;padding:20px 28px!important;border-radius:22px!important}
.dashboard-hero h1{font-size:1.9rem!important;line-height:1.08!important;margin:.08rem 0!important}
.dashboard-hero p:not(.eyebrow){font-size:.94rem!important;margin-top:6px!important}
.dashboard-hero .eyebrow{margin-bottom:2px!important}
.hero-visual{width:260px!important;height:82px!important;flex:0 0 260px!important}
.hero-beacon{right:42px!important;bottom:8px!important;width:52px!important;height:60px!important;border-radius:18px 18px 12px 12px!important;font-size:1.8rem!important}
.hero-wave{right:0!important;bottom:10px!important;width:235px!important;height:28px!important}
.hero-notes{right:8px!important;top:6px!important;font-size:.9rem!important;letter-spacing:13px!important}
.dashboard-page{gap:18px!important}
@media(max-width:680px){.dashboard-hero{padding:18px 20px!important}.dashboard-hero h1{font-size:1.55rem!important}}


/* v1.5.99 dashboard overflow fix */
@media (min-width: 1051px){
  html, body{
    height:100%;
    overflow:hidden;
  }
  .app-shell{
    height:calc(100vh - 32px);
    min-height:0;
    overflow:visible;
  }
  .sidebar{
    height:calc(100vh - 32px);
    max-height:calc(100vh - 32px);
  }
  .content{
    height:calc(100vh - 32px);
    max-height:calc(100vh - 32px);
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-gutter:stable;
  }
  .dashboard-page{
    min-height:0!important;
  }
  .content-footer{
    margin-bottom:0!important;
  }
}

/* v1.5.101 MultiBot Fleet UI */
.multibot-page{display:grid;gap:18px}.fleet-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px}.fleet-hero h2{font-size:1.65rem;margin:.1rem 0}.fleet-settings{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.switch-row{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.045);color:var(--text);font-weight:800}.switch-row input{min-width:unset;width:auto}.btn-soft{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text)!important;box-shadow:none!important}.btn-soft:hover{background:rgba(255,255,255,.11)!important}.bot-fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.bot-card{position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);gap:15px;align-items:start;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.032));box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)}.bot-card:before{content:"";position:absolute;inset:-2px auto auto -2px;width:5px;height:calc(100% + 4px);background:#64748b}.bot-card.online:before{background:linear-gradient(180deg,#22c55e,#06b6d4)}.bot-card.error:before{background:linear-gradient(180deg,#ef4444,#f97316)}.bot-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-size:1.75rem;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.18));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.20)}.bot-card-main{min-width:0;display:grid;gap:8px}.bot-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bot-card h3{margin:0;font-size:1.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-card p{margin:0;color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-status,.bot-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:900;border:1px solid rgba(255,255,255,.10);white-space:nowrap}.bot-status.online{color:#86efac;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22)}.bot-status.offline{color:#cbd5e1;background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.16)}.bot-status.error{color:#fecaca;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.22)}.bot-pills{display:flex;flex-wrap:wrap;gap:7px}.main-pill{background:rgba(56,189,248,.12);color:#bae6fd}.worker-pill{background:rgba(139,92,246,.13);color:#ddd6fe}.muted-pill{background:rgba(148,163,184,.11);color:#cbd5e1}.bot-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.bot-actions button,.bot-actions a{padding:8px 11px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.fleet-result:empty{display:none}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none!important}.modal-card{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(180deg,rgba(8,16,35,.96),rgba(5,10,24,.94));box-shadow:0 34px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-body{display:grid;gap:12px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}.icon-btn{background:rgba(255,255,255,.07)!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;width:38px;height:38px;padding:0}
@media(max-width:780px){.fleet-hero{align-items:stretch;flex-direction:column}.fleet-settings{justify-content:flex-start}.bot-fleet-grid{grid-template-columns:1fr}.bot-card{grid-template-columns:54px minmax(0,1fr)}.bot-avatar{width:50px;height:50px}.form-grid.two{grid-template-columns:1fr}.modal-actions button,.fleet-settings>*{width:100%}}


/* v1.5.103 MultiBot page compact layout - keep global shell/sidebar untouched */
body.page-bots .page-content{display:block}
.multibot-page{display:grid;gap:18px;align-items:start}
.fleet-hero{
  min-height:unset;
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:center;
  gap:22px;
  padding:22px 26px;
}
.fleet-hero h2{font-size:1.45rem;margin:.1rem 0 .2rem}
.fleet-hero .muted{margin:0;max-width:620px}
.fleet-settings{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.fleet-mode{display:grid;gap:7px;color:var(--text);font-weight:800;min-width:240px}
.fleet-mode>span{font-size:.86rem;color:var(--muted)}
.fleet-mode select{width:100%}
.fleet-list-card{padding:22px 22px 24px;min-height:unset!important}
.fleet-list-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.fleet-list-head h2{font-size:1.25rem;margin:0}
.fleet-list-head span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 10px;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,.38),rgba(37,99,235,.18));border:1px solid rgba(255,255,255,.10);font-weight:900}
.bot-fleet-grid{grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:18px}
.bot-card{grid-template-columns:74px minmax(0,1fr);gap:18px;padding:24px;min-height:160px;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(30,41,59,.34));border-radius:22px}
.bot-avatar{width:70px;height:70px;border-radius:50%;font-size:2rem;background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.24),rgba(139,92,246,.12) 58%,rgba(2,6,23,.55));box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.10)}
.bot-card-title{align-items:center}.bot-card h3{font-size:1.18rem}.bot-status{padding:6px 11px}.bot-pills{margin-top:3px}.bot-actions{margin-top:16px;gap:11px}.bot-actions button,.bot-actions a{padding:10px 14px;min-width:104px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.bot-actions .danger{background:linear-gradient(135deg,#ef4444,#fb7185)!important}
@media(max-width:1050px){
  .fleet-hero{grid-template-columns:1fr;align-items:stretch}.fleet-settings{justify-content:flex-start}.fleet-mode{min-width:0}.bot-fleet-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .bot-card{grid-template-columns:58px minmax(0,1fr);padding:18px;min-height:unset}.bot-avatar{width:54px;height:54px}.bot-actions button,.bot-actions a{width:100%}
}


/* v1.5.104 sidebar logout icon fix - no layout changes */
.logout-icon{color:#fecaca!important;border-color:rgba(248,113,113,.24)!important;background:rgba(248,113,113,.08)!important}
.logout-icon:hover{background:rgba(248,113,113,.16)!important;border-color:rgba(248,113,113,.40)!important;box-shadow:0 10px 24px rgba(239,68,68,.14)!important}
.logout-icon svg{width:18px;height:18px;display:block;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* v1.5.106 restore correct sidebar width/user-card layout */
@media (min-width:1051px){
  .app-shell{grid-template-columns:320px minmax(0,1fr)!important;}
  .sidebar{width:320px!important;}
  .content{margin-left:342px!important;}
  .sidebar-user-card{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .sidebar-user-card>img{grid-row:auto!important;flex:0 0 58px;}
  .sidebar-user-main{min-width:0;display:grid;gap:6px;flex:1;}
  .sidebar-user-main>b{max-width:190px!important;}
  .sidebar-user-actions{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  .sidebar-user-actions .icon-btn{flex:0 0 34px;}
}

/* v1.5.110 Warteschlange page polish */
.queue-page{display:grid;gap:18px}
.queue-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;background:linear-gradient(120deg,rgba(15,23,42,.82),rgba(30,41,59,.50),rgba(14,165,233,.13));border-color:rgba(125,211,252,.14)}
.queue-hero h1{font-size:1.8rem;margin:.12rem 0}.queue-hero p{margin:.2rem 0 0}.queue-admin-picker{min-width:360px}.queue-admin-picker label{color:var(--text);font-weight:800}.queue-admin-picker select{width:100%;margin-top:7px}
.queue-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.35fr);gap:18px;align-items:start}.queue-list-card{grid-row:span 2}.queue-now-card,.queue-list-card,.queue-controls-card{min-height:unset!important}.queue-now{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center}.queue-cover{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-size:2.25rem;background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(139,92,246,.24));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.22),0 0 36px rgba(34,211,238,.11)}.queue-now h3{font-size:1.16rem;margin:6px 0;line-height:1.25}.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(139,92,246,.20));border:1px solid rgba(255,255,255,.12);font-weight:900}.queue-modern{gap:10px}.queue-modern .queue-item{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:12px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.09);cursor:grab}.queue-thumb{width:52px;height:52px;border-radius:15px;object-fit:cover;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.queue-thumb.placeholder{display:grid;place-items:center;font-weight:900;color:#bae6fd;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(139,92,246,.18))}.queue-info{min-width:0;display:grid;gap:4px}.queue-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.queue-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-remove{width:34px;height:34px;min-width:34px;padding:0;border-radius:12px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.20);box-shadow:none;color:#fecaca}.queue-empty{display:grid!important;gap:5px;padding:24px!important;border:1px dashed rgba(255,255,255,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;cursor:default!important}.queue-empty b{color:var(--text)}.queue-controls-card{display:grid;gap:12px}.queue-controls-card button{width:max-content}.queue-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.queue-toggle-grid label{padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.045);color:var(--text);font-weight:800}.queue-toggle-grid input{min-width:unset;width:auto}
@media(max-width:1180px){.queue-layout{grid-template-columns:1fr}.queue-list-card{grid-row:auto}.queue-admin-picker{min-width:0;width:100%}.queue-hero{align-items:stretch;flex-direction:column}}
@media(max-width:680px){.queue-now{grid-template-columns:1fr}.queue-modern .queue-item{grid-template-columns:44px minmax(0,1fr);}.queue-modern .queue-remove{grid-column:1/-1;width:100%}.queue-toggle-grid{grid-template-columns:1fr}.queue-controls-card button{width:100%}}

/* v1.5.112 Volume/webpanel control fixes */
.queue-layout{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);}
.queue-now-card{display:grid;gap:16px;}
.queue-now-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px;}
.queue-now-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:var(--muted);font-weight:800;font-size:.86rem;}
.queue-controls-card{padding:20px!important;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(20,184,166,.08),rgba(139,92,246,.08));}
.control-stack{display:grid;gap:16px;}
.volume-control,.select-control{display:grid;gap:9px;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);}
.volume-control span,.select-control span{font-weight:900;color:var(--text)}
.volume-control strong{justify-self:end;margin-top:-28px;color:#67e8f9;font-size:.95rem;}
.volume-control input[type=range]{width:100%;accent-color:#22d3ee;}
.select-control select{width:100%;}
.switch-grid{display:grid;gap:10px;}
.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-weight:900;color:var(--text);cursor:pointer;}
.switch-row input{display:none;}
.switch-row i{position:relative;width:48px;height:26px;flex:0 0 48px;border-radius:999px;background:rgba(148,163,184,.22);border:1px solid rgba(255,255,255,.12);transition:.18s ease;}
.switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.28);transition:.18s ease;}
.switch-row input:checked + i{background:linear-gradient(135deg,#22d3ee,#8b5cf6);box-shadow:0 0 20px rgba(34,211,238,.22);}
.switch-row input:checked + i:after{transform:translateX(22px);background:#fff;}
.queue-toggle-grid{display:none!important;}
@media(max-width:1180px){.queue-layout{grid-template-columns:1fr;}}

/* v1.5.115 Warteschlange: sticky controls + internal queue scroll */
@media (min-width: 1181px) {
  .queue-page .queue-layout {
    align-items: start;
  }

  .queue-page .queue-controls-card {
    position: sticky;
    top: 22px;
    align-self: start;
    z-index: 4;
  }

  .queue-page .queue-list-card {
    align-self: start;
    max-height: calc(100vh - 170px);
    overflow: hidden;
  }

  .queue-page .queue-list-card .queue-modern {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
  }

  .queue-page .queue-list-card .queue-modern::-webkit-scrollbar {
    width: 8px;
  }

  .queue-page .queue-list-card .queue-modern::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(34, 211, 238, .28);
  }

  .queue-page .queue-list-card .queue-modern::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
    border-radius: 999px;
  }
}

/* v1.5.117 Playlist page polish */
.playlist-page{display:grid;gap:20px}.playlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.playlist-toolbar h2{margin:.1rem 0;font-size:1.45rem}.playlist-toolbar .muted{margin:0;max-width:780px}.playlist-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.playlist-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.playlist-search label{display:grid;gap:6px;min-width:240px;color:var(--muted);font-weight:800}.playlist-section{display:grid;gap:12px}.playlist-section>.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.playlist-section>.section-head h2{margin:0;font-size:1.2rem}.playlist-section>.section-head span{min-width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(139,92,246,.20));border:1px solid rgba(255,255,255,.10);font-weight:900}.playlist-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.playlist-server-group{display:grid;gap:12px;margin-top:8px}.playlist-server-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 0}.playlist-server-head h3{margin:0;font-size:1.05rem;color:var(--text)}.playlist-server-head span{min-width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-weight:900;color:var(--muted)}.playlist-card{position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(135deg,rgba(15,23,42,.66),rgba(30,41,59,.34));box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)}.playlist-card:before{content:"";position:absolute;left:-2px;top:-2px;width:5px;height:calc(100% + 4px);background:linear-gradient(180deg,#22d3ee,#8b5cf6)}.playlist-cover{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-size:1.8rem;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.20));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.20)}.playlist-card-main{min-width:0;display:grid;gap:9px}.playlist-card h3{margin:0;font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.88rem}.playlist-meta span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.playlist-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}.playlist-actions button,.playlist-actions a{min-height:38px;padding:9px 13px;border-radius:12px}.small-modal{width:min(520px,100%)}
@media(max-width:780px){.playlist-toolbar{align-items:stretch;flex-direction:column}.playlist-toolbar-actions,.playlist-search{justify-content:flex-start}.playlist-search label{min-width:0;width:100%}.playlist-card-grid{grid-template-columns:1fr}.playlist-card{grid-template-columns:54px minmax(0,1fr);padding:18px}.playlist-cover{width:50px;height:50px}.playlist-actions button,.playlist-actions a{width:100%}}

/* v1.5.121 Playlist UI cleanup */
[hidden] { display: none !important; }
.playlist-page-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
}
.playlist-page-actions .playlist-toolbar-actions,
.playlist-page-actions .playlist-search {
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
}
.playlist-page-actions .playlist-search label {
  margin: 0;
}
.playlist-page-actions button,
.playlist-page-actions .btn-soft {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* Playlist sharing/detail page */
.playlist-edit-page { display:flex; flex-direction:column; gap:1.25rem; }
.playlist-edit-grid { display:grid; grid-template-columns: minmax(280px, .9fr) minmax(320px, 1fr); gap:1rem; align-items:start; }
.playlist-edit-grid .playlist-track-card { grid-column: 1 / -1; }
.share-add { display:grid; gap:.75rem; margin-bottom:1rem; }
.share-list { display:grid; gap:.65rem; }
.share-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .9rem; border:1px solid rgba(255,255,255,.10); border-radius:18px; background:rgba(255,255,255,.045); }
.share-row small { display:block; color:var(--muted); margin-top:.15rem; }
.empty-state.compact { padding:1rem; }
.static-list { max-height:420px; overflow:auto; }
@media (max-width: 900px) { .playlist-edit-grid { grid-template-columns:1fr; } }

/* v1.5.128 Playlist detail page */
body.page-playlist-edit .topbar{display:none!important}
.playlist-detail-page{display:grid;gap:18px}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.playlist-detail-title{display:flex;align-items:center;gap:16px;min-width:0}.playlist-detail-title h1{margin:.15rem 0;font-size:1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-cover.big{width:72px;height:72px;font-size:2.15rem;border-radius:24px;flex:0 0 auto}.playlist-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.playlist-detail-actions a,.playlist-detail-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.playlist-track-panel{display:grid;gap:16px;padding:22px 24px}.playlist-track-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.playlist-track-head h2{margin:0}.playlist-track-head .muted{margin:.25rem 0 0}.playlist-track-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.playlist-track-row{display:grid;grid-template-columns:28px 58px minmax(0,1fr) minmax(130px,.28fr) 42px;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);transition:transform .15s ease,border-color .15s ease,background .15s ease}.playlist-track-row:hover{background:rgba(255,255,255,.07);border-color:rgba(34,211,238,.22)}.playlist-track-row.dragging{opacity:.55;transform:scale(.99)}.drag-handle{cursor:grab;color:var(--muted);font-weight:900;text-align:center;letter-spacing:-3px}.playlist-track-cover{width:54px;height:54px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.18));border:1px solid rgba(255,255,255,.10)}.playlist-track-cover img{width:100%;height:100%;object-fit:cover}.playlist-track-cover span{font-size:1.4rem}.playlist-track-title{min-width:0}.playlist-track-title b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-track-title small,.playlist-track-added{color:var(--muted);font-size:.86rem}.playlist-track-added{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-track-remove{width:38px;height:38px;min-height:38px;border-radius:12px;padding:0;font-size:1.25rem;background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.24);color:#fecaca}.playlist-track-remove:hover{background:rgba(239,68,68,.22);border-color:rgba(248,113,113,.42)}.modal-section{display:grid;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.modal-section:first-child{border-top:0;padding-top:0}.modal-section h3{margin:0}.playlist-detail-page .modal-card{max-width:720px}.playlist-detail-page .small-modal{max-width:520px}
@media(max-width:820px){.playlist-detail-header,.playlist-track-head{align-items:stretch;flex-direction:column}.playlist-detail-actions{justify-content:flex-start}.playlist-track-row{grid-template-columns:24px 48px minmax(0,1fr) 38px}.playlist-track-added{grid-column:3/4}.playlist-track-cover{width:46px;height:46px}.playlist-track-remove{grid-column:4;grid-row:1/3}.playlist-cover.big{width:62px;height:62px}.playlist-detail-title h1{font-size:1.45rem}}


/* v1.5.128 Playlist track metadata polish */
.playlist-track-title small{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.playlist-track-duration{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--text);font-weight:800}
.playlist-track-added{display:grid;gap:2px;justify-items:start}
.playlist-track-added span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.playlist-track-added b{font-size:.9rem;color:var(--text);font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.playlist-detail-actions .btn-soft{border-radius:14px;padding:10px 16px;text-decoration:none}
@media(max-width:820px){.playlist-track-added span{display:none}.playlist-track-added b{font-size:.82rem}}

/* v1.5.129 playlist header/actions cleanup */
.playlist-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:18px}
.playlist-hero h1{margin:.15rem 0;font-size:2rem}
.playlist-hero-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.playlist-support-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.playlist-support-search label{display:grid;gap:6px;min-width:190px}
.playlist-support-search input,.playlist-support-search select{min-height:42px}
.playlist-page-actions{display:none}
.playlist-detail-actions .btn-soft[href="/library"]{order:99}
@media(max-width:900px){.playlist-hero{flex-direction:column}.playlist-hero-actions,.playlist-support-search{width:100%;justify-content:flex-start}.playlist-support-search label{min-width:min(100%,220px)}}

/* v1.5.131 settings redesign */
.page-settings .topbar{display:none}
.settings-page{display:grid;gap:18px}
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.11),rgba(52,211,153,.07))}
.settings-hero h2{font-size:1.7rem;margin:.05rem 0}.settings-hero p{margin:.25rem 0 0}.settings-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{display:grid;gap:16px;align-content:start}.runtime-settings-card{grid-column:1/-1}.settings-card .section-head,.runtime-settings-card .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:2px}.settings-card .section-head p,.runtime-settings-card .section-head p{margin:.25rem 0 0}.settings-bottom-actions{display:grid;gap:12px;margin-top:14px}.settings-bottom-actions pre:empty,#backup:empty,#runtimeResult:empty{display:none}
.settings-grid fieldset{position:relative;overflow:hidden;padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.settings-grid fieldset:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent2));opacity:.75}.settings-grid legend{font-size:.95rem;letter-spacing:-.02em}.settings-grid label:not(.switch-control){font-weight:750;color:var(--text)}.settings-grid label:not(.switch-control) input,.settings-grid label:not(.switch-control) select,.settings-card select{width:100%;margin-top:3px}.switch-control{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.052);cursor:pointer;color:var(--text)!important}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;width:48px;height:28px;border-radius:999px;background:rgba(148,163,184,.28);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 4px rgba(0,0,0,.18);transition:.18s ease}.switch-ui:after{content:"";position:absolute;width:22px;height:22px;left:2px;top:2px;border-radius:50%;background:#e2e8f0;box-shadow:0 6px 14px rgba(0,0,0,.25);transition:.18s ease}.switch-control input:checked+.switch-ui{background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 0 22px rgba(34,211,238,.20),inset 0 1px 3px rgba(255,255,255,.22)}.switch-control input:checked+.switch-ui:after{transform:translateX(20px);background:white}.switch-text{display:grid;gap:2px}.switch-text b{font-size:.94rem}.switch-text small{font-size:.78rem;line-height:1.25}.switch-control:has(input:focus-visible){border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
@media(max-width:1050px){.settings-layout{grid-template-columns:1fr}.settings-hero{align-items:stretch;flex-direction:column}.settings-hero-actions{justify-content:flex-start}.settings-hero-actions>*{width:100%}.settings-card .section-head,.runtime-settings-card .section-head{flex-direction:column}.runtime-settings-card .section-head button{width:100%}}

/* v1.5.132 settings polish */
.settings-layout{align-items:start}.settings-grid{align-items:start}.settings-grid fieldset{align-self:start}.compact-settings-card{min-height:unset}.settings-card-actions,.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.backup-actions button{flex:1 1 180px}.backup-card #backup{max-height:130px;margin:0}.runtime-settings-card .section-head{position:sticky;top:12px;z-index:4;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.76));backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:20px;padding:14px 16px}.settings-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.settings-grid fieldset{padding:14px 14px 16px;border-radius:20px;gap:9px}.settings-grid fieldset:before{width:3px}.settings-grid label:not(.switch-control){font-size:.84rem;gap:4px}.settings-grid label:not(.switch-control) input,.settings-grid label:not(.switch-control) select{min-height:38px;padding:8px 10px;border-radius:12px}.switch-control{grid-template-columns:44px minmax(0,1fr)!important;padding:10px 11px;border-radius:15px}.switch-ui{width:42px;height:24px}.switch-ui:after{width:18px;height:18px}.switch-control input:checked+.switch-ui:after{transform:translateX(18px)}.switch-text b{font-size:.86rem}.switch-text small{font-size:.72rem}.settings-bottom-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-bottom-actions button{min-width:260px}.settings-bottom-actions pre{flex:1 1 320px;margin:0;max-height:120px}@media(max-width:1450px){.settings-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-bottom-actions button{width:100%;min-width:0}.runtime-settings-card .section-head{position:static}.backup-actions button{width:100%}}


/* v1.5.133 settings masonry layout */
.settings-grid{display:block!important;columns:3 260px;column-gap:14px;margin:14px 0}.settings-grid fieldset{display:grid;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 14px;width:100%;box-sizing:border-box}.settings-grid fieldset+fieldset{margin-top:0}.settings-grid fieldset label{break-inside:avoid}.runtime-settings-card{overflow:visible}@media(max-width:1450px){.settings-grid{columns:2 260px!important}}@media(max-width:760px){.settings-grid{columns:1!important}}

/* v1.5.137 unified settings save */
.settings-global-save{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin-top:2px}
.settings-global-save button{min-width:220px}
.settings-global-save pre{flex:1 1 320px;margin:0;max-height:100px;text-align:left}
.settings-global-save pre:empty,.settings-result:empty,#runtimeResult:empty{display:none}
.settings-hero-actions button[data-save-all-settings]{min-width:180px}
@media(max-width:760px){.settings-global-save{align-items:stretch}.settings-global-save button{width:100%;min-width:0}.settings-global-save pre{width:100%;flex-basis:auto}}

/* v1.5.140 Audio/EQ custom editor only */
 .page-audio-eq .topbar{display:none}
.audio-eq-page{display:grid;gap:18px}
.audio-eq-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(34,211,238,.12),rgba(52,211,153,.08))}
.audio-eq-hero h1{margin:.05rem 0;font-size:1.85rem}.audio-eq-hero p{margin:.25rem 0 0;color:var(--muted);max-width:860px}.audio-eq-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.audio-eq-layout{display:grid;grid-template-columns:minmax(520px,1.25fr) minmax(340px,.75fr);gap:16px;align-items:start}.audio-eq-layout .card{display:grid;gap:14px}.audio-eq-editor-card{min-width:0}.audio-eq-list-card{min-width:0}.eq-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eq-form-grid label{display:grid;gap:6px;color:var(--muted);font-weight:800}.eq-form-grid input{width:100%}.eq-visual-editor{display:grid;gap:14px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.52))}.eq-curve-wrap{position:relative;border:1px solid rgba(148,163,184,.12);border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.12),transparent 58%),rgba(2,6,23,.32)}#eqCurveCanvas{display:block;width:100%;height:220px}.eq-grid-lines line{stroke:rgba(148,163,184,.14);stroke-width:1}#eqCurvePath{fill:url(#eqCurveFill);opacity:.85}#eqCurveLine{fill:none;stroke:rgba(45,212,191,.95);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(45,212,191,.45))}.eq-db-labels{position:absolute;inset:14px 14px 14px auto;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:rgba(203,213,225,.65);font-size:.72rem;font-weight:900}.eq-band-sliders{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:10px;align-items:end}.eq-band{display:grid;justify-items:center;gap:8px;padding:10px 6px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.035)}.eq-band output{min-height:18px;font-size:.72rem;font-weight:900;color:#e2e8f0}.eq-band-value{padding:3px 7px;border-radius:999px;background:rgba(45,212,191,.10);border:1px solid rgba(45,212,191,.18);line-height:1}.eq-band span{font-size:.72rem;color:var(--muted);font-weight:900}.eq-band input[type=range]{writing-mode:vertical-lr;direction:rtl;width:34px;height:150px;accent-color:#2dd4bf}.eq-normalize-switch{margin-top:2px}.eq-user-avatar{width:24px;height:24px;border-radius:50%;vertical-align:middle;margin-right:8px;object-fit:cover}.eq-modal-users{margin-top:8px;max-height:240px;overflow:auto}.eq-custom-list li,.eq-user-list li{align-items:center}.eq-custom-list button.danger,.eq-user-list button.danger{width:38px;min-height:38px;border-radius:12px;padding:0;background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.24);color:#fecaca;font-size:1.1rem}.result-box:empty{display:none}.result-box{max-height:120px;margin:0}
@media(max-width:1050px){.audio-eq-layout{grid-template-columns:1fr}.eq-form-grid,.eq-meta-grid{grid-template-columns:1fr}.audio-eq-hero{align-items:stretch;flex-direction:column}.eq-band-sliders{grid-template-columns:repeat(4,minmax(44px,1fr))}}

/* v1.5.146 Audio/EQ fixes */
.page-audio-eq .eq-permission-modal:not(:target):not(.is-open){display:none!important}
.page-audio-eq .eq-permission-modal:target{display:grid!important}
.page-audio-eq .audio-eq-hero-actions a.btn-soft{text-decoration:none;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:12px;font-weight:900}
.page-audio-eq .eq-band{position:relative;min-height:190px;padding:12px 8px 10px;grid-template-rows:auto 1fr auto;overflow:visible}
.page-audio-eq .eq-band input[type=range]{height:150px;z-index:1}
.page-audio-eq .eq-band .eq-band-value{position:relative;left:auto;bottom:auto;transform:none;z-index:2;min-width:48px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.22);pointer-events:none;margin-bottom:2px}
.page-audio-eq .eq-band .eq-band-value[data-gain^="-"]{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.24)}
.page-audio-eq .eq-band .eq-band-value[data-gain="0"]{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.24)}
.page-audio-eq .eq-band .eq-band-value:not([data-gain^="-"]):not([data-gain="0"]){background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.30)}

/* v1.5.148 Audio/EQ custom sliders */
.page-audio-eq .eq-band .eq-band-value{position:relative;z-index:2;min-width:54px;text-align:center;margin:0 0 2px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.24);line-height:1;font-size:.72rem;font-weight:900;color:#e2e8f0;box-shadow:0 8px 20px rgba(0,0,0,.22);pointer-events:none}
.page-audio-eq .eq-band .eq-band-value[data-gain^="-"]{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.30)}
.page-audio-eq .eq-band .eq-band-value[data-gain="0"]{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.24)}
.page-audio-eq .eq-band .eq-band-value:not([data-gain^="-"]):not([data-gain="0"]){background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.35)}

/* v1.5.149 Audio/EQ native slider fix */
.page-audio-eq .eq-band{position:relative;min-height:190px;padding:12px 8px 10px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;overflow:visible;gap:8px}
.page-audio-eq .eq-band .eq-band-range{display:block!important;width:34px;height:150px;writing-mode:vertical-lr;direction:rtl;accent-color:#2dd4bf;cursor:pointer;z-index:1}
.page-audio-eq .eq-band .eq-band-range:focus-visible{outline:2px solid rgba(45,212,191,.65);outline-offset:4px;border-radius:999px}
.page-audio-eq .eq-band .eq-band-value{position:relative;z-index:2;min-width:54px;text-align:center;margin:0 0 2px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.24);line-height:1;font-size:.72rem;font-weight:900;color:#e2e8f0;box-shadow:0 8px 20px rgba(0,0,0,.22);pointer-events:none}
.page-audio-eq .eq-band .eq-band-value[data-gain^="-"]{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.30)}
.page-audio-eq .eq-band .eq-band-value[data-gain="0"]{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.24)}
.page-audio-eq .eq-band .eq-band-value:not([data-gain^="-"]):not([data-gain="0"]){background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.35)}

/* EQ custom sliders v1.5.150 */
.page-audio-eq .eq-band{position:relative;min-height:190px;padding:12px 8px 10px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;overflow:visible;gap:8px}
.page-audio-eq .eq-slider-control{position:relative;width:46px;height:150px;display:grid;place-items:center;cursor:pointer;touch-action:none;user-select:none;outline:none}
.page-audio-eq .eq-slider-control:focus-visible{outline:2px solid rgba(45,212,191,.65);outline-offset:4px;border-radius:999px}
.page-audio-eq .eq-slider-rail{position:relative;width:8px;height:144px;border-radius:999px;background:rgba(148,163,184,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.page-audio-eq .eq-slider-fill{position:absolute;left:0;width:100%;bottom:50%;height:0;border-radius:999px;background:linear-gradient(180deg,#22d3ee,#34d399);box-shadow:0 0 16px rgba(45,212,191,.35)}
.page-audio-eq .eq-slider-handle{position:absolute;left:50%;bottom:50%;width:18px;height:18px;border-radius:999px;background:#2dd4bf;transform:translate(-50%,50%);box-shadow:0 0 0 4px rgba(45,212,191,.16),0 8px 18px rgba(0,0,0,.28)}
.page-audio-eq .eq-band .eq-band-value{position:relative;z-index:2;min-width:54px;text-align:center;margin:0 0 2px;padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.24);line-height:1;font-size:.72rem;font-weight:900;color:#e2e8f0;box-shadow:0 8px 20px rgba(0,0,0,.22);pointer-events:none}
.page-audio-eq .eq-band .eq-band-value[data-gain^="-"]{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.30)}
.page-audio-eq .eq-band .eq-band-value[data-gain="0"]{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.24)}
.page-audio-eq .eq-band .eq-band-value:not([data-gain^="-"]):not([data-gain="0"]){background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.35)}

/* v1.5.151 Audio/EQ slider reliability fix */
.page-audio-eq .eq-slider-control{position:relative}
.page-audio-eq .eq-native-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:6;appearance:none;-webkit-appearance:none;background:transparent;touch-action:none}
.page-audio-eq .eq-native-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:46px;height:150px;background:transparent;border:0}
.page-audio-eq .eq-native-range::-moz-range-thumb{width:46px;height:150px;background:transparent;border:0}
.page-audio-eq .eq-native-range::-webkit-slider-runnable-track{background:transparent;border:0}
.page-audio-eq .eq-native-range::-moz-range-track{background:transparent;border:0}

/* v1.5.152: native vertical EQ sliders – clickable/drag-safe */
.page-audio-eq .eq-band{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:214px;position:relative}
.page-audio-eq .eq-band-value{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:3px 10px;border-radius:999px;background:rgba(51,65,85,.92);border:1px solid rgba(148,163,184,.34);box-shadow:0 8px 18px rgba(0,0,0,.18);font-weight:900;color:#e2e8f0;line-height:1}
.page-audio-eq .eq-range-vertical{width:150px;height:34px;transform:rotate(-90deg);transform-origin:center;accent-color:#2dd4bf;cursor:pointer;touch-action:none;appearance:auto;-webkit-appearance:auto;background:transparent;position:relative;z-index:5;margin:46px 0}
.page-audio-eq .eq-range-vertical:focus-visible{outline:2px solid rgba(45,212,191,.65);outline-offset:8px;border-radius:999px}
.page-audio-eq .eq-slider-control,.page-audio-eq .eq-slider-rail,.page-audio-eq .eq-slider-fill,.page-audio-eq .eq-slider-handle,.page-audio-eq .eq-native-range{display:none!important}

/* v1.5.153: reliable visual EQ sliders */
.page-audio-eq .eq-band{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:214px!important;position:relative!important;padding:12px 8px 10px!important;overflow:visible!important}
.page-audio-eq .eq-band-value{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;padding:4px 10px!important;border-radius:999px!important;background:rgba(51,65,85,.92)!important;border:1px solid rgba(148,163,184,.34)!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;font-weight:900!important;color:#e2e8f0!important;line-height:1!important;pointer-events:none!important}
.page-audio-eq .eq-slider{--eq-pos:50%;--eq-fill:50%;--eq-fill-size:0%;position:relative;width:42px;height:150px;display:block;cursor:pointer;touch-action:none;user-select:none;outline:none}
.page-audio-eq .eq-slider:focus-visible{outline:2px solid rgba(45,212,191,.65);outline-offset:6px;border-radius:999px}
.page-audio-eq .eq-slider-rail{position:absolute;left:50%;top:0;bottom:0;width:7px;transform:translateX(-50%);border-radius:999px;background:rgba(148,163,184,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.page-audio-eq .eq-slider-fill{position:absolute;left:50%;width:7px;transform:translateX(-50%);border-radius:999px;background:#2dd4bf;box-shadow:0 0 16px rgba(45,212,191,.38);bottom:min(var(--eq-fill),50%);height:var(--eq-fill-size)}
.page-audio-eq .eq-slider-thumb{position:absolute;left:50%;top:calc(100% - var(--eq-pos));width:18px;height:18px;transform:translate(-50%,-50%);border:0;border-radius:999px;background:#2dd4bf;box-shadow:0 0 0 4px rgba(45,212,191,.14),0 0 16px rgba(45,212,191,.45);padding:0;pointer-events:none}
.page-audio-eq .eq-band .eq-range-vertical,.page-audio-eq .eq-band input[type=range]{display:none!important}

/* v1.5.154: simplified reliable Custom EQ editor */
.page-audio-eq .eq-band-sliders{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(160px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.page-audio-eq .eq-band-simple{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:center!important;
  justify-items:stretch!important;
  padding:14px!important;
}
.page-audio-eq .eq-band-simple strong{
  color:#e2e8f0;
  font-size:.9rem;
  font-weight:900;
  text-align:center;
}
.page-audio-eq .eq-band-simple .eq-band-value{
  justify-self:center!important;
  position:static!important;
  display:inline-flex!important;
  min-width:64px!important;
  padding:5px 10px!important;
  pointer-events:none!important;
}
.page-audio-eq .eq-simple-controls{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:8px;
  align-items:center;
}
.page-audio-eq .eq-simple-controls .eq-step{
  min-height:40px;
  width:42px;
  padding:0;
  font-size:1.25rem;
  line-height:1;
}
.page-audio-eq .eq-number-input{
  text-align:center;
  min-height:40px;
  font-weight:900;
  color:#e2e8f0;
}
.page-audio-eq .eq-reset{
  min-height:34px;
  padding:6px 10px;
  justify-self:center;
}
.page-audio-eq .eq-slider,
.page-audio-eq .eq-slider-rail,
.page-audio-eq .eq-slider-fill,
.page-audio-eq .eq-slider-thumb,
.page-audio-eq .eq-range-vertical,
.page-audio-eq .eq-native-range,
.page-audio-eq .eq-slider-control{
  display:none!important;
}
@media(max-width:1050px){.page-audio-eq .eq-band-sliders{grid-template-columns:repeat(2,minmax(150px,1fr))!important}}
@media(max-width:620px){.page-audio-eq .eq-band-sliders{grid-template-columns:1fr!important}}


/* v1.5.156: simple working vertical EQ sliders */
.audio-eq-page .eq-band-sliders,
.page-audio-eq .eq-band-sliders{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(96px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.audio-eq-page .eq-band-slider,
.page-audio-eq .eq-band-slider{
  min-height:205px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:12px 10px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}
.audio-eq-page .eq-band-slider strong,
.page-audio-eq .eq-band-slider strong{
  color:#cbd5e1!important;
  font-size:.78rem!important;
  font-weight:900!important;
}
.audio-eq-page .eq-band-slider .eq-band-value,
.page-audio-eq .eq-band-slider .eq-band-value{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:rgba(51,65,85,.92)!important;
  border:1px solid rgba(148,163,184,.34)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  font-size:.72rem!important;
  font-weight:900!important;
  color:#e2e8f0!important;
  line-height:1!important;
  pointer-events:none!important;
}
.audio-eq-page .eq-vertical-range,
.page-audio-eq .eq-vertical-range{
  display:block!important;
  width:36px!important;
  height:145px!important;
  writing-mode:vertical-lr!important;
  direction:rtl!important;
  accent-color:#2dd4bf!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:auto!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  z-index:5!important;
}
.audio-eq-page .eq-vertical-range:focus-visible,
.page-audio-eq .eq-vertical-range:focus-visible{
  outline:2px solid rgba(45,212,191,.65)!important;
  outline-offset:5px!important;
  border-radius:999px!important;
}
.audio-eq-page .eq-band-simple,
.audio-eq-page .eq-simple-controls,
.audio-eq-page .eq-reset,
.audio-eq-page .eq-slider,
.audio-eq-page .eq-slider-rail,
.audio-eq-page .eq-slider-fill,
.audio-eq-page .eq-slider-thumb,
.page-audio-eq .eq-band-simple,
.page-audio-eq .eq-simple-controls,
.page-audio-eq .eq-reset,
.page-audio-eq .eq-slider,
.page-audio-eq .eq-slider-rail,
.page-audio-eq .eq-slider-fill,
.page-audio-eq .eq-slider-thumb{
  display:none!important;
}
@media(max-width:1050px){.audio-eq-page .eq-band-sliders,.page-audio-eq .eq-band-sliders{grid-template-columns:repeat(4,minmax(96px,1fr))!important}}
@media(max-width:620px){.audio-eq-page .eq-band-sliders,.page-audio-eq .eq-band-sliders{grid-template-columns:repeat(2,minmax(96px,1fr))!important}}


/* v1.5.157: force native vertical EQ ranges visible and clickable over older overrides */
.audio-eq-page .eq-band.eq-band-slider input.eq-vertical-range[type="range"],
.page-audio-eq .audio-eq-page .eq-band.eq-band-slider input.eq-vertical-range[type="range"],
.page-audio-eq .eq-band.eq-band-slider input.eq-vertical-range[type="range"]{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  width:36px!important;
  height:145px!important;
  min-width:36px!important;
  min-height:145px!important;
  writing-mode:vertical-lr!important;
  direction:rtl!important;
  accent-color:#2dd4bf!important;
  cursor:pointer!important;
  -webkit-appearance:slider-vertical!important;
  appearance:slider-vertical!important;
  background:transparent!important;
  position:relative!important;
  z-index:20!important;
  margin:0!important;
  padding:0!important;
}
.audio-eq-page .eq-band.eq-band-slider,
.page-audio-eq .eq-band.eq-band-slider{
  min-height:230px!important;
  justify-content:center!important;
}
.audio-eq-page .eq-band.eq-band-slider .eq-band-value,
.page-audio-eq .eq-band.eq-band-slider .eq-band-value{
  margin-bottom:4px!important;
}

/* v1.5.158 EQ Test-Player */
.audio-eq-page .eq-test-player,
.page-audio-eq .eq-test-player{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px 14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(52,211,153,.06),rgba(15,23,42,.36));
}
.audio-eq-page .eq-test-player h3,
.page-audio-eq .eq-test-player h3{margin:.05rem 0;font-size:1.05rem}
.audio-eq-page .eq-test-player p,
.page-audio-eq .eq-test-player p{margin:.15rem 0 0}
.audio-eq-page .eq-test-actions,
.page-audio-eq .eq-test-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.audio-eq-page .eq-test-player audio,
.page-audio-eq .eq-test-player audio{grid-column:1/-1;width:100%;height:38px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.20))}
.audio-eq-page #eqTestStatus,
.page-audio-eq #eqTestStatus{grid-column:1/-1;display:block}
@media(max-width:720px){.audio-eq-page .eq-test-player,.page-audio-eq .eq-test-player{grid-template-columns:1fr}.audio-eq-page .eq-test-actions,.page-audio-eq .eq-test-actions{justify-content:flex-start}}

/* v1.5.161 Diagnostics cleanup */
.diagnostics-page{display:grid;gap:18px}
.diagnostics-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;margin-bottom:0;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(20,184,166,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.diagnostics-hero h1{margin:.05rem 0;font-size:1.85rem}.diagnostics-hero p{margin:.25rem 0 0}.diagnostics-actions{display:flex;gap:10px;flex-wrap:wrap}
.diagnostics-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.diag-kpi{padding:16px 18px}.diag-kpi span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.diag-kpi b{display:block;font-size:2rem;line-height:1.05;margin-top:4px}.diag-kpi small{display:block;margin-top:4px}.diag-kpi.good b{color:#34d399}.diag-kpi.warn b{color:#fbbf24}.diag-kpi.bad b{color:#fb7185}
.diagnostics-layout{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(320px,.9fr);gap:16px;align-items:start}.diagnostics-card{display:grid;gap:14px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-head h2{margin:.05rem 0}.diagnostic-list{display:grid;gap:10px;max-height:none!important;overflow:visible!important}.diag-check,.diag-bot{position:relative;overflow:hidden}.diag-check:before,.diag-bot:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:4px;background:rgba(148,163,184,.4)}.diag-check.good:before,.diag-bot.good:before{background:#34d399}.diag-check.warn:before,.diag-bot.warn:before{background:#fbbf24}.diag-check.bad:before,.diag-bot.bad:before{background:#fb7185}.diag-pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.12);font-size:.78rem;font-weight:900}.diag-pill.good{border-color:rgba(52,211,153,.24);background:rgba(52,211,153,.12)}.diag-pill.warn{border-color:rgba(251,191,36,.24);background:rgba(251,191,36,.12)}.diag-pill.bad{border-color:rgba(251,113,133,.24);background:rgba(251,113,133,.12)}
@media(max-width:1100px){.diagnostics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostics-layout{grid-template-columns:1fr}.diagnostics-hero{flex-direction:column;align-items:flex-start}.diagnostics-actions button{width:100%}}
@media(max-width:620px){.diagnostics-kpis{grid-template-columns:1fr}}

/* Logs v1.5.164 */
.logs-page{display:flex;flex-direction:column;gap:14px}
.logs-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 0 6px}
.logs-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.logs-actions .btn-primary,.logs-actions .danger{min-height:38px;padding:10px 16px;border-radius:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid rgba(255,255,255,.12)}.logs-actions .btn-download{background:linear-gradient(135deg,#38bdf8,#2dd4bf);box-shadow:0 12px 28px rgba(45,212,191,.16);color:#ecfeff!important}.logs-actions .danger{background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 12px 28px rgba(239,68,68,.16);color:white;border:0}
.logs-stat-row{display:flex;gap:8px;flex-wrap:wrap}.log-stat-pill{appearance:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(255,255,255,.045);border-radius:999px;padding:7px 12px;color:var(--muted,#94a3b8);font-size:12px;font-weight:900;cursor:pointer}.log-stat-pill b{color:var(--text,#e5e7eb)}.log-stat-pill.active,.log-stat-pill:hover{border-color:rgba(45,212,191,.38);background:rgba(45,212,191,.1)}.log-stat-pill.info{border-color:rgba(56,189,248,.22)}.log-stat-pill.warn{border-color:rgba(245,158,11,.25)}.log-stat-pill.error{border-color:rgba(239,68,68,.25)}
.logs-toolbar.simple{display:grid;grid-template-columns:150px minmax(320px,1fr) 150px;gap:12px;align-items:end;padding:12px 14px}.logs-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:var(--muted,#94a3b8);font-weight:900}.logs-toolbar input,.logs-toolbar select{min-height:38px;border-radius:12px}.logs-search{min-width:260px}.logs-auto{align-items:flex-start}.switch.small{width:54px;height:30px;border-radius:999px;border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(255,255,255,.08);padding:3px;cursor:pointer}.switch.small span{display:block;width:22px;height:22px;border-radius:50%;background:#cbd5e1;transition:.18s}.switch.small.active{background:rgba(45,212,191,.25);border-color:rgba(45,212,191,.45)}.switch.small.active span{transform:translateX(22px);background:#2dd4bf}
.logs-card.simple{padding:0;overflow:hidden}.logs-table-head{display:grid;grid-template-columns:88px minmax(260px,1fr) 120px 170px 36px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.14);color:var(--muted,#94a3b8);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.03)}.logs-list.simple{display:block;max-height:none!important;overflow:visible!important;padding:0}.log-row{border:0;border-bottom:1px solid rgba(148,163,184,.13);background:rgba(255,255,255,.018);transition:background .16s}.log-row:last-child{border-bottom:0}.log-row:hover{background:rgba(56,189,248,.045)}.log-main{display:grid;grid-template-columns:88px minmax(260px,1fr) 120px 170px 36px;gap:10px;align-items:center;min-height:38px;padding:7px 14px}.log-level{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:56px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;letter-spacing:.04em;background:rgba(148,163,184,.16);border:1px solid rgba(148,163,184,.22)}.log-main b{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-source{color:var(--muted,#94a3b8);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-main small{color:var(--muted,#94a3b8);font-size:11px;white-space:nowrap;text-align:right}.log-expand{width:26px;height:26px;border-radius:9px;border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(255,255,255,.06);color:var(--text,#e5e7eb);font-weight:900;cursor:pointer;line-height:1}.log-row.open .log-expand{transform:rotate(90deg)}.log-details{margin:0 14px 10px 112px}.log-details summary{display:none}.log-details pre{margin:0;padding:10px;border-radius:12px;background:rgba(0,0,0,.24);white-space:pre-wrap;overflow:auto;font-size:11px;max-height:220px;color:#cbd5e1}.log-row:not(.open) .log-details{display:none}
.log-row.level-error .log-level{color:#fecaca;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.log-row.level-warn .log-level{color:#fde68a;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.3)}.log-row.level-info .log-level{color:#bae6fd;background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.3)}.log-row.level-debug .log-level{color:#ddd6fe;background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.3)}
.logs-pager.bottom.simple{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin-top:0;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:18px;background:rgba(255,255,255,.035);color:var(--muted,#94a3b8);font-size:12px}.pager-info{font-weight:900}.pager-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pager-actions button{border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(255,255,255,.06);color:var(--text,#e5e7eb);border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer;min-width:36px}.pager-actions button.active,.pager-actions button:hover:not(:disabled){background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.38)}.pager-actions button:disabled{opacity:.4;cursor:not-allowed}.empty-state{padding:18px;color:var(--muted,#94a3b8);font-weight:800}
@media(max-width:980px){.logs-toolbar.simple{grid-template-columns:1fr}.logs-table-head{display:none}.log-main{grid-template-columns:64px 1fr 28px}.log-main .log-source,.log-main small{grid-column:2;text-align:left}.log-expand{grid-column:3;grid-row:1}.log-details{margin-left:14px}.logs-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.logs-actions .danger{grid-column:1/-1}.logs-pager.bottom.simple{flex-direction:column;align-items:stretch}.pager-actions{justify-content:center}}


/* v1.5.165 Logs: real table + normal page pagination */
.logs-page-table{display:flex;flex-direction:column;gap:14px}
.logs-page-table .logs-actions form{margin:0;display:inline-flex}.logs-page-table .logs-actions a{text-decoration:none}
.logs-page-table .table-toolbar{display:grid;grid-template-columns:150px minmax(280px,1fr) auto auto;align-items:end;gap:12px;padding:14px 16px}
.logs-page-table .table-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted,#94a3b8);font-weight:900}.logs-page-table .table-toolbar input,.logs-page-table .table-toolbar select{min-height:38px;border-radius:12px}
.logs-table-card{padding:0;overflow:visible}.logs-table-meta{display:flex;justify-content:flex-end;padding:10px 14px;color:var(--muted,#94a3b8);font-size:12px;border-bottom:1px solid rgba(148,163,184,.14)}
.logs-real-table{width:100%;border-collapse:collapse;table-layout:fixed}.logs-real-table th{padding:10px 14px;text-align:left;color:var(--muted,#94a3b8);font-size:11px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.025)}
.logs-real-table td{padding:8px 14px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle;color:var(--text,#e5e7eb);font-size:12px}.logs-real-table tr:last-child td{border-bottom:0}.logs-real-table tr:hover td{background:rgba(56,189,248,.04)}
.logs-real-table th:nth-child(1),.logs-real-table td:nth-child(1){width:90px}.logs-real-table th:nth-child(3),.logs-real-table td:nth-child(3){width:110px;color:var(--muted,#94a3b8)}.logs-real-table th:nth-child(4),.logs-real-table td:nth-child(4){width:220px;color:var(--muted,#94a3b8)}.logs-real-table th:nth-child(5),.logs-real-table td:nth-child(5){width:120px}.logs-real-table td:nth-child(2) b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.log-details-inline summary{cursor:pointer;color:#7dd3fc;font-weight:900}.log-details-inline pre{margin:8px 0 0;padding:10px;border-radius:12px;background:rgba(0,0,0,.28);white-space:pre-wrap;max-height:260px;overflow:auto;color:#cbd5e1;font-size:11px}
.logs-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 0;padding:14px 16px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:18px;background:rgba(255,255,255,.035)}.logs-pagination a,.logs-pagination span{border:1px solid var(--border,rgba(255,255,255,.12));background:rgba(255,255,255,.06);color:var(--text,#e5e7eb);border-radius:12px;padding:8px 12px;font-weight:900;text-decoration:none;font-size:12px}.logs-pagination a.active,.logs-pagination a:hover:not(.disabled){background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.38)}.logs-pagination a.disabled{opacity:.4;pointer-events:none}.logs-pagination span{color:var(--muted,#94a3b8)}
@media(max-width:980px){.logs-page-table .table-toolbar{grid-template-columns:1fr}.logs-real-table{table-layout:auto}.logs-real-table th:nth-child(3),.logs-real-table td:nth-child(3),.logs-real-table th:nth-child(4),.logs-real-table td:nth-child(4){width:auto}.logs-real-table th:nth-child(5),.logs-real-table td:nth-child(5){width:auto}}


/* v1.5.167 Logs: Modal details, compact pagination, settings retention */
.logs-page-table .logs-table-card{padding:0;overflow:hidden;border-radius:20px}
.logs-table-meta{padding:10px 14px;font-size:12px;justify-content:flex-end;gap:6px}
.logs-real-table{table-layout:fixed;width:100%;border-collapse:collapse}
.logs-real-table th{padding:10px 12px;font-size:10px;letter-spacing:.08em}
.logs-real-table td{padding:9px 12px;line-height:1.25;height:42px}
.logs-real-table th:nth-child(1),.logs-real-table td:nth-child(1){width:86px}
.logs-real-table th:nth-child(3),.logs-real-table td:nth-child(3){width:110px}
.logs-real-table th:nth-child(4),.logs-real-table td:nth-child(4){width:220px}
.logs-real-table th:nth-child(5),.logs-real-table td:nth-child(5){width:96px;text-align:right}
.logs-real-table td:nth-child(2) b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.log-detail-btn{border:1px solid rgba(56,189,248,.28);background:rgba(56,189,248,.1);color:#bae6fd;border-radius:11px;padding:7px 10px;font-weight:950;font-size:11px;cursor:pointer;min-width:70px}
.log-detail-btn:hover{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.48)}
.logs-pagination{margin-top:12px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:14px!important;border-radius:18px!important}
.logs-pagination a,.logs-pagination span{min-width:38px;text-align:center}
.log-modal-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}
.log-modal-backdrop[hidden]{display:none!important}
.log-modal-card{width:min(900px,96vw);max-height:86vh;overflow:hidden;display:flex;flex-direction:column;background:rgba(15,23,42,.96);border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 80px rgba(0,0,0,.45);border-radius:24px;padding:18px}
.log-modal-card .modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.log-modal-card .modal-head h2{margin:0;font-size:20px;line-height:1.25;word-break:break-word}
.log-modal-card .icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text,#e5e7eb);font-size:22px;line-height:1;cursor:pointer}
.log-modal-pre{margin:0;padding:14px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(148,163,184,.14);color:#dbeafe;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow:auto;max-height:58vh}
@media(max-width:980px){.logs-real-table th:nth-child(4),.logs-real-table td:nth-child(4){width:150px}.logs-real-table th:nth-child(5),.logs-real-table td:nth-child(5){width:82px}.log-detail-btn{min-width:58px;padding:6px 8px}}

/* v1.5.169 Logs: CSS-only detail modal fallback so Details works without JS */
.log-detail-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.log-target-modal{display:none;position:fixed;inset:0;z-index:6000;align-items:center;justify-content:center;padding:24px}
.log-target-modal:target{display:flex}
.log-target-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.74);backdrop-filter:blur(10px)}
.log-target-card{position:relative;z-index:1;width:min(900px,96vw);max-height:86vh;overflow:hidden;display:flex;flex-direction:column;background:rgba(15,23,42,.97);border:1px solid rgba(148,163,184,.24);box-shadow:0 24px 90px rgba(0,0,0,.48);border-radius:24px;padding:18px}
.log-target-card .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.log-target-card .modal-head h2{margin:0;font-size:20px;line-height:1.25;word-break:break-word}
.log-target-card .icon-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* v1.5.170 Logs: prettier JSON details modal */
.log-target-modal:target{display:flex;animation:modalFadeIn .12s ease-out}
@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}
.log-target-backdrop{background:radial-gradient(circle at 20% 10%,rgba(34,211,238,.18),transparent 34%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.18),transparent 34%),rgba(2,6,23,.78);backdrop-filter:blur(14px)}
.log-target-card{width:min(980px,96vw);max-height:88vh;padding:0;overflow:hidden;border-radius:28px;border:1px solid rgba(125,211,252,.22);background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96));box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 44px rgba(34,211,238,.09),inset 0 1px 0 rgba(255,255,255,.08)}
.log-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.07),transparent)}
.log-modal-top h2{margin:12px 0 10px;font-size:1.35rem;line-height:1.2;letter-spacing:-.02em;color:#f8fafc;word-break:break-word}
.log-modal-level{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:.74rem;font-weight:950;letter-spacing:.12em;color:#bae6fd;background:rgba(14,165,233,.14);border:1px solid rgba(56,189,248,.28);box-shadow:0 0 22px rgba(56,189,248,.11)}
.log-modal-level.level-warn{color:#fed7aa;background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.30)}
.log-modal-level.level-error{color:#fecaca;background:rgba(239,68,68,.15);border-color:rgba(248,113,113,.32)}
.log-modal-level.level-debug{color:#ddd6fe;background:rgba(139,92,246,.14);border-color:rgba(167,139,250,.30)}
.log-modal-meta{display:flex;flex-wrap:wrap;gap:8px;color:#94a3b8;font-size:.82rem}
.log-modal-meta span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.log-target-card .icon-btn{flex:0 0 auto;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e2e8f0!important;font-size:22px;transition:background .15s,border-color .15s,transform .15s}
.log-target-card .icon-btn:hover{background:rgba(248,113,113,.14)!important;border-color:rgba(248,113,113,.30)!important;transform:translateY(-1px)}
.log-json-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 26px;color:#cbd5e1;background:rgba(15,23,42,.50);border-bottom:1px solid rgba(148,163,184,.10)}
.log-json-head b{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#7dd3fc}.log-json-head small{color:#94a3b8;font-weight:800}
.log-modal-pre.pretty-json{margin:0;max-height:min(56vh,560px);overflow:auto;border:0;border-radius:0;padding:22px 26px;background:linear-gradient(180deg,rgba(2,6,23,.74),rgba(2,6,23,.92));color:#dbeafe;font:13px/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:pre;tab-size:2}
.pretty-json code{display:block;min-width:max-content}.json-key{color:#67e8f9}.json-string{color:#86efac}.json-number{color:#fbbf24}.json-bool{color:#c4b5fd}.json-null{color:#fda4af;font-style:italic}
@media(max-width:760px){.log-target-modal{padding:12px}.log-modal-top{padding:18px}.log-json-head{padding:12px 18px}.log-modal-pre.pretty-json{padding:16px 18px;font-size:12px}.log-modal-top h2{font-size:1.12rem}}

/* v1.5.174 EQ preset actions */
.page-audio-eq .eq-preset-group{display:grid;gap:10px;margin-top:8px}
.page-audio-eq .eq-preset-group h3{margin:0;color:#e2e8f0;font-size:1rem}
.page-audio-eq .eq-preset-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.page-audio-eq .eq-custom-list li{gap:12px;align-items:center}
.page-audio-eq .eq-custom-list li>span{min-width:0;flex:1}
.page-audio-eq .eq-preset-actions .btn-soft{min-height:34px;padding:7px 10px;border-radius:11px;font-size:.82rem}
.page-audio-eq .eq-preset-actions .danger{min-width:36px;width:36px;min-height:34px;border-radius:11px;padding:0}
@media(max-width:720px){.page-audio-eq .eq-custom-list li{align-items:flex-start;flex-direction:column}.page-audio-eq .eq-preset-actions{justify-content:flex-start}}


/* v1.5.180 MultiBot server modal */
.bot-servers-modal { max-width: min(920px, 94vw); }
.bot-server-list { display: grid; gap: 12px; }
.bot-server-row { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 14px; padding: 14px; border: 1px solid rgba(148,163,184,.18); border-radius: 18px; background: rgba(15,23,42,.54); }
.bot-server-icon { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: rgba(56,189,248,.12); border: 1px solid rgba(56,189,248,.18); overflow: hidden; font-weight: 800; }
.bot-server-icon img { width: 100%; height: 100%; object-fit: cover; }
.bot-server-main { min-width: 0; display: grid; gap: 4px; }
.bot-server-main b { color: var(--text, #f8fafc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bot-server-main small { color: var(--muted, #94a3b8); }
@media (max-width: 720px) { .bot-server-row { grid-template-columns: 42px 1fr; } .bot-server-row .bot-server-leave { grid-column: 1 / -1; width: 100%; } }

/* Webpanel Discord-like player card */
.queue-layout-player {
  grid-template-columns: minmax(340px, 620px) minmax(360px, 1fr);
  align-items: start;
}
#webPlayerCard { min-width: 0; }
.web-player-card {
  overflow: hidden;
  display: grid;
  gap: 12px;
  padding: 18px!important;
}
.web-player-head,
.web-player-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.web-player-head h2 { margin: 3px 0; font-size: 1.25rem; }
.web-player-head span:not(.status-online),
.web-player-footer span { color: var(--text-muted); }
.web-player-visual {
  position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 168px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 80% 25%, rgba(255,145,43,.35), transparent 38%),
    radial-gradient(circle at 82% 90%, rgba(255,56,20,.42), transparent 42%),
    linear-gradient(135deg, rgba(20,28,52,.96), rgba(103,44,24,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 38px rgba(0,0,0,.22);
}
.web-player-cover {
  width: 150px;
  height: 110px;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(34,211,238,.22), rgba(124,58,237,.25));
  box-shadow: 0 12px 26px rgba(0,0,0,.24);
}
.web-player-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.web-player-cover-fallback {
  font-size: 42px;
  color: rgba(255,255,255,.85);
}
.web-player-info { min-width: 0; }
.web-player-info h3 {
  margin: 6px 0 12px;
  font-size: clamp(1.2rem, 1.65vw, 1.55rem);
  line-height: 1.08;
  color: var(--text-main);
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.web-player-info p {
  margin: 3px 0;
  color: rgba(255,255,255,.9);
  font-weight: 700;
}
.web-player-progress {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
.web-player-bar {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148,163,184,.28);
  border: 1px solid rgba(255,255,255,.08);
}
.web-player-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f59e0b, #f97316);
}
.web-player-actions,
.web-player-settings {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.web-player-actions button { min-width: 0; }
.web-player-settings label {
  display: grid;
  gap: 7px;
  min-width: 128px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 15px;
  background: rgba(15,23,42,.45);
}
.web-player-settings label span {
  font-weight: 800;
  color: var(--text-main);
}
.web-player-settings input,
.web-player-settings select {
  width: 100%;
}
.web-volume-row { display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center; }
.web-volume-row button { padding: 10px 12px; }
.web-player-footer .mini-result {
  min-height: 22px;
  max-width: 55%;
  margin: 0;
  white-space: pre-wrap;
  text-align: right;
}
@media (max-width: 1100px) {
  .queue-layout-player { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .web-player-visual { grid-template-columns: 1fr; }
  .web-player-cover { width: 100%; height: 170px; }
  .web-player-progress { grid-template-columns: 1fr; }
  .web-player-footer { align-items: flex-start; flex-direction: column; }
  .web-player-footer .mini-result { max-width: 100%; text-align: left; }
  .web-volume-row { grid-template-columns:1fr; }
}

/* v1.5.227.23.9 Webplayer refinement */
.compact-web-player.web-player-card {
  max-width: 680px;
  gap: 10px;
  padding: 16px !important;
}
.compact-web-player .web-player-head h2 { font-size: 1.12rem; }
.compact-web-player .web-player-head span:not(.status-online) { color: var(--muted); font-size: .92rem; }
.compact-web-player .web-player-visual {
  grid-template-columns: 132px minmax(0,1fr);
  min-height: 138px;
  padding: 16px;
  gap: 16px;
  border-radius: 20px;
}
.compact-web-player .web-player-cover {
  width: 132px;
  height: 94px;
  border-radius: 16px;
}
.compact-web-player .web-player-info h3 {
  font-size: clamp(1.12rem,1.45vw,1.42rem);
  margin: 5px 0 10px;
}
.compact-web-player .web-player-info p {
  margin: 2px 0;
  font-size: .92rem;
}
.compact-web-player .status-kicker {
  font-size: .76rem;
  letter-spacing: .08em;
}
.compact-web-player .web-player-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.web-icon-btn {
  width: 44px;
  height: 40px;
  min-width: 44px;
  padding: 0;
  border-radius: 14px;
  box-shadow: none;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(15,23,42,.64);
}
.web-icon-btn span { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.web-icon-btn.danger { background: linear-gradient(135deg,#ef4444,#fb7185); }
.compact-controls.web-player-settings {
  display: grid;
  grid-template-columns: minmax(120px, .9fr) minmax(120px, .9fr) minmax(96px, .65fr) minmax(96px, .75fr);
  gap: 10px;
  align-items: stretch;
}
.web-volume-compact,
.web-select-chip,
.web-toggle-chip {
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(15,23,42,.48);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.web-volume-compact {
  display: grid !important;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: center;
}
.web-volume-compact span,
.web-select-chip span,
.web-toggle-chip span { font-size: 1.05rem; }
.web-volume-compact input {
  min-width: 0;
  width: 100%;
  padding: 8px 9px;
  border-radius: 12px;
  text-align: center;
}
.web-select-chip {
  position: relative;
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.web-select-chip b,
.web-toggle-chip b { font-size: .9rem; }
.web-select-chip::after { content: '⌄'; color: var(--muted); font-weight: 900; }
.web-select-chip select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.web-toggle-chip {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  box-shadow: none;
}
.web-toggle-chip.is-on {
  background: linear-gradient(135deg, rgba(34,211,238,.22), rgba(139,92,246,.22));
  border-color: rgba(34,211,238,.28);
}
.web-toggle-chip.is-off { opacity: .86; }
.compact-web-player .web-player-progress {
  grid-template-columns: minmax(0,1fr) auto;
  gap: 9px;
}
.compact-web-player .web-player-bar { height: 9px; }
.compact-web-player .web-player-footer { margin-top: 2px; }
.compact-web-player .mini-result {
  max-width: 58%;
  background: transparent;
  border: 0;
  padding: 0;
  min-height: 18px;
  font-size: .82rem;
  color: var(--muted);
}
@media(max-width:760px){
  .compact-web-player .web-player-visual { grid-template-columns: 1fr; }
  .compact-web-player .web-player-cover { width: 100%; height: 155px; }
  .compact-controls.web-player-settings { grid-template-columns: 1fr 1fr; }
}
@media(max-width:520px){
  .compact-controls.web-player-settings { grid-template-columns: 1fr; }
  .compact-web-player .web-player-progress { grid-template-columns: 1fr; }
}

/* v1.5.227.23.20 Light theme cleanup
   Keep dark theme untouched; override late hardcoded dark panel styles for light/system-light. */
html[data-theme=light],
html[data-theme=light] body{
  color-scheme: light;
}
html[data-theme=light]{
  --bg:#f4f8ff;
  --bg2:#e8f0ff;
  --card:rgba(255,255,255,.78);
  --card2:rgba(255,255,255,.92);
  --border:rgba(15,23,42,.12);
  --border2:rgba(14,165,233,.24);
  --text:#0f172a;
  --muted:#475569;
  --input:rgba(255,255,255,.96);
  --shadow:0 22px 70px rgba(30,41,59,.12);
  --glow:0 0 34px rgba(14,165,233,.12),0 0 48px rgba(139,92,246,.09);
}
html[data-theme=light] body{
  background:
    radial-gradient(circle at 12% 10%,rgba(124,58,237,.12),transparent 30%),
    radial-gradient(circle at 86% 16%,rgba(14,165,233,.14),transparent 28%),
    radial-gradient(circle at 45% 90%,rgba(244,114,182,.10),transparent 32%),
    linear-gradient(135deg,#f8fbff,#edf4ff 55%,#f7fbff);
}
html[data-theme=light] .sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(239,246,255,.72));
  border-color:rgba(15,23,42,.10);
  box-shadow:0 24px 70px rgba(30,41,59,.12),var(--glow);
}
html[data-theme=light] .content,
html[data-theme=light] .panel,
html[data-theme=light] .login{
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(248,250,252,.66));
  border-color:rgba(15,23,42,.10);
}
html[data-theme=light] .card{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72));
  border-color:rgba(15,23,42,.10);
  box-shadow:0 18px 55px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme=light] .topbar,
html[data-theme=light] .hero-card,
html[data-theme=light] .dashboard-hero{
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(219,234,254,.58)),radial-gradient(circle at 92% 0%,rgba(56,189,248,.16),transparent 32%);
  border-color:rgba(14,165,233,.18);
  box-shadow:0 18px 55px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.75);
}
html[data-theme=light] .dashboard-hero p:not(.eyebrow),
html[data-theme=light] .hero-subtitle,
html[data-theme=light] p,
html[data-theme=light] .muted,
html[data-theme=light] small{
  color:#475569;
}
html[data-theme=light] .tabs a,
html[data-theme=light] .sidebar-footer,
html[data-theme=light] .sidebar-user-card,
html[data-theme=light] .mini,
html[data-theme=light] details,
html[data-theme=light] fieldset,
html[data-theme=light] .chart-box,
html[data-theme=light] .queue li,
html[data-theme=light] .notice{
  background:rgba(255,255,255,.62);
  border-color:rgba(15,23,42,.10);
}
html[data-theme=light] .tabs a:hover{
  background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(14,165,233,.12));
  border-color:rgba(14,165,233,.20);
}
html[data-theme=light] .tabs a.active{
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(14,165,233,.16));
  border-color:rgba(14,165,233,.24);
  box-shadow:0 12px 30px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.75);
}
html[data-theme=light] input,
html[data-theme=light] select,
html[data-theme=light] textarea{
  background:rgba(255,255,255,.94);
  color:#0f172a;
  border-color:rgba(15,23,42,.14);
}
html[data-theme=light] pre{
  background:rgba(248,250,252,.82);
  border-color:rgba(15,23,42,.10);
  color:#0f172a;
}
html[data-theme=light] .bar,
html[data-theme=light] .progress,
html[data-theme=light] .web-player-bar{
  background:rgba(148,163,184,.24);
  border-color:rgba(15,23,42,.08);
}
html[data-theme=light] .top-track-list li,
html[data-theme=light] .status-player,
html[data-theme=light] .web-player-visual,
html[data-theme=light] .web-player-settings label,
html[data-theme=light] .web-volume-compact,
html[data-theme=light] .web-select-chip,
html[data-theme=light] .web-toggle-chip,
html[data-theme=light] .web-icon-btn{
  background:rgba(255,255,255,.66);
  border-color:rgba(15,23,42,.10);
  color:#0f172a;
}
html[data-theme=light] .web-icon-btn:hover,
html[data-theme=light] .icon-btn:hover{
  background:rgba(241,245,249,.92);
  border-color:rgba(14,165,233,.22);
}
html[data-theme=light] .web-toggle-chip.is-on,
html[data-theme=light] .icon-btn.active,
html[data-theme=light] .theme-toggle button.active{
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.14));
  border-color:rgba(14,165,233,.26);
  box-shadow:0 10px 24px rgba(14,165,233,.10);
}
html[data-theme=light] .theme-toggle,
html[data-theme=light] .theme-toggle button{
  background:rgba(255,255,255,.58);
  border-color:rgba(15,23,42,.10);
  color:#0f172a;
}
html[data-theme=light] .theme-toggle button:hover{
  background:rgba(241,245,249,.92);
}
html[data-theme=light] .icon-btn{
  background:rgba(255,255,255,.72);
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
}
html[data-theme=light] .status-online{
  background:rgba(16,185,129,.12);
  border-color:rgba(16,185,129,.22);
  color:#047857;
}
html[data-theme=light] .eyebrow,
html[data-theme=light] .status-kicker{
  color:#0891b2!important;
}
html[data-theme=light] .dashboard-stats>div,
html[data-theme=light] .stats-strip>div{
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(219,234,254,.44));
  border-color:rgba(14,165,233,.14);
}

@media(prefers-color-scheme:light){
  html[data-theme=system],
  html[data-theme=system] body{color-scheme:light;}
  html[data-theme=system]{
    --bg:#f4f8ff;--bg2:#e8f0ff;--card:rgba(255,255,255,.78);--card2:rgba(255,255,255,.92);--border:rgba(15,23,42,.12);--border2:rgba(14,165,233,.24);--text:#0f172a;--muted:#475569;--input:rgba(255,255,255,.96);--shadow:0 22px 70px rgba(30,41,59,.12);--glow:0 0 34px rgba(14,165,233,.12),0 0 48px rgba(139,92,246,.09);
  }
  html[data-theme=system] body{background:radial-gradient(circle at 12% 10%,rgba(124,58,237,.12),transparent 30%),radial-gradient(circle at 86% 16%,rgba(14,165,233,.14),transparent 28%),radial-gradient(circle at 45% 90%,rgba(244,114,182,.10),transparent 32%),linear-gradient(135deg,#f8fbff,#edf4ff 55%,#f7fbff);}
  html[data-theme=system] .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(239,246,255,.72));border-color:rgba(15,23,42,.10);box-shadow:0 24px 70px rgba(30,41,59,.12),var(--glow);}
  html[data-theme=system] .content,html[data-theme=system] .panel,html[data-theme=system] .login{background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(248,250,252,.66));border-color:rgba(15,23,42,.10);}
  html[data-theme=system] .card{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72));border-color:rgba(15,23,42,.10);box-shadow:0 18px 55px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.82);}
  html[data-theme=system] .topbar,html[data-theme=system] .hero-card,html[data-theme=system] .dashboard-hero{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(219,234,254,.58)),radial-gradient(circle at 92% 0%,rgba(56,189,248,.16),transparent 32%);border-color:rgba(14,165,233,.18);box-shadow:0 18px 55px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.75);}
  html[data-theme=system] .dashboard-hero p:not(.eyebrow),html[data-theme=system] .hero-subtitle,html[data-theme=system] p,html[data-theme=system] .muted,html[data-theme=system] small{color:#475569;}
  html[data-theme=system] .tabs a,html[data-theme=system] .sidebar-footer,html[data-theme=system] .sidebar-user-card,html[data-theme=system] .mini,html[data-theme=system] details,html[data-theme=system] fieldset,html[data-theme=system] .chart-box,html[data-theme=system] .queue li,html[data-theme=system] .notice{background:rgba(255,255,255,.62);border-color:rgba(15,23,42,.10);}
  html[data-theme=system] .tabs a:hover{background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(14,165,233,.12));border-color:rgba(14,165,233,.20);}
  html[data-theme=system] .tabs a.active{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(14,165,233,.16));border-color:rgba(14,165,233,.24);box-shadow:0 12px 30px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.75);}
  html[data-theme=system] input,html[data-theme=system] select,html[data-theme=system] textarea{background:rgba(255,255,255,.94);color:#0f172a;border-color:rgba(15,23,42,.14);}
  html[data-theme=system] pre{background:rgba(248,250,252,.82);border-color:rgba(15,23,42,.10);color:#0f172a;}
  html[data-theme=system] .bar,html[data-theme=system] .progress,html[data-theme=system] .web-player-bar{background:rgba(148,163,184,.24);border-color:rgba(15,23,42,.08);}
  html[data-theme=system] .top-track-list li,html[data-theme=system] .status-player,html[data-theme=system] .web-player-visual,html[data-theme=system] .web-player-settings label,html[data-theme=system] .web-volume-compact,html[data-theme=system] .web-select-chip,html[data-theme=system] .web-toggle-chip,html[data-theme=system] .web-icon-btn{background:rgba(255,255,255,.66);border-color:rgba(15,23,42,.10);color:#0f172a;}
  html[data-theme=system] .web-icon-btn:hover,html[data-theme=system] .icon-btn:hover{background:rgba(241,245,249,.92);border-color:rgba(14,165,233,.22);}
  html[data-theme=system] .web-toggle-chip.is-on,html[data-theme=system] .icon-btn.active,html[data-theme=system] .theme-toggle button.active{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.14));border-color:rgba(14,165,233,.26);box-shadow:0 10px 24px rgba(14,165,233,.10);}
  html[data-theme=system] .theme-toggle,html[data-theme=system] .theme-toggle button{background:rgba(255,255,255,.58);border-color:rgba(15,23,42,.10);color:#0f172a;}
  html[data-theme=system] .theme-toggle button:hover{background:rgba(241,245,249,.92);}
  html[data-theme=system] .icon-btn{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.12);color:#0f172a;}
  html[data-theme=system] .status-online{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.22);color:#047857;}
  html[data-theme=system] .eyebrow,html[data-theme=system] .status-kicker{color:#0891b2!important;}
  html[data-theme=system] .dashboard-stats>div,html[data-theme=system] .stats-strip>div{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(219,234,254,.44));border-color:rgba(14,165,233,.14);}
}

/* v1.5.227.23.21: targeted remaining Light theme component overrides
   Dark theme stays untouched. These components had hardcoded dark backgrounds. */
html[data-theme=light] .modal-backdrop,
html[data-theme=light] .log-modal-backdrop,
html[data-theme=light] .log-target-backdrop{
  background:rgba(226,232,240,.58);
  backdrop-filter:blur(12px);
}
html[data-theme=light] .modal-card,
html[data-theme=light] .log-modal-card,
html[data-theme=light] .log-target-card,
html[data-theme=light] .playlist-detail-page .modal-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  box-shadow:0 28px 90px rgba(30,41,59,.18),0 0 38px rgba(14,165,233,.10),inset 0 1px 0 rgba(255,255,255,.90)!important;
}
html[data-theme=light] .log-modal-top{
  background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(139,92,246,.10),rgba(255,255,255,.70))!important;
  border-bottom-color:rgba(15,23,42,.10)!important;
}
html[data-theme=light] .log-modal-top h2,
html[data-theme=light] .log-target-card .modal-head h2,
html[data-theme=light] .log-modal-card .modal-head h2{
  color:#0f172a!important;
}
html[data-theme=light] .log-modal-meta,
html[data-theme=light] .log-modal-meta span{
  color:#475569!important;
}
html[data-theme=light] .log-modal-meta span{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme=light] .log-modal-pre,
html[data-theme=light] .log-target-card pre,
html[data-theme=light] .log-modal-card pre{
  background:rgba(248,250,252,.92)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}
html[data-theme=light] .log-detail-btn{
  background:rgba(14,165,233,.12)!important;
  border-color:rgba(14,165,233,.26)!important;
  color:#0369a1!important;
}
html[data-theme=light] .log-target-card .icon-btn,
html[data-theme=light] .log-modal-card .icon-btn{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

html[data-theme=light] .playlist-card,
html[data-theme=light] .playlist-track-panel,
html[data-theme=light] .playlist-detail-header,
html[data-theme=light] .playlist-toolbar,
html[data-theme=light] .share-row{
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.68))!important;
  border-color:rgba(15,23,42,.11)!important;
  color:#0f172a!important;
  box-shadow:0 16px 46px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html[data-theme=light] .playlist-card h3,
html[data-theme=light] .playlist-server-head h3,
html[data-theme=light] .playlist-detail-title h1,
html[data-theme=light] .playlist-track-title b{
  color:#0f172a!important;
}
html[data-theme=light] .playlist-meta span,
html[data-theme=light] .playlist-server-head span,
html[data-theme=light] .playlist-track-row,
html[data-theme=light] .playlist-track-duration{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#475569!important;
}
html[data-theme=light] .playlist-track-row:hover{
  background:rgba(239,246,255,.86)!important;
  border-color:rgba(14,165,233,.22)!important;
}
html[data-theme=light] .playlist-cover,
html[data-theme=light] .playlist-track-cover{
  background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(139,92,246,.12))!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 12px 28px rgba(30,41,59,.10)!important;
}
html[data-theme=light] .playlist-track-remove{
  background:rgba(239,68,68,.10)!important;
  border-color:rgba(239,68,68,.22)!important;
  color:#b91c1c!important;
}

html[data-theme=light] .bot-card{
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.66))!important;
  border-color:rgba(15,23,42,.11)!important;
  color:#0f172a!important;
  box-shadow:0 16px 46px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html[data-theme=light] .bot-card h3,
html[data-theme=light] .bot-card p{
  color:#0f172a!important;
}
html[data-theme=light] .bot-card p{color:#475569!important;}
html[data-theme=light] .bot-avatar{
  background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(139,92,246,.12))!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 12px 28px rgba(30,41,59,.10)!important;
}
html[data-theme=light] .bot-status,
html[data-theme=light] .bot-pill{
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme=light] .bot-status.online{color:#047857!important;background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.22)!important;}
html[data-theme=light] .bot-status.offline{color:#475569!important;background:rgba(100,116,139,.10)!important;border-color:rgba(100,116,139,.18)!important;}
html[data-theme=light] .bot-status.error{color:#b91c1c!important;background:rgba(239,68,68,.10)!important;border-color:rgba(239,68,68,.22)!important;}
html[data-theme=light] .main-pill{background:rgba(14,165,233,.12)!important;color:#0369a1!important;}
html[data-theme=light] .worker-pill{background:rgba(139,92,246,.12)!important;color:#6d28d9!important;}
html[data-theme=light] .muted-pill{background:rgba(100,116,139,.10)!important;color:#475569!important;}
html[data-theme=light] .btn-soft,
html[data-theme=light] .switch-row{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#0f172a!important;
}

html[data-theme=light] .audio-eq-hero,
html[data-theme=light] .eq-visual-editor,
html[data-theme=light] .eq-test-player,
html[data-theme=light] .audio-eq-page .eq-band-slider,
html[data-theme=light] .page-audio-eq .eq-band-slider,
html[data-theme=light] .audio-eq-page .eq-band,
html[data-theme=light] .page-audio-eq .eq-band,
html[data-theme=light] .audio-eq-page .eq-band-simple,
html[data-theme=light] .page-audio-eq .eq-band-simple{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(239,246,255,.66))!important;
  border-color:rgba(15,23,42,.11)!important;
  color:#0f172a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
html[data-theme=light] .eq-curve-wrap{
  background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.14),transparent 58%),rgba(255,255,255,.62)!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme=light] .eq-db-labels,
html[data-theme=light] .audio-eq-page .eq-band-slider strong,
html[data-theme=light] .page-audio-eq .eq-band-slider strong,
html[data-theme=light] .page-audio-eq .eq-band-simple strong,
html[data-theme=light] .audio-eq-page .eq-band-simple strong{
  color:#475569!important;
}
html[data-theme=light] .audio-eq-page .eq-band-slider .eq-band-value,
html[data-theme=light] .page-audio-eq .eq-band-slider .eq-band-value,
html[data-theme=light] .page-audio-eq .eq-band-value,
html[data-theme=light] .audio-eq-page .eq-band-value{
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  box-shadow:0 8px 18px rgba(30,41,59,.10)!important;
}
html[data-theme=light] .eq-slider-rail{
  background:rgba(148,163,184,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
}
html[data-theme=light] .eq-number-input{
  color:#0f172a!important;
}

@media(prefers-color-scheme:light){
  html[data-theme=system] .modal-backdrop,html[data-theme=system] .log-modal-backdrop,html[data-theme=system] .log-target-backdrop{background:rgba(226,232,240,.58);backdrop-filter:blur(12px)}
  html[data-theme=system] .modal-card,html[data-theme=system] .log-modal-card,html[data-theme=system] .log-target-card,html[data-theme=system] .playlist-detail-page .modal-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a!important;box-shadow:0 28px 90px rgba(30,41,59,.18),0 0 38px rgba(14,165,233,.10),inset 0 1px 0 rgba(255,255,255,.90)!important}
  html[data-theme=system] .log-modal-top{background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(139,92,246,.10),rgba(255,255,255,.70))!important;border-bottom-color:rgba(15,23,42,.10)!important}
  html[data-theme=system] .log-modal-top h2,html[data-theme=system] .log-target-card .modal-head h2,html[data-theme=system] .log-modal-card .modal-head h2{color:#0f172a!important}
  html[data-theme=system] .log-modal-meta,html[data-theme=system] .log-modal-meta span{color:#475569!important} html[data-theme=system] .log-modal-meta span{background:rgba(255,255,255,.72)!important;border-color:rgba(15,23,42,.10)!important}
  html[data-theme=system] .log-modal-pre,html[data-theme=system] .log-target-card pre,html[data-theme=system] .log-modal-card pre{background:rgba(248,250,252,.92)!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a!important}
  html[data-theme=system] .log-detail-btn{background:rgba(14,165,233,.12)!important;border-color:rgba(14,165,233,.26)!important;color:#0369a1!important}
  html[data-theme=system] .log-target-card .icon-btn,html[data-theme=system] .log-modal-card .icon-btn{background:rgba(255,255,255,.72)!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a!important}
  html[data-theme=system] .playlist-card,html[data-theme=system] .playlist-track-panel,html[data-theme=system] .playlist-detail-header,html[data-theme=system] .playlist-toolbar,html[data-theme=system] .share-row,html[data-theme=system] .bot-card,html[data-theme=system] .audio-eq-hero,html[data-theme=system] .eq-visual-editor,html[data-theme=system] .eq-test-player,html[data-theme=system] .audio-eq-page .eq-band-slider,html[data-theme=system] .page-audio-eq .eq-band-slider,html[data-theme=system] .audio-eq-page .eq-band,html[data-theme=system] .page-audio-eq .eq-band,html[data-theme=system] .audio-eq-page .eq-band-simple,html[data-theme=system] .page-audio-eq .eq-band-simple{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,255,.66))!important;border-color:rgba(15,23,42,.11)!important;color:#0f172a!important;box-shadow:0 16px 46px rgba(30,41,59,.10),inset 0 1px 0 rgba(255,255,255,.86)!important}
  html[data-theme=system] .playlist-card h3,html[data-theme=system] .playlist-server-head h3,html[data-theme=system] .playlist-detail-title h1,html[data-theme=system] .playlist-track-title b,html[data-theme=system] .bot-card h3{color:#0f172a!important}
  html[data-theme=system] .bot-card p{color:#475569!important}
  html[data-theme=system] .playlist-meta span,html[data-theme=system] .playlist-server-head span,html[data-theme=system] .playlist-track-row,html[data-theme=system] .playlist-track-duration{background:rgba(255,255,255,.70)!important;border-color:rgba(15,23,42,.10)!important;color:#475569!important}
  html[data-theme=system] .playlist-track-row:hover{background:rgba(239,246,255,.86)!important;border-color:rgba(14,165,233,.22)!important}
  html[data-theme=system] .playlist-cover,html[data-theme=system] .playlist-track-cover,html[data-theme=system] .bot-avatar{background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(139,92,246,.12))!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 12px 28px rgba(30,41,59,.10)!important}
  html[data-theme=system] .playlist-track-remove{background:rgba(239,68,68,.10)!important;border-color:rgba(239,68,68,.22)!important;color:#b91c1c!important}
  html[data-theme=system] .bot-status,html[data-theme=system] .bot-pill{border-color:rgba(15,23,42,.10)!important} html[data-theme=system] .bot-status.online{color:#047857!important;background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.22)!important} html[data-theme=system] .bot-status.offline{color:#475569!important;background:rgba(100,116,139,.10)!important;border-color:rgba(100,116,139,.18)!important} html[data-theme=system] .bot-status.error{color:#b91c1c!important;background:rgba(239,68,68,.10)!important;border-color:rgba(239,68,68,.22)!important}
  html[data-theme=system] .main-pill{background:rgba(14,165,233,.12)!important;color:#0369a1!important} html[data-theme=system] .worker-pill{background:rgba(139,92,246,.12)!important;color:#6d28d9!important} html[data-theme=system] .muted-pill{background:rgba(100,116,139,.10)!important;color:#475569!important}
  html[data-theme=system] .eq-curve-wrap{background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.14),transparent 58%),rgba(255,255,255,.62)!important;border-color:rgba(15,23,42,.10)!important}
  html[data-theme=system] .eq-db-labels,html[data-theme=system] .audio-eq-page .eq-band-slider strong,html[data-theme=system] .page-audio-eq .eq-band-slider strong,html[data-theme=system] .page-audio-eq .eq-band-simple strong,html[data-theme=system] .audio-eq-page .eq-band-simple strong{color:#475569!important}
  html[data-theme=system] .audio-eq-page .eq-band-slider .eq-band-value,html[data-theme=system] .page-audio-eq .eq-band-slider .eq-band-value,html[data-theme=system] .page-audio-eq .eq-band-value,html[data-theme=system] .audio-eq-page .eq-band-value{background:rgba(255,255,255,.80)!important;border-color:rgba(15,23,42,.12)!important;color:#0f172a!important;box-shadow:0 8px 18px rgba(30,41,59,.10)!important}
  html[data-theme=system] .eq-slider-rail{background:rgba(148,163,184,.32)!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important} html[data-theme=system] .eq-number-input{color:#0f172a!important}
}

/* Commands page */
.commands-page{display:flex;flex-direction:column;gap:18px}.commands-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.commands-hero h1{margin:.1rem 0;font-size:clamp(1.8rem,3vw,2.6rem)}.commands-access{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:220px}.commands-access div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.commands-access span,.command-role{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--chip-bg,rgba(255,255,255,.08));border-radius:999px;padding:6px 10px;font-size:.82rem;color:var(--muted)}.commands-group{padding:20px}.commands-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.command-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid var(--border);background:var(--card-soft,rgba(255,255,255,.06));border-radius:18px;padding:14px}.command-card h3{margin:0 0 6px;font-size:1rem}.command-card p{margin:0 0 10px;color:var(--muted);line-height:1.45}.command-card code{display:inline-block;white-space:normal;border:1px solid var(--border);background:rgba(0,0,0,.16);border-radius:10px;padding:6px 8px;color:var(--text)}.command-role{flex-shrink:0}.commands-page .section-head{margin-bottom:14px}@media(max-width:760px){.commands-hero{align-items:flex-start;flex-direction:column}.commands-access{align-items:flex-start}.commands-access div{justify-content:flex-start}.command-card{flex-direction:column}.commands-list{grid-template-columns:1fr}}
html[data-theme="light"] .command-card{background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(15,23,42,.08)}html[data-theme="light"] .command-card code{background:rgba(15,23,42,.06)}