.theme-toggle-button{position:relative;display:flex;align-items:center;justify-content:center;padding:.625rem;border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:1.25rem;transition:all .3s ease;overflow:visible}.theme-toggle-button.light{background:#fef9e7;color:#f59e0b;box-shadow:0 2px 8px #0000001a}.theme-toggle-button.light:hover{background:#fefce8;color:#d97706;box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.05);border-color:#f59e0b33}.theme-toggle-button.dark{background:#1f2937;color:#60a5fa;box-shadow:0 2px 8px #0000004d}.theme-toggle-button.dark:hover{background:#374151;color:#93c5fd;box-shadow:0 4px 12px #0006;transform:translateY(-2px) scale(1.05);border-color:#60a5fa33}.theme-toggle-button:active{transform:translateY(0) scale(1)}.theme-toggle-button.light:active{box-shadow:0 1px 4px #00000026}.theme-toggle-button.dark:active{box-shadow:0 1px 4px #0006}.theme-toggle-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.theme-toggle-button svg{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.theme-toggle-button.light:hover svg{transform:rotate(180deg) scale(1.15)}.theme-toggle-button.dark:hover svg{transform:rotate(-30deg) scale(1.15)}.theme-toggle-button:active svg{transform:rotate(0) scale(1)}.system-indicator{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.5rem;pointer-events:none}.theme-toggle-button.light .system-indicator{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0003}.theme-toggle-button.dark .system-indicator{background:#60a5fa;color:#1f2937;box-shadow:0 1px 3px #0006}.theme-toggle-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.theme-toggle-button:hover:before{left:100%}@media (max-width: 768px){.theme-toggle-button{padding:.5rem;font-size:1.125rem}.theme-toggle-button svg{width:18px;height:18px}.system-indicator{width:14px;height:14px;font-size:.45rem}}@media (prefers-reduced-motion: reduce){.theme-toggle-button,.theme-toggle-button svg,.theme-toggle-button:before{transition:none}.theme-toggle-button:hover svg{transform:scale(1.1)}}@media print{.theme-toggle-button{display:none}}