.theme-preference--compact{position:relative;display:inline-flex}.theme-preference__trigger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer}.theme-preference__trigger:focus{outline:none}.theme-preference__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-preference__glyph{width:1.15rem;height:1.15rem;display:block}.theme-preference__menu{position:absolute;z-index:80;inset-block-start:calc(100% + .35rem);inset-inline-end:0;min-width:9.5rem;padding:.45rem;border-radius:.85rem;border:1px solid var(--border);background:var(--surface-elevated);box-shadow:0 12px 32px rgba(0,0,0,.18)}.theme-preference--menu{display:grid}.theme-preference__mode-icon{width:1.05rem;height:1.05rem;flex:0 0 auto}.theme-preference__choice-label,.theme-preference__row-label{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.theme-preference__back,.theme-preference__row{display:flex;align-items:center;justify-content:space-between;gap:.55rem;width:100%;min-height:2.75rem;padding:.15rem .7rem;border:0;border-radius:.65rem;background:transparent;color:var(--text-primary);font:inherit;font-size:.92rem;font-weight:600;text-align:start;cursor:pointer}.theme-preference__row-meta{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.82rem;font-weight:600}.theme-preference__chevron{width:.45rem;height:.45rem;border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.theme-preference__chevron--back{transform:rotate(135deg)}.theme-preference__back:focus,.theme-preference__row:focus{outline:none}.theme-preference__back:focus-visible,.theme-preference__row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-preference__heading{margin:0;padding:.2rem .4rem .15rem;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.theme-preference__choices{display:grid}.theme-preference__choice{display:flex;align-items:center;justify-content:space-between;gap:.55rem;min-height:2.75rem;width:100%;border:0;border-radius:.55rem;background:transparent;color:var(--text-primary);padding:.15rem .7rem;font:inherit;font-size:.88rem;font-weight:600;text-align:start;cursor:pointer}.theme-preference__choice--selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.theme-preference__choice--selected:after{content:"";width:.45rem;height:.75rem;border-right:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);transform:rotate(40deg) translateY(-.1rem)}.theme-preference__choice:focus{outline:none}.theme-preference__choice:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}