theme-picker{position:relative;display:inline-grid}theme-sheet{display:none;position:absolute;inset-block-start:calc(100% + var(--space-2xs));inset-inline-end:0;z-index:60;min-inline-size:15.5rem;padding:var(--space-xs);border:1px solid var(--rule);border-radius:var(--shape-md);background:var(--paper-raised);box-shadow:var(--shadow-3);transform-origin:100% 0}theme-picker[state=open] theme-sheet{display:grid;gap:var(--space-3xs)}theme-sheet section-label{padding:var(--space-2xs) var(--space-2xs) var(--space-3xs)}theme-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);padding:var(--space-2xs);border-radius:var(--shape-sm);cursor:pointer;user-select:none;transition:background var(--motion-fast) var(--ease-standard)}theme-option:hover{background:var(--paper-sunken)}theme-option[state=on]{background:var(--accent-soft)}theme-option:focus-visible{border-radius:var(--shape-sm)}theme-option[state=off] m-symbol{visibility:hidden}theme-option[state=on] m-symbol{color:var(--accent)}theme-option m-symbol{font-size:20px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}theme-swatch{position:relative;display:grid;place-items:center;overflow:hidden;inline-size:2.25rem;block-size:2.25rem;border:1px solid var(--rule-strong);border-radius:var(--shape-sm);background:var(--paper);color:var(--ink);font-family:var(--voice-prose);font-size:1.05rem;line-height:1}theme-swatch:after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:.75rem;block-size:.75rem;background:var(--accent);border-start-start-radius:var(--shape-full)}theme-name{display:block;font-size:.875rem;font-weight:500;line-height:1.3}theme-voice{display:block;font-family:var(--voice-machine);font-size:var(--type-label);line-height:1.5;color:var(--ink-faint)}@media(prefers-reduced-motion:no-preference){theme-picker[state=open] theme-sheet{animation:theme-sheet-in var(--motion-base) var(--ease-spring)}}@keyframes theme-sheet-in{0%{opacity:0;translate:0 -.4rem;scale:.96}}