.mode-toggle.svelte-b97mrb{display:flex;flex-direction:column;gap:4px;width:100%}.mode-toggle.with-desc.svelte-b97mrb{gap:6px}.mode-btn-content.svelte-b97mrb{display:flex;align-items:center;gap:6px}.mode-desc.svelte-b97mrb{font-size:var(--font-size-compact, 12px);font-weight:400;color:#ffffff8c;line-height:1}.mode-btn.active.svelte-b97mrb .mode-desc:where(.svelte-b97mrb){color:#ffffffb3}.mode-btn.svelte-b97mrb{display:flex;align-items:center;justify-content:center;gap:6px;min-height:var(--min-touch-target, 44px);padding:6px 10px;background:var(--theme-card-bg);border:1.5px solid var(--theme-stroke, var(--theme-stroke));border-radius:8px;color:var(--theme-text-dim, var(--theme-text-dim));font-size:var(--font-size-compact, 12px);font-weight:500;cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.with-desc.svelte-b97mrb .mode-btn:where(.svelte-b97mrb){flex-direction:column;gap:4px;min-height:52px;padding:10px 12px}.mode-btn.svelte-b97mrb i:where(.svelte-b97mrb){font-size:var(--font-size-compact);flex-shrink:0}.mode-btn.svelte-b97mrb span:where(.svelte-b97mrb){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-btn.active.svelte-b97mrb{background:color-mix(in srgb,var(--theme-accent) 15%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);color:var(--theme-accent);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 12%,transparent),inset 0 1px 0 var(--theme-stroke)}.mode-btn.active.svelte-b97mrb i:where(.svelte-b97mrb){color:var(--theme-accent)}@media(hover:hover)and (pointer:fine){.mode-btn.svelte-b97mrb:hover:not(.active){background:var(--theme-card-hover-bg);border-color:var(--theme-stroke-strong);color:var(--theme-text)}}.mode-btn.svelte-b97mrb:active{transform:scale(.98)}.mode-btn.svelte-b97mrb:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mode-btn.svelte-b97mrb{transition:none}}