.mode-switcher-shell.svelte-8v5k3{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-end;position:relative}.mode-error.svelte-8v5k3{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--danger);padding:4px 10px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 8%,var(--bg));max-width:320px;text-align:right;text-transform:none;letter-spacing:0}.switcher.svelte-8v5k3{display:flex;gap:.5rem}.switcher.svelte-8v5k3 .option:where(.svelte-8v5k3):disabled{opacity:.55;cursor:progress}.switcher[data-variant=cards].svelte-8v5k3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.switcher[data-variant=octagons].svelte-8v5k3{gap:6px}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3){position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--fg);transition:transform var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):hover{transform:translateY(-1px)}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):focus-visible{outline:none}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):focus-visible:before{filter:drop-shadow(0 0 0 2px var(--accent-soft))}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);background:var(--mode-stroke, var(--border-strong));transition:background var(--motion-base) var(--ease-out)}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;clip-path:polygon(29.29% 0,70.71% 0,100% 29.29%,100% 70.71%,70.71% 100%,29.29% 100%,0 70.71%,0 29.29%);background:var(--bg);transition:background var(--motion-base) var(--ease-out),inset var(--motion-base) var(--ease-out)}.switcher[data-variant=octagons].svelte-8v5k3 .oct-label:where(.svelte-8v5k3){position:relative;z-index:1}.switcher[data-variant=octagons].svelte-8v5k3 .option[data-rim=free]:where(.svelte-8v5k3){--mode-stroke: #5b6571}.switcher[data-variant=octagons].svelte-8v5k3 .option[data-rim=learn]:where(.svelte-8v5k3){--mode-stroke: #c47e35}.switcher[data-variant=octagons].svelte-8v5k3 .option[data-rim=lite]:where(.svelte-8v5k3){--mode-stroke: #4a8770}.switcher[data-variant=octagons].svelte-8v5k3 .option[data-rim=pro]:where(.svelte-8v5k3){--mode-stroke: #d4af6e}.switcher[data-variant=octagons].svelte-8v5k3 .option[data-rim=ultra]:where(.svelte-8v5k3){--mode-stroke: #a98bff}.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3):hover:after{background:color-mix(in srgb,var(--mode-stroke) 10%,var(--bg))}.switcher[data-variant=octagons].svelte-8v5k3 .option.active:where(.svelte-8v5k3){color:var(--mode-stroke)}.switcher[data-variant=octagons].svelte-8v5k3 .option.active:where(.svelte-8v5k3):after{top:2px;right:2px;bottom:2px;left:2px}@media(max-width:720px){.switcher[data-variant=octagons].svelte-8v5k3 .option:where(.svelte-8v5k3){width:32px;height:32px;font-size:8px}}.switcher[data-variant=pills].svelte-8v5k3 .option:where(.svelte-8v5k3){display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.switcher[data-variant=pills].svelte-8v5k3 .option:where(.svelte-8v5k3):hover{border-color:var(--border-strong)}.switcher[data-variant=pills].svelte-8v5k3 .option.active:where(.svelte-8v5k3){border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.switcher[data-variant=pills].svelte-8v5k3 .dot:where(.svelte-8v5k3){width:.5rem;height:.5rem;border-radius:9999px;background:var(--border-strong)}.switcher[data-variant=pills].svelte-8v5k3 .option.active:where(.svelte-8v5k3) .dot:where(.svelte-8v5k3){background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.switcher[data-variant=cards].svelte-8v5k3 .option:where(.svelte-8v5k3){display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1.125rem 1rem;text-align:left;min-height:6.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.switcher[data-variant=cards].svelte-8v5k3 .option.active:where(.svelte-8v5k3){border-color:var(--accent);background:var(--accent-soft)}.switcher[data-variant=cards].svelte-8v5k3 strong:where(.svelte-8v5k3){font-size:.9375rem;font-weight:600}.switcher[data-variant=cards].svelte-8v5k3 .tagline:where(.svelte-8v5k3){font-size:.8125rem;color:var(--fg-muted)}.switcher[data-variant=cards].svelte-8v5k3 .desc:where(.svelte-8v5k3){font-size:.8125rem;line-height:1.45;color:var(--fg-muted)}