.wave-demo.svelte-1i6xzn7{border:1px solid rgba(255,140,0,.18);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #0000000f}.dark .wave-demo.svelte-1i6xzn7{background:#1a1a1a;border-color:#ff8c0047;box-shadow:0 8px 24px #00000042}.controls.svelte-1i6xzn7{padding:.7rem .85rem;background:linear-gradient(180deg,#fff8ef,#fff3e3);border-bottom:1px solid rgba(255,140,0,.2)}.dark .controls.svelte-1i6xzn7{background:linear-gradient(180deg,#171717,#121212);border-bottom-color:#ff8c003d}.top-row.svelte-1i6xzn7{display:flex;flex-wrap:wrap;gap:.55rem .9rem;align-items:center}.mode-controls.svelte-1i6xzn7{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center;padding:.5rem .85rem;border-bottom:1px solid rgba(255,140,0,.15);background:linear-gradient(180deg,#fff5e6,#fff8ef)}.dark .mode-controls.svelte-1i6xzn7{background:linear-gradient(180deg,#141414,#171717);border-bottom-color:#ff8c002e}.mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7){display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#1a1a1a}.dark .mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7){color:#e5e5e5}.mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7) input[type=range]:where(.svelte-1i6xzn7){width:min(170px,42vw);accent-color:#ff8c00}.params.svelte-1i6xzn7{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center;margin-top:.65rem}.mode-group.svelte-1i6xzn7{display:inline-flex;border:1px solid rgba(255,140,0,.35);border-radius:8px;overflow:hidden;background:#fff}.dark .mode-group.svelte-1i6xzn7{background:#0f0f0f;border-color:#ff8c0052}button.svelte-1i6xzn7{padding:.36rem .72rem;font-size:.82rem;background:#fff;border:1px solid rgba(255,140,0,.25);color:#1a1a1a;transition:all .2s ease}button.svelte-1i6xzn7:hover{background:#fff0dc;border-color:#ff8c0080}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){border:0;border-right:1px solid rgba(255,140,0,.28)}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child{border-right:0}button.active.svelte-1i6xzn7{background:linear-gradient(135deg,#ff8c00,#ff5100);color:#fff;border-color:#ff5100cc}.dark button.svelte-1i6xzn7{background:#1f1f1f;color:#e5e5e5;border-color:#ff8c0047}.dark button.svelte-1i6xzn7:hover{background:#2a1d12;border-color:#ff8c008c}.actions.svelte-1i6xzn7{display:inline-flex;gap:.5rem}.params-toggle.svelte-1i6xzn7{display:none}label.svelte-1i6xzn7{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#1a1a1a}.note.svelte-1i6xzn7{font-size:.78rem;color:#5f4a36}.status.svelte-1i6xzn7{font-size:.8rem;color:#1a1a1a;font-variant-numeric:tabular-nums}.dark label.svelte-1i6xzn7,.dark .status.svelte-1i6xzn7{color:#e5e5e5}.dark .note.svelte-1i6xzn7{color:#b1a391}label.svelte-1i6xzn7 input[type=range]:where(.svelte-1i6xzn7){width:min(170px,42vw);accent-color:#ff8c00}svg.svelte-1i6xzn7{display:block;width:100%;height:auto}.bg.svelte-1i6xzn7{fill:#fffdf9}.dark .bg.svelte-1i6xzn7{fill:#0f0f0f}.row-label.svelte-1i6xzn7{font-size:18px;font-weight:700;fill:#1a1a1a}.dark .row-label.svelte-1i6xzn7{fill:#e5e5e5}.rest-line.svelte-1i6xzn7{stroke:#d2d6dd;stroke-width:1.5;stroke-dasharray:7 6}.dark .rest-line.svelte-1i6xzn7{stroke:#3b3b3b}.spring.svelte-1i6xzn7{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.spring.transverse.svelte-1i6xzn7{stroke:#3b82f6}.spring.longitudinal.svelte-1i6xzn7{stroke:#ff8c00}.spring.wave-a.svelte-1i6xzn7{stroke:#3b82f6}.spring.wave-b.svelte-1i6xzn7{stroke:#ff8c00}.spring.ghost.svelte-1i6xzn7{opacity:.22;stroke-width:2.5}.spring.sum.svelte-1i6xzn7{stroke:#7c3aed;stroke-width:4.5}.dark .spring.sum.svelte-1i6xzn7{stroke:#a78bfa}.phase-presets.svelte-1i6xzn7{display:inline-flex;gap:.4rem;flex-wrap:wrap}.phase-presets.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){padding:.32rem .6rem;font-size:.76rem}.sub-toggle.svelte-1i6xzn7{display:inline-flex;border:1px solid rgba(255,140,0,.35);border-radius:8px;overflow:hidden;background:#fff}.dark .sub-toggle.svelte-1i6xzn7{background:#0f0f0f;border-color:#ff8c0052}.sub-toggle.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){border:0;border-right:1px solid rgba(255,140,0,.28);padding:.32rem .6rem;font-size:.76rem}.sub-toggle.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child{border-right:0}.particles.long-a.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#3b82f6;opacity:.95}.particles.long-b.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#ff8c00;opacity:.95}.particles.long-sum.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#7c3aed;opacity:1}.dark .particles.long-sum.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#a78bfa}.particles.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#475569;opacity:.95}.dark .particles.svelte-1i6xzn7 circle:where(.svelte-1i6xzn7){fill:#cbd5e1}.tracker-dot.svelte-1i6xzn7{fill:#ff5100;stroke:#fff;stroke-width:2}.dark .tracker-dot.svelte-1i6xzn7{stroke:#0f0f0f}.osc-arrow.svelte-1i6xzn7{stroke:#f59e0b;stroke-width:2.3}.prop-arrow.svelte-1i6xzn7{stroke:#94a3b8;stroke-width:1.7}.hint.svelte-1i6xzn7{font-size:12px;fill:#64748b}.hint.centered.svelte-1i6xzn7{text-anchor:middle}.dark .hint.svelte-1i6xzn7{fill:#9ca3af}@media (max-width: 760px){.controls.svelte-1i6xzn7{padding:.55rem .6rem}.top-row.svelte-1i6xzn7{gap:.4rem .5rem}.mode-group.svelte-1i6xzn7{flex:1 1 100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){padding:.42rem .3rem;font-size:.76rem}.actions.svelte-1i6xzn7{flex:1 1 auto;display:flex;gap:.4rem}.actions.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){flex:1 1 0;padding:.4rem .45rem;font-size:.78rem}.params-toggle.svelte-1i6xzn7{display:inline-block}.status.svelte-1i6xzn7{font-size:.72rem;flex:1 1 100%;text-align:right}.mode-controls.svelte-1i6xzn7{padding:.45rem .6rem;gap:.45rem .8rem}.mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7){width:100%;display:grid;grid-template-columns:84px 1fr 54px;gap:.5rem;align-items:center;font-size:.76rem}.mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7) input[type=range]:where(.svelte-1i6xzn7){width:100%;min-width:0}.params.svelte-1i6xzn7{display:none;margin-top:.5rem;gap:.45rem}.params.open.svelte-1i6xzn7{display:flex;flex-direction:column;align-items:stretch}.params.svelte-1i6xzn7 label:where(.svelte-1i6xzn7){width:100%;display:grid;grid-template-columns:84px 1fr 54px;gap:.5rem;align-items:center;font-size:.76rem}.params.svelte-1i6xzn7 label:where(.svelte-1i6xzn7) input[type=range]:where(.svelte-1i6xzn7){width:100%;min-width:0}.params.svelte-1i6xzn7 .note:where(.svelte-1i6xzn7),.mode-controls.svelte-1i6xzn7 .note:where(.svelte-1i6xzn7){font-size:.72rem}.row-label.svelte-1i6xzn7{font-size:14px}.hint.svelte-1i6xzn7{font-size:10.5px}}@media (max-width: 560px){.mode-group.svelte-1i6xzn7{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){border-right:1px solid rgba(255,140,0,.28);border-bottom:1px solid rgba(255,140,0,.28)}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(3n){border-right:0}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-last-child(-n+2):nth-child(n+4){border-bottom:0}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child{border-right:0}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child:nth-child(3n+1){grid-column:1 / -1}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child:nth-child(3n+2){grid-column:span 2}.sub-toggle.svelte-1i6xzn7{display:flex;width:100%}.sub-toggle.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){flex:1 1 0}}@media (max-width: 420px){.mode-group.svelte-1i6xzn7{grid-template-columns:repeat(6,minmax(0,1fr))}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){font-size:.72rem;padding:.42rem .2rem;grid-column:span 2}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(n+4){grid-column:span 3}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(3n){border-right:1px solid rgba(255,140,0,.28)}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(3){border-right:0}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(5){border-right:0}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):nth-child(-n+3){border-bottom:1px solid rgba(255,140,0,.28)}.mode-group.svelte-1i6xzn7 button:where(.svelte-1i6xzn7):last-child:nth-child(3n+2){grid-column:span 3}.actions.svelte-1i6xzn7 button:where(.svelte-1i6xzn7){font-size:.72rem;padding:.38rem .3rem}.params.svelte-1i6xzn7 label:where(.svelte-1i6xzn7),.mode-controls.svelte-1i6xzn7 label:where(.svelte-1i6xzn7){grid-template-columns:74px 1fr 48px;font-size:.72rem}}