.cs.svelte-a6bft2{display:flex;flex-direction:column;gap:.9rem}.kinds.svelte-a6bft2{display:flex;gap:.5rem;flex-wrap:wrap}.kind-btn.svelte-a6bft2{flex:1 1 6rem;background:var(--surface);color:var(--muted);border:1px solid var(--rule);border-radius:var(--r-sm);padding:.4rem .7rem;font-size:var(--fs-5);cursor:pointer}.kind-btn.on.svelte-a6bft2{background:rgba(var(--ac-rgb),.15);color:var(--ac);border-color:var(--ac);font-weight:600}.plane.svelte-a6bft2{width:100%;max-width:360px;aspect-ratio:1;margin:0 auto;display:block;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md)}.axis.svelte-a6bft2{stroke:var(--muted);stroke-width:1.3}.guide.svelte-a6bft2{stroke:var(--viz-3);stroke-width:1.4;stroke-dasharray:6 4;opacity:.8}.curve.svelte-a6bft2{stroke:var(--ac);stroke-width:2.4;stroke-linejoin:round}.ray.svelte-a6bft2{stroke-width:1.8}.r1.svelte-a6bft2{stroke:var(--viz-2)}.r2.svelte-a6bft2{stroke:var(--mint)}.focus.svelte-a6bft2{fill:var(--viz-2);stroke:var(--card);stroke-width:1.2}.pt.svelte-a6bft2{fill:var(--ac);stroke:var(--card);stroke-width:1.5}.lbl.svelte-a6bft2{font-size:var(--fs-2);font-family:DM Mono,monospace;font-weight:700}.lf.svelte-a6bft2{fill:var(--viz-2)}.lp.svelte-a6bft2{fill:var(--ac)}.lg.svelte-a6bft2{fill:var(--viz-3);font-weight:400;font-size:var(--fs-1)}.sliders.svelte-a6bft2{display:grid;gap:.5rem}.sliders.svelte-a6bft2 label:where(.svelte-a6bft2){display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:.75rem}.lab.svelte-a6bft2{font-size:var(--fs-4);color:var(--muted);font-family:DM Mono,Noto Sans KR,monospace}.sliders.svelte-a6bft2 input[type=range]:where(.svelte-a6bft2){width:100%;accent-color:var(--ac)}.calc.svelte-a6bft2{display:grid;gap:.3rem;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:.6rem .75rem;overflow-x:auto}.calc.svelte-a6bft2 p:where(.svelte-a6bft2){margin:0;font-family:DM Mono,Noto Sans KR,monospace;font-size:var(--fs-4);color:var(--muted)}.calc.svelte-a6bft2 .hl:where(.svelte-a6bft2){color:var(--ink)}.calc.svelte-a6bft2 .keep:where(.svelte-a6bft2) b:where(.svelte-a6bft2){color:var(--ac)}.why.svelte-a6bft2{display:block;font-family:Noto Sans KR,sans-serif;font-size:var(--fs-3)}.summary.svelte-a6bft2{margin:0;min-height:1.5em;font-size:var(--fs-6);color:var(--ink);border-left:2px solid rgba(var(--ac-rgb),.45);padding-left:var(--sp-3)}@media(max-width:480px){.sliders.svelte-a6bft2 label:where(.svelte-a6bft2){grid-template-columns:6rem 1fr}}
