.appearance-picker{padding:8px 4px 12px;color:var(--ursa-ink)}.appearance-picker fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}.appearance-picker legend{padding:4px 8px 8px;font-size:12px;font-weight:600;color:var(--ursa-ink-soft)}.appearance-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.appearance-palette-select{appearance:auto;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ursa-line);border-radius:8px;background:var(--ursa-surface);color:var(--ursa-ink);font-size:13px;cursor:pointer}.appearance-palette-select:focus-visible{outline:2px solid var(--ursa-red);outline-offset:2px}html.dark .appearance-palette-select{background:var(--ursa-surface);color:var(--ursa-ink);border-color:var(--ursa-line);color-scheme:dark}.appearance-picker label{position:relative;cursor:pointer;min-width:0}.appearance-picker input{position:absolute;left:8px;top:12px;opacity:0;width:1px;height:1px;min-height:0!important}.appearance-picker label>span{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px;border:1px solid var(--ursa-line);border-radius:8px;background:var(--ursa-surface);font-size:12px}.appearance-modes label>span{justify-content:center}.appearance-picker input:checked+span{border-color:var(--ursa-red);background:var(--ursa-red-soft);color:var(--ursa-ink)}.appearance-picker input:focus-visible+span{outline:2px solid var(--ursa-red);outline-offset:2px}.appearance-picker p{margin:6px 8px 0;font-size:11px;color:var(--ursa-ink-muted)}.user-menu-panel:has(.appearance-picker){width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;background:var(--ursa-surface);color:var(--ursa-ink);border-color:var(--ursa-line)}@media(max-width:1023px){.user-menu-panel:has(.appearance-picker){width:min(340px,calc(100vw - 96px));max-height:calc(100dvh - 160px)}}@media(prefers-reduced-motion:no-preference){.appearance-picker label>span{transition:background-color .18s cubic-bezier(.16,1,.3,1),border-color .18s}}