.theme-control{flex:none;position:relative}.theme-trigger{border:1px solid var(--line);background:var(--surface);min-width:44px;min-height:44px;color:var(--body);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:650;display:inline-flex}.theme-trigger:hover,.theme-trigger[aria-expanded=true]{background:var(--surface-subtle);color:var(--ink);border-color:var(--control-border)}.theme-popover{z-index:55;width:312px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--topbar-height,76px) - 24px);overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow-popover);color:var(--ink);border-radius:19px;padding:9px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.theme-popover-title{color:var(--muted);padding:7px 9px 10px;font-size:12px;font-weight:650}.theme-option{text-align:left;width:100%;min-height:62px;color:var(--body);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.theme-option-copy{flex:1;gap:1px;display:grid}.theme-option-preview{color:#316a53;background:#f0f5ef;border:1px solid #819a87;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;display:grid}.theme-option-preview[data-scheme=dark]{color:#94d2b1;background:#1b2922}.theme-option-preview[data-scheme=light-blue]{color:#145c91;background:#eaf2fb;border-color:#7088a1}.theme-option-preview[data-scheme=dark-blue]{color:#8ac9f4;background:#17283b;border-color:#7495b5}.theme-option-preview[data-scheme=system]{background:var(--surface-subtle);color:var(--body);border-color:var(--control-border)}.theme-option strong{color:var(--ink);font-size:14px;font-weight:650}.theme-option small{color:var(--muted);font-size:12px;line-height:1.6}.theme-option[aria-checked=true]{background:var(--mint);color:var(--green)}.theme-option:hover{background:var(--surface-subtle)}.theme-popover-note{color:var(--muted);margin:6px 9px 3px;font-size:11px;line-height:1.6}.theme-control :focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (max-width:1060px){.theme-trigger-label{display:none}.theme-trigger{padding:9px}}@media (max-width:760px){.theme-popover{top:calc(var(--topbar-height) + 8px);position:fixed;right:14px}}