.preference-controls.preference-icons{align-items:center;gap:6px;width:fit-content;max-width:100%;position:relative}.preference-icons .preference-icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:8px;transition:color .16s,background .16s,border-color .16s;display:grid}.preference-icons .preference-icon-button svg{flex:none;width:20px;height:20px}.preference-icons .preference-icon-button:hover,.preference-icons .preference-icon-button[aria-expanded=true]{color:var(--ink);background:var(--soft);border-color:var(--line)}.preference-icons .preference-icon-button[aria-expanded=true]{color:var(--emphasis)}:is(.preference-icons .preference-icon-button:focus-visible,.preference-icons .preference-option:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.preference-popover{z-index:90;border:1px solid var(--line);background:var(--surface);width:180px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-2);border-radius:14px;padding:7px;position:absolute;top:calc(100% + 8px);left:0}.preference-icons.compact .preference-popover{left:auto;right:0}.preference-icons .preference-popover-heading{color:var(--muted);letter-spacing:.04em;margin:0;padding:5px 9px 7px;font-size:11px;line-height:1.5}.preference-icons .preference-option{width:100%;min-height:40px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-size:13px;line-height:1.5;display:flex}.preference-icons .preference-option>span{flex:1}.preference-icons .preference-option>svg{flex:none;width:17px;height:17px}:is(.preference-icons .preference-option:hover,.preference-icons .preference-option:focus-visible){background:var(--soft)}.preference-icons .preference-option[aria-checked=true]{color:var(--emphasis);background:var(--soft)}.preference-controls.preference-icons .form-error{flex-basis:100%;min-width:min(200px,100%);margin:4px 0 0;line-height:1.6}.app-avatar-panel .preference-controls.preference-icons{justify-content:flex-end;width:100%}.auth-page .preference-controls.preference-icons{position:absolute}.preference-controls.preference-expanded{gap:14px;width:100%;margin:0;display:grid;container:preference-options/inline-size}.preference-expanded-row{grid-template-columns:1fr;align-items:center;gap:7px;min-width:0;display:grid}.preference-expanded-label{color:var(--muted);font-size:12px;line-height:1.5}.preference-segments{border:1px solid var(--line);background:var(--soft);border-radius:12px;flex-wrap:wrap;gap:3px;min-width:0;padding:3px;display:flex}.preference-expanded .preference-segment{min-width:max-content;min-height:38px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 7px;font-size:13px;line-height:1.4;transition:color .16s,background .16s,border-color .16s;display:flex}.preference-segment svg{flex:none;width:16px;height:16px}.preference-expanded .preference-segment:hover{color:var(--ink)}.preference-expanded .preference-segment[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--emphasis);box-shadow:0 1px 3px #101b2e0d}.preference-expanded .preference-segment:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.preference-expanded .preference-segment:disabled{cursor:wait;opacity:.7}.preference-controls.preference-expanded .form-error{margin:0;line-height:1.6}@container preference-options (width>=380px){.preference-expanded-row{grid-template-columns:minmax(48px,max-content) minmax(0,1fr);gap:12px}}@media (pointer:coarse){.preference-icons .preference-icon-button{width:44px;height:44px;padding:11px}.preference-icons .preference-option,.preference-expanded .preference-segment{min-height:44px}}@media (prefers-reduced-motion:reduce){.preference-icons .preference-icon-button,.preference-expanded .preference-segment{transition:none}}