.theme-toggle{border:1px solid var(--ui-line);border-radius:var(--ui-r);background:var(--ui-subtle);font-family:var(--ui-font);gap:2px;padding:2px;display:inline-flex}.theme-toggle button{min-width:28px;height:26px;color:var(--ui-text-3);transition:background-color var(--ui-fast) var(--ui-ease), color var(--ui-fast) var(--ui-ease);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.theme-toggle.is-compact button{padding:0 6px}.theme-toggle button svg{width:14px;height:14px}.theme-toggle button:hover{color:var(--ui-text)}.theme-toggle button[aria-checked=true]{background:var(--ui-panel);color:var(--ui-text);box-shadow:0 0 0 1px var(--ui-line)}.theme-toggle button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px}.appearance-controls{align-items:center;gap:8px;display:inline-flex}.accent-picker{position:relative}.accent-picker summary{border:1px solid var(--ui-line);border-radius:var(--ui-r);cursor:pointer;place-items:center;width:32px;height:32px;list-style:none;display:grid}.accent-picker summary::-webkit-details-marker{display:none}.accent-current{background:var(--ui-accent);width:15px;height:15px;box-shadow:0 0 0 3px var(--ui-accent-soft);border-radius:50%}.accent-panel{z-index:60;border:1px solid var(--ui-line);background:var(--ui-panel);width:240px;color:var(--ui-text);border-radius:12px;padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0003}.accent-panel fieldset{border:0;margin:0;padding:0}.accent-panel legend{margin-bottom:12px;font-size:13px;font-weight:600}.accent-options{flex-wrap:wrap;gap:6px;display:flex}.accent-options label{cursor:pointer;place-items:center;width:28px;height:36px;display:grid;position:relative}.accent-options input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.accent-options span{color:#fff;pointer-events:none;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;font-weight:700;display:grid}.accent-options input:checked+span{outline:2px solid var(--ui-text);outline-offset:3px}.accent-options input:focus-visible+span,.accent-picker summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.accent-panel p{margin-top:10px;font-size:12px}.accent-panel small{color:var(--ui-text-3);margin-top:4px;font-size:11px;display:block}