.appearance-choices{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.appearance-choices button{flex:1;min-height:44px;min-width:75px;padding:10px;border:2px solid var(--line);border-radius:8px;background:var(--panel,var(--surface-strong));color:var(--text);font:inherit;font-size:13px;cursor:pointer}.appearance-choices button[aria-pressed=true]{border-color:var(--accent,var(--cyan));font-weight:700;box-shadow:inset 0 -3px var(--accent,var(--cyan))}
html[data-native-appearance="1"] [data-auth-theme],html[data-native-appearance="1"] [data-theme-toggle]{display:none}
.ui-auth-logo{object-fit:contain}html[data-theme=dark] .ui-auth-logo,html[data-theme=contrast] .ui-auth-logo{filter:invert(1)}
html[data-theme=contrast]{color-scheme:dark;--bg:#000;--bg2:#000;--bg3:#000;--panel:#000;--raised:#000;--text:#fff;--muted:#fff;--line:#fff;--line-2:#fff;--accent:#ffeb3b;--accent-ink:#000;--cyan:#ffeb3b;--pink:#ffb8f0;--lime:#9dff72;--red:#ff8ca4;--green:#9dffb0;--blue:#9dceff;--warn:#ffeb3b;--danger:#ff8ca4;--shadow:none;--surface-strong:#000;--surface-soft:#000;--surface-card:#000;--input-bg:#000;--button-bg:#000;--button-border:#fff;--button-hover-bg:#222;--button-primary-bg:#ffeb3b;--button-primary-border:#ffeb3b;--button-selected-bg:#222;--button-selected-border:#ffeb3b;--panel-grad-top:#000;--panel-grad-bottom:#000;--table-bg:#000;--table-head-bg:#000;--thead:#fff;--row-border:#fff;--flash-bg:#000;--log-bg:#000;--log-text:#fff;--tooltip-bg:#000;--tooltip-text:#fff;--sidebar-foot-bg:#000}
html[data-theme=contrast] body{background:#000;color:#fff}html[data-theme=contrast] .brand-mark img{filter:invert(1)}
html[data-theme=contrast] :is(.issue-card,.notification-card,.settings-card,.ui-auth-card,.phone-connection,.bottom-nav){background:#000;border-color:#fff;box-shadow:none}
html[data-theme=contrast] :is(.button.secondary,.icon-button,.triage-actions button,.app-icon,.pill,.ui-auth-form input){background:#000;color:#fff;border:1px solid #fff}
html[data-theme=contrast] :is(.button.primary,.ui-auth-primary){background:#ffeb3b;color:#000;border-color:#ffeb3b}
html[data-theme=contrast] a:not(.button):not(.brand){color:#ffeb3b;text-decoration:underline}html[data-theme=contrast] :focus-visible{outline:3px solid #ffeb3b!important;outline-offset:3px}
html[data-theme=contrast] .status-hero::after{display:none}html[data-theme=contrast] :is(.issue-card,.notification-card){border-width:2px}html[data-theme=contrast] .triage-actions button{min-height:44px}