.utility-bar{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:10px 5%;border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--muted);min-height:38px}.utility-bar button{font:inherit;padding:4px}.utility-bar time{margin-right:auto}#theme-toggle{font-size:17px}#weather-dialog{width:min(540px,92vw)}#weather-dialog input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);margin:10px 0}#weather-dialog form{margin:24px 0}#weather-dialog p{line-height:1.8}#city-results{display:grid;gap:8px}#weather-dialog .weather-close{position:absolute;right:20px;top:14px;font-size:24px}html[data-theme=dark]{color-scheme:dark;--bg:#0a1128;--ink:#e5ecf7;--muted:#a3b0c6;--line:#29354d;--blue:#93b9e6}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] header,html[data-theme=dark] footer{background:var(--bg)}html[data-theme=dark] dialog{background:#121e35;color:var(--ink)}html[data-theme=dark] .audio-dock,html[data-theme=dark] .playlist-panel{background:#121e35;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .bento-card{background:#14213a}html[data-theme=dark] .about-art{background:#152740}html[data-theme=dark] .primary{background:#d7e4f6;color:#0a1128}html[data-theme=dark] .playlist-panel button.active{background:#253953}html[data-theme=dark] #track-list button:hover{background:#24334e}html[data-theme=dark] .admin-body,html[data-theme=dark] .admin-sidebar{background:#101b30}html[data-theme=dark] .media-card,html[data-theme=dark] .admin-stats>div{background:#15233a}html[data-theme=dark] .admin-body input,html[data-theme=dark] .admin-body select,html[data-theme=dark] .admin-body textarea{background:#101b30;color:var(--ink);border-color:var(--line)}.contact-options{display:grid;gap:12px}.contact-options a{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:10px;font-size:13px}.contact-options small{color:var(--muted)}@media(max-width:520px){.utility-bar{gap:7px;font-size:9px;padding:7px 5%}.utility-bar #weather-open{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-options a{flex-direction:column;gap:6px}}
html[data-theme=dark] .audio-dock #ambient-play,html[data-theme=dark] .music-options button[aria-pressed=true],html[data-theme=dark] .filters button.active,html[data-theme=dark] .contact-float{background:#d7e4f6;color:#0a1128}html[data-theme=dark] #track-list button.active{background:#253953;border-color:#456381}html[data-theme=dark] .sidebar-group button.selected{background:#253953;color:#e5ecf7}html[data-theme=dark] .media-badge{color:#0a1128}
.language-control select{font:10px var(--mono);padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink)}.audio-dock[hidden],nav a[hidden]{display:none!important}.bento:has(>:only-child){grid-template-columns:1fr}.bento:has(>:first-child:nth-last-child(2)){grid-template-columns:1fr 1fr}#track-list .track-index{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-weight:600;flex-shrink:0}#track-list .rank-1 .track-index{background:#fff1b8;border:1px solid #d8af40;color:#805800}#track-list .rank-2 .track-index{background:#edf0f6;border:1px solid #9caabd;color:#42536d}#track-list .rank-3 .track-index{background:#dfe4ea;border:1px solid #b2bac5;color:#52606d}html[data-theme=dark] #track-list .rank-1 .track-index{background:#64470f;color:#ffe4a0}html[data-theme=dark] #track-list .rank-2 .track-index{background:#39485e;color:#eef3ff}html[data-theme=dark] #track-list .rank-3 .track-index{background:#414950;color:#d7dce1}.bento:empty{display:none}@media(max-width:650px){.bento:has(>:first-child:nth-last-child(2)){grid-template-columns:1fr}}