.theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;padding:0;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.theme-toggle:hover{color:var(--text);border-color:var(--border-stark);background:var(--panel-2)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:17px;height:17px;animation:theme-symbol .18s ease-out}@keyframes theme-symbol{0%{opacity:0;transform:rotate(-35deg) scale(.8)}to{opacity:1;transform:none}}.theme-wahl{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.theme-wahl button{padding:6px 14px;border:0;border-radius:7px;background:transparent;color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.theme-wahl button:hover{color:var(--text)}.theme-wahl button.aktiv{background:var(--panel);color:var(--text);box-shadow:var(--shadow-karte)}.theme-wahl button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion: reduce){.theme-toggle svg{animation:none}.theme-toggle,.theme-wahl button{transition:none}}