:root{--font-display:"Bricolage Grotesque", "Georgia", serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace;--clean-1:#38f0c8;--clean-2:#7cf05a;--clean-3:#c7f04a;--raw-1:#ffb257;--raw-2:#ff8a5c;--grad-clean:linear-gradient(115deg, var(--clean-1), var(--clean-3));--grad-raw:linear-gradient(115deg, var(--raw-1), var(--raw-2));--radius-s:10px;--radius-m:16px;--radius-l:26px;--maxw:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0d;--bg-2:#0d1116;--surface:#ffffff07;--surface-solid:#10151b;--surface-hi:#ffffff0f;--border:#ffffff17;--border-hi:#ffffff2e;--text:#eef2f6;--text-2:#9aa6b4;--text-3:#616d7c;--accent:var(--clean-1);--accent-ink:#06120f;--grain-opacity:.05;--glow:0 0 60px -12px #38f0c873;--wave-idle:#ffffff24}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg-2:#ece7dc;--surface:#14181e08;--surface-solid:#fbf9f4;--surface-hi:#14181e0d;--border:#14181e1f;--border-hi:#14181e3d;--text:#14181e;--text-2:#4c5663;--text-3:#8b93a0;--accent:#0aa17e;--accent-ink:#fff;--grain-opacity:.035;--glow:0 0 60px -14px #0aa17e59;--wave-idle:#14181e29}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .5s var(--ease), color .5s var(--ease);line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--clean-1);color:#06120f}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.02}.mono{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.wrap{width:100%;max-width:var(--maxw);z-index:1;margin-inline:auto;padding-inline:24px;position:relative}.grad-clean{background:var(--grad-clean);color:#0000;-webkit-background-clip:text;background-clip:text}.grad-raw{background:var(--grad-raw);color:#0000;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition-duration:.001ms!important;animation-duration:.001ms!important}.reveal{opacity:1;transform:none}}#root{z-index:1;position:relative}.btn{border-radius:var(--radius-s);transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.85em 1.5em;font-size:.95rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--grad-clean);color:#06120f;box-shadow:var(--glow);font-weight:600}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 70px -8px #38f0c899}.btn--ghost{border-color:var(--border-hi);background:var(--surface);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.btn--pill{background:var(--text);color:var(--bg);border-radius:100px;padding:.7em 1.35em;font-size:.9rem;font-weight:600}.btn--pill:hover{box-shadow:var(--glow);transform:translateY(-2px)}.btn--lg{padding:1.05em 2em;font-size:1.02rem}.nav{z-index:100;transition:padding .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease), backdrop-filter .35s var(--ease);border-bottom:1px solid #0000;padding:18px 0;position:fixed;top:0;left:0;right:0}.nav--scrolled{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-bottom-color:var(--border);padding:10px 0}.nav__inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand__mark{align-items:center;gap:3px;height:28px;display:inline-flex}.brand__mark i{background:var(--grad-clean);width:3px;animation:breathe 2.4s var(--ease) infinite;border-radius:3px;display:block}.brand__mark i:nth-child(2){animation-delay:.15s}.brand__mark i:nth-child(3){animation-delay:.3s}.brand__mark i:nth-child(4){animation-delay:.45s}.brand__mark i:nth-child(5){animation-delay:.6s}.brand__mark i:nth-child(6){animation-delay:.75s}@keyframes breathe{0%,to{opacity:.7;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.brand__name{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.nav__links{color:var(--text-2);gap:28px;font-size:.92rem;display:flex}.nav__links a{transition:color .2s var(--ease);position:relative}.nav__links a:hover{color:var(--text)}.nav__actions{align-items:center;gap:14px;display:flex}.theme-toggle{display:inline-flex}.theme-toggle__track{background:var(--surface-hi);border:1px solid var(--border);width:52px;height:28px;transition:background .3s var(--ease);border-radius:100px;align-items:center;padding:3px;display:flex}.theme-toggle__thumb{background:var(--grad-clean);color:#06120f;width:20px;height:20px;transition:transform .4s var(--ease);border-radius:50%;place-items:center;font-size:11px;display:grid}.theme-toggle__thumb[data-theme=light]{transform:translate(24px)}@media (width<=860px){.nav__links{display:none}}.footer{border-top:1px solid var(--border);background:var(--bg-2);margin-top:120px;padding-top:72px}.footer__inner{grid-template-columns:1.4fr 2fr;gap:60px;padding-bottom:56px;display:grid}.footer__brand .brand__name{margin-bottom:14px;font-size:1.6rem;display:block}.footer__brand p{color:var(--text-2);max-width:340px;font-size:.95rem}.footer__cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer__cols h4{text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-size:.78rem;font-family:var(--font-body);margin-bottom:16px;font-weight:600}.footer__cols a{color:var(--text-2);transition:color .2s var(--ease);margin-bottom:10px;font-size:.92rem;display:block}.footer__cols a:hover{color:var(--accent)}.footer__base{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;padding-block:26px;display:flex}@media (width<=760px){.footer__inner{grid-template-columns:1fr;gap:40px}.footer__base{flex-direction:column;gap:10px}}.section{padding-block:90px}.section__head{text-align:center;max-width:720px;margin:0 auto 56px}.section__head--left{text-align:left;margin-inline:0}.section__kicker{color:var(--accent);margin-bottom:18px;display:inline-block}.section__head h2{font-size:clamp(2rem,4.4vw,3.3rem)}.section__lead{color:var(--text-2);margin-top:18px;font-size:1.05rem}.tag{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:100px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 14px;font-size:.82rem;display:inline-flex}.tag__dot{background:var(--clean-1);width:7px;height:7px;box-shadow:0 0 12px var(--clean-1);border-radius:50%;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero{padding-top:160px;padding-bottom:60px;position:relative;overflow:hidden}.hero__glow{background:radial-gradient(circle, color-mix(in srgb, var(--clean-1) 26%, transparent), transparent 62%);filter:blur(30px);pointer-events:none;z-index:0;width:60vw;max-width:760px;height:60vw;max-height:760px;position:absolute;top:-20%;right:-10%}.hero__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero__title{margin-bottom:26px;font-size:clamp(2.8rem,6.6vw,5.4rem);line-height:.96}.hero__sub{color:var(--text-2);max-width:520px;margin-bottom:34px;font-size:1.16rem}.hero__actions{flex-wrap:wrap;gap:14px;margin-bottom:48px;display:flex}.hero__stats{gap:44px;display:flex}.hero__stats div{flex-direction:column;display:flex}.hero__stats strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.9rem;font-weight:800}.hero__stats span{color:var(--text-3);font-size:.82rem}.viz-card{border:1px solid var(--border);background:linear-gradient(160deg, var(--surface-hi), color-mix(in srgb, var(--bg-2) 90%, transparent));border-radius:var(--radius-l);box-shadow:0 40px 90px -50px #000000e6, var(--glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px;position:relative}.viz-card__label{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.78rem;display:flex}.viz-card__dot{background:var(--raw-1);width:8px;height:8px;box-shadow:0 0 10px var(--raw-1);border-radius:50%;margin-left:auto;margin-right:6px;animation:1.4s infinite pulse;display:inline-block}.hero-wave{width:100%;height:240px;display:block}.viz-card__legend{color:var(--text-2);gap:22px;margin-top:12px;font-size:.82rem;display:flex}.viz-card__legend span{align-items:center;gap:7px;display:inline-flex}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch--raw{background:var(--grad-raw)}.swatch--clean{background:var(--grad-clean)}@media (width<=940px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero{padding-top:130px}}.trust{text-align:center;padding-block:30px 10px}.trust__label{color:var(--text-3);margin-bottom:22px;display:block}.trust__logos{opacity:.75;flex-wrap:wrap;justify-content:center;gap:44px;display:flex}.trust__logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-2);filter:grayscale();transition:color .3s var(--ease), filter .3s var(--ease);font-size:1.15rem;font-weight:700}.trust__logo:hover{color:var(--text);filter:none}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);transition:border-color .3s var(--ease), transform .3s var(--ease);padding:34px 28px;position:relative;overflow:hidden}.step:hover{border-color:var(--border-hi);transform:translateY(-4px)}.step__n{font-family:var(--font-display);background:var(--grad-clean);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:3.4rem;font-weight:800;display:block}.step h3{margin-bottom:10px;font-size:1.4rem}.step p{color:var(--text-2);font-size:.96rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);transition:border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);padding:32px 26px}.feature:hover{border-color:var(--accent);background:var(--surface-hi);transform:translateY(-4px)}.feature__k{color:var(--accent);margin-bottom:16px;display:block}.feature h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.28rem}.feature p{color:var(--text-2);font-size:.95rem}@media (width<=860px){.steps,.feature-grid{grid-template-columns:1fr}}.compare{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:40px;display:grid}.compare__side{text-align:center}.compare__side span.mono{color:var(--text-3)}.compare__side--clean span.mono{color:var(--accent)}.compare__bars{justify-content:center;align-items:center;gap:3px;height:130px;margin:16px 0;display:flex}.bar{border-radius:3px;align-self:center;width:4px}.bar--raw{background:var(--grad-raw);opacity:.85}.bar--clean{background:var(--grad-clean)}.compare__side p{color:var(--text-2);max-width:260px;margin-inline:auto;font-size:.9rem}.compare__arrow{color:var(--accent);font-size:2rem}@media (width<=760px){.compare{grid-template-columns:1fr}.compare__arrow{transform:rotate(90deg)}}.pricing{grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;display:grid}.price{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);transition:transform .3s var(--ease), border-color .3s var(--ease);padding:34px 28px;position:relative}.price:hover{transform:translateY(-5px)}.price--hl{border-color:var(--accent);background:linear-gradient(170deg, color-mix(in srgb, var(--clean-1) 8%, var(--surface-solid)), var(--surface-solid));box-shadow:var(--glow)}.price__badge{background:var(--grad-clean);color:#06120f;letter-spacing:.02em;border-radius:100px;padding:5px 12px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:28px}.price__name{margin-bottom:6px;font-size:1.5rem}.price__tag{color:var(--text-2);min-height:40px;margin-bottom:22px;font-size:.9rem}.price__amount{align-items:baseline;gap:8px;margin-bottom:22px;display:flex}.price__num{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.8rem;font-weight:800}.price__per{color:var(--text-3);font-size:.9rem}.price__list{flex-direction:column;gap:13px;margin-top:26px;list-style:none;display:flex}.price__list li{color:var(--text-2);align-items:center;gap:11px;font-size:.92rem;display:flex}.check{background:color-mix(in srgb, var(--clean-1) 22%, transparent);width:18px;height:18px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;display:grid}@media (width<=860px){.pricing{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.faq-wrap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:50px;display:grid}.faq-list{flex-direction:column;gap:12px;display:flex}.faq{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);transition:border-color .3s var(--ease);overflow:hidden}.faq--open{border-color:var(--border-hi)}.faq__head{text-align:left;width:100%;font-size:1.05rem;font-weight:500;font-family:var(--font-display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.faq__icon{color:var(--accent);flex-shrink:0;font-size:1.4rem}.faq__body{transition:grid-template-rows .35s var(--ease);grid-template-rows:0fr;display:grid}.faq--open .faq__body{grid-template-rows:1fr}.faq__body p{color:var(--text-2);padding:0 24px;font-size:.96rem;overflow:hidden}.faq--open .faq__body p{padding-bottom:24px}@media (width<=800px){.faq-wrap{grid-template-columns:1fr;gap:28px}}.cta{border:1px solid var(--border);border-radius:var(--radius-l);text-align:center;background:var(--bg-2);padding:72px 40px;position:relative;overflow:hidden}.cta__glow{background:radial-gradient(ellipse at 50% 130%, color-mix(in srgb, var(--clean-1) 22%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.cta h2{margin-bottom:18px;font-size:clamp(2rem,5vw,3.4rem);position:relative}.cta p{color:var(--text-2);max-width:480px;margin:0 auto 32px;font-size:1.05rem;position:relative}.cta .btn{position:relative}.demo{min-height:90vh;padding-top:130px;padding-bottom:40px;position:relative}.demo__glow{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--clean-1) 20%, transparent), transparent 65%);filter:blur(30px);pointer-events:none;width:90vw;max-width:900px;height:460px;position:absolute;top:0;left:50%;transform:translate(-50%)}.demo__inner{max-width:860px}.demo__head{text-align:center;margin-bottom:44px}.demo__kicker{color:var(--accent);margin-bottom:16px;display:inline-block}.demo__head h1{margin-bottom:16px;font-size:clamp(2.4rem,6vw,4rem)}.demo__head p{color:var(--text-2);max-width:520px;margin:0 auto;font-size:1.05rem}.stage{border:1px solid var(--border);border-radius:var(--radius-l);background:linear-gradient(170deg, var(--surface-hi), color-mix(in srgb, var(--bg-2) 92%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;box-shadow:0 40px 100px -60px #000000e6}.stepper{justify-content:space-between;gap:8px;margin-bottom:30px;list-style:none;display:flex;position:relative}.stepper:before{content:"";background:var(--border);z-index:0;height:1px;position:absolute;top:13px;left:6%;right:6%}.stepper li{color:var(--text-3);z-index:1;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;flex:1;align-items:center;gap:8px;font-size:.76rem;display:flex;position:relative}.stepper__dot{background:var(--surface-solid);border:1px solid var(--border);width:28px;height:28px;transition:all .3s var(--ease);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.stepper li.on{color:var(--text)}.stepper li.on .stepper__dot{background:var(--grad-clean);color:#06120f;box-shadow:0 0 18px -4px var(--clean-1);border-color:#0000}.panel{animation:rise .5s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rec-wave-box{border-radius:var(--radius-m);background:var(--bg);border:1px solid var(--border);align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.live-wave{width:100%;height:100%;display:block}.rec-hint{color:var(--text-3);justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex;position:absolute;inset:0}.rec-hint__ring{border:2px solid var(--raw-1);width:14px;height:14px;animation:ring 1.6s var(--ease) infinite;border-radius:50%}@keyframes ring{0%{box-shadow:0 0 #ffb25780}to{box-shadow:0 0 0 14px #ffb25700}}.rec-timer{color:var(--text-2);justify-content:space-between;align-items:center;margin:18px 2px;font-size:.9rem;display:flex}.rec-timer__live{color:var(--raw-2);animation:1.2s infinite pulse}.rec-controls{justify-content:center;gap:12px;display:flex}.ctrl{border-radius:var(--radius-s);border:1px solid var(--border-hi);transition:transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);padding:.85em 1.6em;font-size:.95rem;font-weight:600}.ctrl:hover{transform:translateY(-2px)}.ctrl--ghost{background:var(--surface)}.ctrl--ghost:hover{border-color:var(--accent)}.ctrl--stop{background:color-mix(in srgb, var(--raw-2) 18%, transparent);border-color:var(--raw-2);color:var(--raw-2)}.ctrl--go{background:var(--grad-clean);color:#06120f;border-color:#0000}.err{color:var(--raw-2);text-align:center;border:1px solid color-mix(in srgb, var(--raw-2) 30%, transparent);border-radius:var(--radius-s);background:color-mix(in srgb, var(--raw-2) 8%, transparent);margin-top:18px;padding:12px;font-size:.9rem}.atten{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);margin:26px 0;padding:20px}.atten__label{justify-content:space-between;margin-bottom:14px;font-size:.95rem;display:flex}.atten__label .mono{color:var(--accent)}.atten__slider{appearance:none;background:var(--surface-hi);border-radius:100px;outline:none;width:100%;height:6px}.atten__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--grad-clean);cursor:pointer;width:22px;height:22px;box-shadow:0 0 14px -2px var(--clean-1);border-radius:50%}.atten__slider::-moz-range-thumb{background:var(--clean-2);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px}.atten__hints{color:var(--text-3);justify-content:space-between;margin-top:10px;display:flex}.preview-actions,.done-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.proc-head{align-items:center;gap:16px;margin-bottom:22px;display:flex}.proc-head strong{font-family:var(--font-display);font-size:1.2rem;display:block}.proc-head .mono{color:var(--text-3);font-size:.7rem}.proc-pct{color:var(--accent);margin-left:auto;font-size:1.3rem;font-weight:500}.proc-spin{border:3px solid var(--surface-hi);border-top-color:var(--clean-1);border-radius:50%;flex-shrink:0;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.proc-wave-box{border-radius:var(--radius-m);background:var(--bg);border:1px solid var(--border);height:200px;overflow:hidden}.proc-wave{width:100%;height:100%;display:block}.proc-note{text-align:center;color:var(--text-3);margin-top:16px;font-size:.88rem}.done-banner{border-radius:var(--radius-m);border:1px solid color-mix(in srgb, var(--clean-1) 30%, transparent);background:color-mix(in srgb, var(--clean-1) 8%, transparent);align-items:center;gap:14px;margin-bottom:26px;padding:16px 18px;display:flex}.done-check{background:var(--grad-clean);color:#06120f;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.done-banner strong{font-family:var(--font-display);font-size:1.15rem;display:block}.done-banner .mono{color:var(--text-3);font-size:.7rem}.results{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px;display:grid}@media (width<=720px){.results{grid-template-columns:1fr}.stage{padding:20px}}.player{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);padding:22px}.player--clean{border-color:color-mix(in srgb, var(--clean-1) 35%, transparent);box-shadow:0 0 40px -22px var(--clean-1);background:linear-gradient(160deg, color-mix(in srgb, var(--clean-1) 7%, transparent), transparent)}.player__head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.player__badge{letter-spacing:.12em;text-transform:uppercase;border-radius:100px;margin-bottom:10px;padding:4px 10px;font-size:.66rem;display:inline-block}.player__badge--raw{background:color-mix(in srgb, var(--raw-1) 18%, transparent);color:var(--raw-1)}.player__badge--clean{background:var(--grad-clean);color:#06120f;font-weight:700}.player__title{letter-spacing:-.01em;font-size:1.3rem}.player__sub{color:var(--text-3);margin-top:3px;font-size:.82rem}.player__play{border:1px solid var(--border-hi);background:var(--surface-solid);width:48px;height:48px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-size:.9rem;display:grid}.player__play:hover{transform:scale(1.08)}.player__play--clean{background:var(--grad-clean);color:#06120f;box-shadow:0 0 20px -4px var(--clean-1);border-color:#0000}.player__play--raw{color:var(--raw-1);border-color:var(--raw-1)}.player__wave{cursor:pointer;height:90px}.player__canvas{width:100%;height:100%;display:block}.player__foot{color:var(--text-3);justify-content:space-between;margin-top:10px;display:flex}@media (width<=520px){.rec-controls,.preview-actions,.done-actions{flex-direction:column}.ctrl,.preview-actions .btn,.done-actions .btn{width:100%}}