@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--ink:#1a2330;--mute:#5b6b7c;--faint:#8a97a6;--paper:#eef3f8;--glass:#ffffff8c;--glass-strong:#ffffffb8;--line:#1a233014;--line-strong:#1a233024;--accent:#0a84ff;--accent-soft:#0a84ff24;--accent-deep:#0060df;--danger:#ff453a;--danger-soft:#ff453a24;--ok:#30d158;--shadow:0 18px 50px #283c5a1f;--shadow-soft:0 8px 28px #283c5a14;--radius:28px;--radius-sm:16px;--font-display:"Outfit", sans-serif;--font-ui:"Plus Jakarta Sans", sans-serif;--ease:cubic-bezier(.22, .9, .24, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{background-color:#0000;background-image:radial-gradient(900px 520px at 12% -8%,#78beff59,#0000 58%),radial-gradient(700px 480px at 92% 8%,#b4dcff47,#0000 55%),radial-gradient(640px 420px at 50% 110%,#a0c8e638,#0000 50%),linear-gradient(#f7fafc 0%,#e8eef5 48%,#e3ebf4 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100dvh}#app{min-height:100dvh}.deck{grid-template-rows:auto 1fr auto;gap:clamp(1.25rem,3vw,2rem);max-width:44rem;min-height:100dvh;margin:0 auto;padding:clamp(1.25rem,4.5vw,2.75rem);display:grid;position:relative}.deck:before{content:"";filter:blur(28px);pointer-events:none;background:radial-gradient(#ffffff8c,#0000 70%);height:42%;animation:9s ease-in-out infinite alternate bloom;position:absolute;inset:8% 10% auto}@keyframes bloom{0%{opacity:.55;transform:translateY(0)scale(1)}to{opacity:.9;transform:translateY(12px)scale(1.04)}}.brand-block{z-index:1;padding-top:.25rem;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.055em;color:var(--ink);animation:rise .7s var(--ease) both;margin:0;font-size:clamp(3.75rem,16vw,6.5rem);font-weight:800;line-height:.88}.tagline{max-width:22rem;color:var(--mute);animation:rise .7s 60ms var(--ease) both;margin:.9rem 0 0;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:500;line-height:1.45}.oss{color:var(--faint);letter-spacing:.02em;animation:rise .7s .1s var(--ease) both;margin:.75rem 0 0;font-size:.8rem;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stage{z-index:1;align-content:start;display:grid;position:relative}.sheet{background:var(--glass);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(1.35);animation:sheet-in .75s .12s var(--ease) both;border:1px solid #ffffffa6;gap:clamp(1.15rem,3vw,1.6rem);padding:clamp(1.15rem,3.5vw,1.75rem);display:grid}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.section{gap:.75rem;display:grid}.section-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;font-size:.78rem;font-weight:700}.patches{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.patches::-webkit-scrollbar{display:none}.patch{appearance:none;border:1px solid var(--line-strong);background:var(--glass-strong);color:var(--ink);font:inherit;cursor:pointer;transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s var(--ease), box-shadow .2s ease;border-radius:999px;flex:none;padding:.7rem 1rem;font-size:.9rem;font-weight:600}.patch:hover{border-color:#0a84ff59;transform:translateY(-1px)}.patch[aria-pressed=true]{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 8px 20px #0a84ff47}.blurb{color:var(--mute);min-height:2.6em;margin:0;font-size:.92rem;line-height:1.45}.controls{gap:1rem;display:grid}.row{gap:.45rem;display:grid}.row-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.row label{color:var(--mute);font-size:.84rem;font-weight:600}.row output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:700}.row-hero label{font-size:.95rem}.row-hero output{color:var(--accent-deep);font-size:1.05rem}input[type=range]{appearance:none;background:linear-gradient(90deg,#0a84ff2e,#0a84ff73);border-radius:999px;outline:none;width:100%;height:7px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--line-strong);cursor:pointer;width:26px;height:26px;box-shadow:var(--shadow-soft);transition:transform .15s var(--ease);background:#fff;border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range]::-moz-range-thumb{border:1px solid var(--line-strong);cursor:pointer;width:26px;height:26px;box-shadow:var(--shadow-soft);background:#fff;border-radius:50%}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.actions{grid-template-columns:1.35fr 1fr 1fr;gap:.65rem;display:grid}.audio-tip{color:var(--faint);margin:-.35rem 0 0;font-size:.78rem;font-weight:500;line-height:1.4}button.primary,button.ghost{appearance:none;font:inherit;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s var(--ease), box-shadow .2s ease;border:1px solid #0000;padding:1rem .85rem;font-size:1rem;font-weight:700}button.primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px #1a233038}button.primary:hover{transform:translateY(-1px)}button.primary[data-on=true]{background:var(--danger);box-shadow:0 10px 24px #ff453a47}button.ghost{background:var(--glass-strong);color:var(--ink);border-color:var(--line-strong)}button.ghost:hover{color:var(--accent-deep);border-color:#0a84ff66}button.ghost[aria-pressed=true]{color:var(--accent-deep);background:var(--accent-soft);border-color:#0000}.status{flex-wrap:wrap;gap:.5rem;display:flex}.status-pill{border:1px solid var(--line);color:var(--mute);background:#ffffff80;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.status-pill strong{color:var(--ink);font-weight:700}.pulse-dot{background:var(--faint);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.pulse-dot.on{background:var(--ok);animation:1.2s ease-in-out infinite throb;box-shadow:0 0 0 4px #30d1582e}@keyframes throb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.88)}}.foot{z-index:1;color:var(--faint);padding-top:.25rem;font-size:.75rem;line-height:1.5;position:relative}@media (width<=520px){.actions{grid-template-columns:1fr}button.primary,button.ghost{width:100%}.brand{font-size:clamp(3.4rem,20vw,4.6rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}