.dark-mode-toggle.svelte-zx816h{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--border-radius) * 1.5);font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;font-size:.875rem;color:var(--color-text);position:relative;overflow:hidden;min-width:44px;height:44px;box-sizing:border-box}.dark-mode-toggle.svelte-zx816h:before{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:0;transition:opacity .2s ease;z-index:0}.dark-mode-toggle.svelte-zx816h:hover:before{opacity:1}.dark-mode-toggle.svelte-zx816h:hover{color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dark-mode-toggle.svelte-zx816h:active{transform:translateY(0)}.toggle-icon.svelte-zx816h{font-size:1.25rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;line-height:1;color:currentColor}.toggle-icon.svelte-zx816h svg{color:currentColor}.toggle-text.svelte-zx816h{font-weight:600;position:relative;z-index:1;white-space:nowrap}.dark-mode-toggle--compact.svelte-zx816h{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;gap:0;border-radius:6px;box-sizing:border-box;background:transparent;border:1px solid color-mix(in srgb,var(--color-border) 88%,var(--color-primary) 12%);transform:none;box-shadow:none}.dark-mode-toggle--compact.svelte-zx816h:before{display:none}.dark-mode-toggle--compact.svelte-zx816h:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-text);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));transform:none;box-shadow:none}.dark-mode-toggle--compact.svelte-zx816h .toggle-icon:where(.svelte-zx816h){font-size:1.0625rem}.dark .dark-mode-toggle--compact.svelte-zx816h{border-color:color-mix(in srgb,var(--color-primary-light) 20%,var(--color-border))}.dark .dark-mode-toggle--compact.svelte-zx816h:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary-light) 35%,var(--color-border));color:var(--color-text)}@media(max-width:768px){.toggle-text.svelte-zx816h{display:none}.dark-mode-toggle.svelte-zx816h:not(.dark-mode-toggle--compact){padding:calc(var(--spacing-unit) * 1.5);min-width:44px;width:44px}}