/* Shared appearance system. Default palettes stay dark unless the visitor opts in. */
.theme-control{display:inline-flex;align-items:center;flex-shrink:0}
.login-appearance{display:flex;justify-content:flex-end;margin-bottom:24px}
.admin-header .header-tools{flex-wrap:wrap;gap:12px}
html[data-theme="light"]{color-scheme:light;--night:#f5f7f9;--night2:#ffffff;--night-raised:#ffffff;--studio:#ffffff;--equipment:#e8eef3;--steel:#c8d3dc;--fog:#17232c;--silver:#425460;--quiet:#526572;--signal:#416b00;--signal-ink:#ffffff;--danger:#b42329;--live:#b42329;--info:#225f8a;--line:rgba(23,35,44,.12);--line2:rgba(23,35,44,.22);--line-strong:rgba(23,35,44,.22);--focus:#416b00;--admin-readable-muted:#526572}
html[data-theme="light"] :is(.site-header,.admin-header,.admin-sidebar,.mobile-nav,.editor-toolbar){background:var(--night2)}
html[data-theme="light"] :is(.room-switcher,.registration-note,.login-card input,.lecturer-card){background:var(--night)}
html[data-theme="light"] :is(.primary-action,.login-card button,.sidebar-account>div){background:var(--signal);color:var(--signal-ink)}
html[data-theme="light"] :is(.primary-action,.login-card button,.button-signal):hover{background:#315300;color:#fff}
html[data-theme="light"] .button-primary:hover{background:#293c49;color:#fff}
html[data-theme="light"] .form-status{color:var(--danger)}
html[data-theme="light"] .chart-grid{stroke:var(--line)}
html[data-theme="light"] :is(.chart-line.visitors){stroke:var(--info)}
html[data-theme="light"] .chart-legend i.visitors{background:var(--info)}
html[data-theme="light"] .form-save-status[data-state="dirty"]{color:#805600}
html[data-theme="light"] .form-save-status[data-state="error"]{color:var(--danger)}
/* The actual video and its overlays stay dark; never invert live footage. */
html[data-theme="light"] .player-shell{color-scheme:dark;--night:#0b1017;--night-raised:#101720;--studio:#141d27;--equipment:#1a2632;--fog:#edf1ef;--silver:#bac4c8;--quiet:#84919a;--signal:#d8ff62;--signal-ink:#11170a;--line:rgba(237,241,239,.1);--line-strong:rgba(237,241,239,.18);color:var(--fog)}
html[data-theme="light"] .giveaway-dialog{--draw-night:#ffffff;--draw-panel:#f5f7f9;--draw-paper:#17232c;--draw-muted:#526572;--draw-brass:#806526;--draw-blue:#225f8a;--draw-line:rgba(23,35,44,.15)}
html[data-theme="light"] .giveaway-dialog :is(.dialog-close,.dialog-intro,.giveaway-integrity,.giveaway-limit,.giveaway-rules summary,.giveaway-prize-card span,.wheel-result){color:var(--quiet)}
html[data-theme="light"] .giveaway-dialog :is(.giveaway-dialog-header h2,.giveaway-prize-card strong,.wheel-result strong){color:var(--fog)}
html[data-theme="light"] .giveaway-dialog .wheel-hub{background:var(--equipment);color:var(--fog);box-shadow:0 0 0 8px var(--night),0 0 0 9px var(--line)}
html[data-theme="light"] .giveaway-dialog .giveaway-actions .button-signal{background:var(--signal);border-color:var(--signal);color:#fff}
html[data-theme="light"] .giveaway-dialog .giveaway-actions .button-signal:hover{background:#315300}
@media(max-width:640px){.admin-header{flex-wrap:wrap;gap:8px;padding-block:12px}.admin-header .header-tools{width:100%;justify-content:space-between;gap:8px}}
@media(max-width:600px){.site-header .brand>span{display:none}.site-header .header-actions{gap:6px}}
/* Compact appearance menu: one touch target, three explicit choices. */
.theme-control .appearance-trigger{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:1px solid var(--line2,var(--line));border-radius:8px;background:transparent;color:var(--silver);cursor:pointer}
.appearance-trigger svg,.appearance-choices svg{width:20px;height:20px}
.appearance-panel{position:fixed;inset:auto;margin:0;width:248px;max-width:calc(100vw - 16px);padding:16px;border:1px solid var(--line2,var(--line));border-radius:12px;background:var(--night2,var(--night));color:var(--fog);box-shadow:0 12px 32px #0002;font:inherit;box-sizing:border-box}
.appearance-title{font-size:13px;font-weight:600}
.appearance-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.theme-control .appearance-choices button{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:64px;width:auto;margin:0;padding:8px 4px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--silver);font:inherit;font-size:12px;cursor:pointer}
.theme-control .appearance-choices button[aria-pressed="true"]{border-color:var(--signal);color:var(--signal);background:var(--night)}
.theme-control :is(.appearance-trigger,.appearance-choices button):hover{background:var(--equipment);color:var(--fog)}
.theme-control button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.theme-control .appearance-note{font-family:inherit;font-size:11px;font-weight:400;letter-spacing:normal;line-height:1.6;color:var(--quiet);margin:12px 0 0}