.color-mode-switch{gap:var(--ls-space-1);padding:var(--ls-space-1);border:1px solid var(--ls-border);border-radius:var(--ls-radius-md);background:var(--ls-surface-muted);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-mode-switch button{justify-content:center;align-items:center;gap:var(--ls-space-2);min-height:var(--ls-touch-target);padding:0 var(--ls-space-3);border-radius:var(--ls-radius-sm);color:var(--ls-text-muted);font-size:var(--ls-font-md);font-weight:var(--ls-weight-semibold);cursor:pointer;transition:background var(--ls-ease), color var(--ls-ease), box-shadow var(--ls-ease);background:0 0;border:1px solid #0000;display:inline-flex}.color-mode-switch button:hover:not(.active){color:var(--ls-text);background:var(--ls-surface)}.color-mode-switch button.active{color:var(--ls-primary-text);border-color:var(--ls-border);background:var(--ls-surface);box-shadow:var(--ls-shadow-1)}.color-mode-switch button:focus-visible{outline:2px solid var(--ls-primary);outline-offset:2px}.color-mode-switch.compact button{min-height:40px;padding:0 var(--ls-space-2);font-size:var(--ls-font-sm)}.appearance-settings{gap:var(--ls-space-3);padding:var(--ls-space-4);display:grid}.appearance-settings header{gap:var(--ds-space-2);display:grid}.appearance-settings header h3{color:var(--ls-text);font-size:var(--ls-font-base);font-weight:var(--ls-weight-semibold);margin:0}.appearance-settings header p{color:var(--ls-text-muted);font-size:var(--ls-font-sm);margin:0}.mobile-appearance-row{gap:var(--ls-space-2);padding:var(--ls-space-3);display:grid}.mobile-appearance-row>strong{color:var(--ls-text);font-size:var(--ls-font-md)}@media (prefers-reduced-motion:reduce){.color-mode-switch button{transition:none}}