.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;border:1px solid var(--line);background:var(--surface-raised);width:280px;max-width:calc(100vw - 28px);box-shadow:var(--shadow-popover);color:var(--ink);border-radius:19px;padding:9px;position:absolute;top:calc(100% + 10px);right:0}.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>span{flex:1;gap:1px;display:grid}.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}}