/* Appearance controls only: the rest of the accessible interface stays unchanged. */
:root:not([data-crew-mode=accessible]) .crew-appearance,
html[data-crew-mode=accessible] .crew-appearance{position:relative;gap:6px;isolation:isolate}
:root:not([data-crew-mode=accessible]) .crew-theme-menu,
html[data-crew-mode=accessible] .crew-theme-menu{position:absolute;z-index:100;top:calc(100% + 8px);left:0;box-sizing:border-box;width:224px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--d26-control-line,var(--crew-appearance-line));border-radius:16px;background:var(--d26-surface,var(--crew-appearance-surface));color:var(--d26-ink,var(--crew-appearance-ink));box-shadow:0 4px 12px #0000000a,0 16px 40px #00000024;animation:crew-theme-enter 140ms ease-out;transform-origin:top left}
:root:not([data-crew-mode=accessible]) .crew-theme-menu[hidden],
html[data-crew-mode=accessible] .crew-theme-menu[hidden]{display:none}
:root:not([data-crew-mode=accessible]) .crew-theme-heading,
html[data-crew-mode=accessible] .crew-theme-heading{padding:6px 10px 8px;font-size:12px;line-height:1.5;font-weight:600;color:var(--d26-muted,var(--muted))}
:root:not([data-crew-mode=accessible]) .crew-theme-option,
html[data-crew-mode=accessible] .crew-theme-option{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-width:44px;min-height:48px;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:15px;line-height:1.5;text-align:left;cursor:pointer;touch-action:manipulation;box-shadow:none}
:root:not([data-crew-mode=accessible]) .crew-theme-option .icon,
html[data-crew-mode=accessible] .crew-theme-option .icon{width:21px;height:21px;flex:none}
:root:not([data-crew-mode=accessible]) .crew-theme-check,
html[data-crew-mode=accessible] .crew-theme-check{margin-left:auto;visibility:hidden}
:root:not([data-crew-mode=accessible]) .crew-theme-option[aria-checked=true] .crew-theme-check,
html[data-crew-mode=accessible] .crew-theme-option[aria-checked=true] .crew-theme-check{visibility:visible}
:root:not([data-crew-mode=accessible]) .crew-theme-option:is(:hover,:focus-visible,[aria-checked=true]){background:var(--d26-surface-2,var(--crew-appearance-soft))}
:root:not([data-crew-mode=accessible]) .crew-theme-option:focus-visible{outline:2px solid var(--d26-ink,var(--crew-appearance-ink));outline-offset:-2px}
:root:not([data-crew-mode=accessible]) .crew-theme-toggle{color:var(--d26-ink,var(--crew-appearance-ink))}
html[data-crew-mode=accessible] .crew-theme-menu{border:2px solid #000;border-radius:4px;background:#fff;color:#000;box-shadow:none;animation:none}
html[data-crew-mode=accessible] .crew-theme-heading{font-size:18px;color:#000}
html[data-crew-mode=accessible] .crew-theme-option{font-size:20px;border-radius:0;min-height:52px}
html[data-crew-mode=accessible] .crew-theme-option:is(:hover,:focus-visible,[aria-checked=true]){background:#000;color:#fff}
html[data-crew-mode=accessible] .crew-theme-option:focus-visible{outline:2px solid #000;outline-offset:2px}
@media(max-width:680px){
 :root:not([data-crew-mode=accessible]) body .app-header .crew-appearance,
 html[data-crew-mode=accessible] body .app-header .crew-appearance{width:94px;gap:6px;justify-content:flex-start;justify-self:start}
}
@keyframes crew-theme-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 :root:not([data-crew-mode=accessible]) .crew-theme-menu{animation:none}
}