:root{--content-art:url('content-dark.webp');--card-edge:rgba(52,60,96,.10);--focus-ring:#202647;--focus-gap:#fff;--action-focus:#303eb5;--action-focus-ink:#fff;--control-focus:#e5e8ff;--control-focus-ink:#202647}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1027;--surface:#171f39;--ink:#f1f3ff;--muted:#bac3e0;--blue:#a5adff;--line:#374363;--octo-soft:#202a48;--octo-brand-soft:#293451;--octo-violet:#b4a4ff;--octo-shadow:0 12px 36px #0003;--content-art:url('content-dark.webp');--card-edge:#374363;--focus-ring:#e4e8ff;--focus-gap:#10172c;--action-focus:#c8ceff;--action-focus-ink:#131930;--control-focus:#35466d;--control-focus-ink:#fff}
body{position:relative;isolation:isolate;background:var(--bg);color:var(--ink)}
body::before{content:"";position:fixed;inset:0;background:var(--bg) var(--content-art) center/cover no-repeat;z-index:-1;pointer-events:none}
body.tv::before{left:72px}body.tv.auth-required::before{left:0}
.card,.tv .card,.tv .card:focus,.tv .card:focus-visible,.card:focus-visible,.card:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--card-edge);color:var(--ink)}
.description,.tv .description{color:var(--ink)}.description:not(.collapsed){background:var(--surface)}
:is(.primary,.secondary,.icon-button,.text-button,.chip):not(:disabled):hover,
:is(.primary,.secondary,.icon-button,.text-button,.chip):not(:disabled):focus,
.tv :is(.primary,.secondary,.icon-button,.text-button,.chip):not(:disabled):focus{outline-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-gap)}
.primary:not(:disabled):hover,.primary:not(:disabled):focus,.tv .primary:not(:disabled):focus{background:var(--action-focus);color:var(--action-focus-ink)}
:is(.secondary,.icon-button,.text-button,.chip):not(:disabled):hover,
:is(.secondary,.icon-button,.text-button,.chip):not(:disabled):focus,
.tv :is(.secondary,.icon-button,.text-button,.chip):not(:disabled):focus{background:var(--control-focus);color:var(--control-focus-ink)}
:root[data-theme=dark] .primary{background:#a5adff;color:#131930}
:root[data-theme=dark] :is(.field,.search-form input,.setting-row select){border-color:var(--line)}
:root[data-theme=dark] :is(.field,.search-form input)::placeholder{color:#aab6d5}
:root[data-theme=dark] .chip.selected{background:var(--octo-brand-soft);border-color:#697bb5;color:#e5e8ff}
:root[data-theme=dark] #toast{background:var(--surface);color:var(--ink)}
:root[data-theme=dark] button:disabled{background:#26304b!important;color:#a1abc8!important}
:root[data-theme=dark] .offline{background:#3a301c;color:#ffe0a4;border-color:#6b572f}
:root[data-theme=dark] :is(.error,.danger){background:#3b2332;color:#ffb7c8;border-color:#7b4258}
:root[data-theme=dark] .error p,:root[data-theme=dark] .account-error{color:#ffb7c8}
:root[data-theme=dark] .skeleton{background:linear-gradient(100deg,#1e2947 20%,#303e62 45%,#1e2947 70%);background-size:240% 100%}
:root[data-theme=dark] .primary:not(:disabled):hover,:root[data-theme=dark] .primary:not(:disabled):focus{background:var(--action-focus);color:var(--action-focus-ink)}