html[data-theme=oled]{--background-theme:#000;--void-theme:#000;--palette-preview-void:#000;--accent-theme:var(--f3-accent);--foreground-theme:var(--f3-fg);--muted-theme:var(--f3-fg-dim);--accent-glow:color-mix(in srgb, var(--accent) 60%, transparent)}html[data-theme=oled][data-light=morning],html[data-theme=oled][data-light=midday],html[data-theme=oled][data-light=afternoon]{--background-theme:var(--f3-ink);--void-theme:var(--f3-ink);--palette-preview-void:var(--f3-ink)}html[data-theme=oled] .board-cell{background:color-mix(in srgb, var(--surface-2) 90%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 0 0 0 1px #ffffff0f, 0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--accent) calc(var(--glow-cell) * var(--glow-factor)), transparent);transition:border-color .25s,box-shadow .25s}html[data-theme=oled] .board-cell-kai{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--accent) calc(35% * var(--glow-factor)), transparent), inset 0 0 0 1px #ffffff12}html[data-theme=oled] .board-cell-hero{border-color:color-mix(in srgb, var(--app-purple) 45%, transparent);box-shadow:0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--app-purple) calc(30% * var(--glow-factor)), transparent), inset 0 0 0 1px #ffffff12}html[data-theme=oled] .board-cell-wide{border-color:color-mix(in srgb, var(--live) 45%, transparent);box-shadow:0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--live) calc(30% * var(--glow-factor)), transparent), inset 0 0 0 1px #ffffff12}html[data-theme=oled] .board-source-tag{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);text-shadow:0 0 12px color-mix(in srgb, var(--accent) calc(50% * var(--glow-factor)), transparent)}html[data-theme=oled] .board-cell-kai .board-source-tag,html[data-theme=oled] [data-source=KAI] .board-source-tag{color:var(--accent)}html[data-theme=oled] .card,html[data-theme=oled] .card-solid{background:color-mix(in srgb, var(--surface-2) 86%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff0d, 0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--accent) calc(var(--glow-cell) * .6 * var(--glow-factor)), transparent);transition:border-color .25s,box-shadow .25s}html[data-theme=oled] a.card:hover,html[data-theme=oled] button.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 var(--glow-blur) var(--glow-spread) color-mix(in srgb, var(--accent) calc(35% * var(--glow-factor)), transparent), inset 0 0 0 1px #ffffff12;transform:scale(1.02)}html[data-theme=oled] body{background:var(--background)!important}html[data-theme=oled] html,html[data-theme=oled] .app-shell{background:var(--background)}html[data-theme=oled] ::selection{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--foreground)}html[data-theme=oled] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=oled] ::-webkit-scrollbar-track{background:var(--background)}html[data-theme=oled] ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px}html[data-theme=oled] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 45%, transparent)}html[data-theme=oled] .om-seg{background:var(--background);border-color:color-mix(in srgb, var(--accent) 20%, transparent)}html[data-theme=oled] .om-seg-btn.is-active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}html[data-theme=oled] .om-seg-btn:focus-visible{outline:2px solid var(--accent)}@media (prefers-reduced-motion:reduce){html[data-theme=oled] .card,html[data-theme=oled] .board-cell{transition:none}}