html[data-theme="black"] {
 --ui-base:#020203; --ui-surface:#08090b; --ui-raised:#101115;
 --ui-sidebar:#050506; --ui-border:#22242c; --ui-ink:#eef0f5;
 --ui-muted:#9b9eac; --ui-accent:#bbc7ff; --ui-accent-soft:rgba(150,170,255,.10);
 --ui-shadow:0 10px 32px rgba(0,0,0,.35);
}
.modern-shell #trackerSwitch .legacy-picker { display:none !important; }
.shell-preferences { display:flex; align-items:center; gap:10px; }
.shell-segment { display:flex; gap:3px; padding:4px; background:var(--ui-base); border:1px solid var(--ui-border); border-radius:13px; }
.shell-segment button { display:grid; place-items:center; min-width:37px; height:35px; padding:0 9px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--ui-muted); font:inherit; cursor:pointer; transition:background .15s,color .15s; }
.shell-segment button:hover { background:var(--ui-raised); color:var(--ui-ink); }
.shell-segment button[aria-pressed="true"] { background:var(--ui-accent-soft); color:var(--ui-accent); border-color:var(--ui-border); }
.shell-languages button { min-width:44px; font-size:12px; font-weight:750; letter-spacing:.06em; }
.modern-shell #trackerSwitch .tracker-modebar { justify-content:center; gap:0; padding:18px 0 4px; }
.modern-shell #trackerSwitch .tracker-row { order:2; }
.modern-shell #trackerSwitch .tracker-subtabs { order:1; gap:6px; padding-right:6px; }
/* Keep the chosen player's real controls visible when the shared 3s tracker is active. */
.modern-shell #trackerSwitch[data-shell-profile="potek"] #potekSubtabs.hidden,
.modern-shell #trackerSwitch[data-shell-profile="kindax"] #kindaxSubtabs.hidden,
.modern-shell #trackerSwitch[data-shell-profile="przemo"] #przemoSubtabs.hidden { display:flex !important; }
.modern-shell #trackerSwitch .tracker-tab,
.modern-shell #trackerSwitch .tracker-subtab { min-width:84px; min-height:46px; padding:12px 24px; border-radius:13px; font-size:15px; letter-spacing:.025em; transition:background .15s,border-color .15s; }
.modern-shell #trackerSwitch .tracker-subtab[data-player-import] { font-size:13px; min-width:0; color:var(--ui-muted); }
.modern-shell #trackerSwitch .tracker-tab.active,
.modern-shell #trackerSwitch .tracker-subtab.active { background:var(--ui-accent-soft); border-color:var(--ui-accent); box-shadow:0 3px 16px var(--ui-accent-soft),inset 0 -2px var(--ui-accent); color:var(--ui-accent); }
.modern-shell #trackerSwitch .tracker-context-label { text-align:center; }
.modern-shell #trackerSwitch .tracker-actions { justify-content:center; }
@media (max-width:600px) {
 .modern-shell #trackerSwitch .tracker-tab,.modern-shell #trackerSwitch .tracker-subtab { min-width:57px; padding:10px 13px; }
 .modern-shell #trackerSwitch .tracker-subtabs { gap:4px; padding-right:4px; }
 .modern-shell #trackerSwitch .tracker-modebar { row-gap:8px; }
}
@media (prefers-reduced-motion:reduce) { .shell-segment button { transition:none; } }