:root{background:var(--player-bg,#100719);color:var(--player-text,#fff)}body{background:var(--player-bg,#100719);color:var(--player-text,#fff)}:root[data-theme] body.app-shell{--shell-bg:var(--player-bg);--shell-panel:var(--player-panel);--shell-text:var(--player-text);--shell-border:var(--player-border);--player-secondary:inherit;--player-muted:inherit}body.app-shell.app-authenticated,body.app-shell #app-topbar,body.app-shell #app-sidebar{background:var(--player-bg);color:var(--player-text)}body.app-shell #app-sidebar{background:var(--player-panel)}body.app-shell .panel,body.app-shell .points-panel,body.app-shell .championship-list,body.app-shell .activity-panel{background:var(--player-panel)!important;color:var(--player-text);border-color:var(--player-border)}body.app-shell input,body.app-shell select,body.app-shell textarea{background:var(--brand-input-bg)!important;color:var(--player-text)!important;border-color:var(--player-border)}body.app-shell button:not(.secondary),body.app-shell .button:not(.secondary){background:var(--button);color:var(--brand-button-text)}body.app-shell button.secondary,body.app-shell .button.secondary,body.app-shell #dj-tabs button[aria-pressed=false]{background:var(--player-secondary);color:var(--player-text);border-color:var(--player-border)}body.app-shell #dj-tabs button[aria-pressed=true]{background:var(--button);color:var(--brand-button-text)}body.app-shell a:not(.button),body.app-shell .tag{color:var(--player-link)!important}body.app-shell .app-brand,body.app-shell .brand,body.app-shell .brand-word,body.app-shell .brand-title,body.app-shell .score-strip strong{color:var(--player-brand)!important}body.app-shell #app-sidebar nav a:hover,body.app-shell #app-sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 var(--accent);background:var(--player-secondary)}body.app-shell .music-header{background:transparent!important}body.app-shell .notice{background:var(--player-secondary);color:var(--player-text)}body.app-shell .square:not(.marked):not(.catch-up){background:var(--player-tile)!important;color:var(--player-text)!important;border-color:var(--player-border)}body.app-shell .square.catch-up{background:var(--player-catchup,#22354a)!important;border-color:#497aa8}body.app-shell .square.marked{background:var(--player-success,#214b3c)!important;color:var(--player-success-text,#e4ffef)!important}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-grid>.panel{margin:0}.settings-panel .preferences{position:static;max-width:none;width:100%;margin:0;padding:0;border:0;background:transparent}.settings-panel .preferences>summary{display:none}.settings-panel .preference-controls{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px}.settings-panel .preference-controls label{margin:0}.settings-panel .preference-controls .hint{grid-column:1/-1}.brand-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand-colours input[type=color]{width:100%;height:58px;padding:5px}.brand-preview{border:1px solid var(--player-border);border-radius:12px;padding:20px;margin:20px 0}.brand-preview strong{display:block;font-size:22px}.brand-preview span{display:block;margin-top:6px}.settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
@view-transition{navigation:auto}#app-sidebar{view-transition-name:app-navigation}#app-topbar{view-transition-name:app-account}main.app-main{view-transition-name:app-content}::view-transition-old(app-navigation),::view-transition-new(app-navigation),::view-transition-old(app-account),::view-transition-new(app-account){animation:none}::view-transition-old(app-content){animation-duration:80ms}::view-transition-new(app-content){animation-duration:100ms}html[data-resuming=true][data-auth=pending]:not([data-chrome=ready]) body{visibility:hidden}html[data-resuming=true][data-auth=pending] .previous-header,html[data-resuming=true][data-auth=pending] .music-account{display:none}html[data-resuming=true][data-auth=pending] main.app-main>p:not(.eyebrow){visibility:hidden}@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}}@media(max-width:520px){.settings-panel .preference-controls{grid-template-columns:1fr}.brand-colours{grid-template-columns:1fr}.settings-panel .preference-controls .hint{grid-column:auto}}

:root[data-theme] body.app-shell button:not(.secondary):not(.square):not(.text-link),:root[data-theme] body.app-shell .button:not(.secondary){background:var(--button);color:var(--brand-button-text)!important}:root[data-theme] body.app-shell .music-header{background:transparent!important}.app-preferences:empty{display:none}input[readonly]{width:100%;min-width:0}#brand-preview{padding:20px;margin:20px 0;border-radius:12px}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}

.redundant-page-link,[data-redundant-page-link]{display:none!important}
#app-sidebar .app-settings-children{margin:2px 0 4px 15px;padding-left:9px;border-left:1px solid var(--player-border)}
#app-sidebar .app-settings-children a{font-size:14px;padding:9px 12px}
@media(max-width:800px){#app-sidebar nav .app-settings-group{flex-basis:100%}#app-sidebar .app-settings-children{margin-left:12px;max-width:220px}}
