.landing{--bg:#f7f5ef;--surface:#fffdf8;--text:#25271f;--text-muted:#6d7065;--border:#dedfd5;--accent:#f1532e;--accent-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;grid-template-rows:104px minmax(0,1fr);height:100dvh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:grid;overflow:clip}.landing a{color:inherit;text-decoration:none}.landing button{cursor:pointer}.landing-nav,.landing-hero{width:min(1240px,100% - 112px);margin-inline:auto}.landing-nav{justify-content:space-between;align-items:center;display:flex;position:relative}.landing-nav:after{content:"";background:linear-gradient(90deg, transparent, var(--border) 12%, var(--border) 88%, transparent);height:1px;position:absolute;inset:auto 0 0}.nav-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #e3e2d7;border-radius:15px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #25271f0a,0 8px 20px -14px #25271f4d}.nav-actions button{cursor:pointer;border-radius:var(--radius-sm);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:7px;font-family:inherit;font-size:13px;transition:background-color .18s,color .18s,box-shadow .25s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.nav-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-icon{flex-shrink:0;width:13px;height:13px}.nav-boards{color:var(--text-muted);background:0 0;border:0;padding:9px 15px;font-weight:500}.nav-boards .nav-icon{fill:currentColor;opacity:.8}.nav-boards:hover{color:var(--text);background:#25271f0d}.nav-boards:active{transform:scale(.96)}.nav-create{background:var(--accent-tint);color:var(--accent);border:0;padding:9px 17px;font-weight:600}.nav-create .nav-icon{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;fill:none}.nav-create:hover{background:var(--accent-tint-strong)}.nav-create:active{background:var(--accent-tint-pressed);transform:scale(.97)}.legal .landing-nav{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f5efdb;position:sticky;top:0}.try-link:hover{color:var(--accent)}.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;min-height:0;padding-block:30px;display:grid}.eyebrow{letter-spacing:1.3px;align-items:center;gap:8px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.hero-copy{animation:.8s both landing-rise}.hero-copy h1{letter-spacing:-.062em;margin:28px 0 25px;font-size:clamp(60px,min(6.6vw,11dvh),92px);font-weight:550;line-height:1.02}.hero-copy h1>span{color:var(--accent)}.hero-description{color:var(--text-muted);margin:0 0 30px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:25px;display:flex}.landing-cta{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:16px 26px;font-size:13px;font-weight:600;transition:background-color .15s,transform .2s cubic-bezier(.2,.8,.2,1)}.landing-cta:hover{background:var(--accent-hover)}.landing-cta:active{background:var(--accent-active);transform:scale(.97)}.try-link{color:var(--text);white-space:nowrap;background:0 0;border:0;padding:10px 0;font-size:13px}.try-link span{margin-left:9px}.hero-note{color:var(--text-muted);margin:20px 0 0;font-size:11px}.hero-note span{margin-right:6px}.hero-note-link{text-underline-offset:2px;margin-left:4px;text-decoration:underline}.hero-note-link:hover{color:var(--text)}.playground-wrap{width:100%;max-width:510px;margin-inline:auto;animation:1.1s .1s both console-arrive;position:relative}.playground-wrap:before{content:"";filter:blur(25px);pointer-events:none;background:radial-gradient(#7374821a,#0000 70%);position:absolute;inset:15% -8% -5%}.sound-console{color:#f2f2f4;background:linear-gradient(145deg,#323339,#202125 55%,#191a1e);border:1px solid #4a4b50;border-radius:26px;padding:28px;position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #0009,0 3px #141519,0 5px #88898a,0 26px 45px -19px #15162370,0 55px 80px -50px #15162365}.console-top,.console-bottom{letter-spacing:1.1px;justify-content:space-between;align-items:center;gap:10px;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.console-top{border-bottom:1px solid #ffffff0c;padding-bottom:20px}.console-brand{color:#d3d3da}.console-brand>span{color:#7d7e89;margin-left:7px}.console-edition{color:#a1a2aa;align-items:center;gap:7px;display:flex}.console-edition .status-dot{background:#b6ed96;box-shadow:0 0 8px #b6ed9660}.console-heading{justify-content:space-between;align-items:center;margin:0 0 25px;display:flex}.console-heading p{letter-spacing:1.3px;color:#9a9ba5;margin:0 0 8px;font:7px ui-monospace,monospace}.console-heading h2{letter-spacing:-1px;margin:0;font-size:30px;font-weight:500}.console-meter{align-items:center;gap:3px;height:30px;display:flex}.console-meter i{opacity:.55;background:#a3a6b0;border-radius:2px;width:2px;transform:scaleY(.6)}.sound-console:has(.demo-tile--playing) .console-meter i{background:var(--accent);opacity:1;animation:.45s ease-in-out infinite alternate meter-bounce}.console-grid{background:#151619;border:1px solid #ffffff08;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-inline:-6px;padding:6px;display:grid}.console-grid .demo-tile{--pad-color:#c2b6ff;min-width:0;height:clamp(95px,16dvh,145px);color:var(--pad-color);background:linear-gradient(155deg,#35353e,#292a31);border:1px solid #45454f;border-bottom-color:#28292e;border-radius:11px;justify-content:space-between;gap:0;padding:13px;transition:transform .18s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 3px 3px #0005}.console-grid .demo-tile:after{content:"";background:radial-gradient(ellipse at 50% 100%, var(--pad-color), transparent 80%);opacity:.035;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.console-grid .demo-tile:hover{border-color:var(--pad-color);box-shadow:0 0 15px -7px var(--pad-color), inset 0 0 15px #ffffff03;transform:translateY(-2px)}.console-grid .demo-tile--pressed,.console-grid .demo-tile--playing{border-color:var(--pad-color);box-shadow:0 0 19px -6px var(--pad-color), inset 0 0 18px #ffffff09;transform:translateY(1px)scale(.985)}.console-grid .demo-tile--playing:after{opacity:.19}.pad-number{color:#a4a4af;justify-content:space-between;align-items:center;width:100%;font:8px ui-monospace,monospace;display:flex}.pad-led{background:var(--pad-color);opacity:.5;border-radius:50%;width:4px;height:4px}.demo-tile--playing .pad-led{opacity:1;box-shadow:0 0 8px 2px var(--pad-color)}.pad-art{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;opacity:.75;width:85%;height:40px;transition:opacity .15s}.console-grid .demo-tile__label{text-align:left;color:#dedee5;letter-spacing:.2px;width:100%;font-size:11px;font-weight:400}.console-grid .pad-wow{--pad-color:#9bc3ff}.console-grid .pad-nope{--pad-color:#edabce}.console-grid .pad-clap{--pad-color:#eda98d}.console-grid .pad-laugh{--pad-color:#c7dca4}.console-grid .pad-bonk{--pad-color:#91d5d0}.pad-playhead{opacity:0;stroke:#fff;stroke-width:.7px}.demo-tile--playing .pad-playhead{opacity:.85}.demo-tile--playing .pad-art{opacity:1}.console-grid .demo-tile__error{color:#fff;background:#292a31;place-items:center;font-size:10px;line-height:1.3;display:grid;position:absolute;inset:23px 6px 25px}.console-bottom{letter-spacing:.9px;color:#a0a1ab;margin-top:23px;font-size:7px}.console-bottom>span:first-child{align-items:center;gap:6px;display:flex}.console-bottom .status-dot{background:#8e92a1;width:3px;height:3px}.console-bottom>span:last-child>span{margin-left:7px}.playground-caption{text-align:center;letter-spacing:2.1px;color:#7c7d76;width:100%;margin:27px 0 0;font:8px ui-monospace,monospace;position:absolute;top:100%}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes console-arrive{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes meter-bounce{to{transform:scaleY(1.2)}}@media (width<=1100px){.landing-nav,.landing-hero{width:calc(100% - 64px)}.landing-hero{gap:35px}.hero-copy h1{font-size:clamp(52px,min(6.7vw,11dvh),74px)}.hero-actions{gap:15px}.landing-cta{padding-inline:15px}.sound-console{padding:23px}.console-heading p{letter-spacing:1px;font-size:6px}}@media (width<=700px){.landing{grid-template-rows:72px minmax(0,1fr)}.landing-nav,.landing-hero{width:calc(100% - 40px)}.brand{font-size:23px}.nav-actions{border-radius:14px;gap:2px;padding:4px}.nav-actions button{gap:6px;font-size:12px}.nav-create{padding:8px 14px}.nav-boards{padding:8px 10px}.nav-actions:has(.nav-boards) .nav-boards .nav-label{display:none}.nav-actions:has(.nav-boards) .nav-boards .nav-icon{width:15px;height:15px}.landing-hero{grid-template-columns:1fr;align-content:center;gap:clamp(15px,3dvh,35px);padding-block:15px 28px}.hero-copy{width:min(420px,100%);margin-inline:auto}.eyebrow{letter-spacing:.8px;margin:0;font-size:7px}.hero-copy h1{margin:15px 0 12px;font-size:clamp(40px,min(11vw,7.2dvh),70px)}.hero-description{margin-bottom:15px;font-size:12px;line-height:1.6}.desktop-break{display:none}.landing-cta{padding:12px 15px;font-size:11px}.try-link{font-size:11px}.hero-note{margin-top:12px;font-size:9px}.playground-wrap{max-width:420px}.sound-console{border-radius:19px;padding:17px}.console-top{padding-bottom:12px;font-size:7px}.console-heading{margin:13px 0}.console-heading h2{font-size:22px}.console-heading p{margin-bottom:4px;font-size:6px}.console-grid{border-radius:13px;gap:8px}.console-grid .demo-tile{border-radius:8px;height:clamp(62px,9.3dvh,110px);padding:9px 11px}.pad-art{height:25px}.pad-number{font-size:7px}.console-grid .demo-tile__label{font-size:10px}.console-bottom{margin-top:13px;font-size:6px}.playground-caption{margin-top:16px;font-size:6px}}@media (height<=720px) and (width>=701px){.landing{grid-template-rows:76px minmax(0,1fr)}.hero-copy h1{margin-block:16px;font-size:clamp(40px,10dvh,68px)}.hero-description{margin-bottom:20px;font-size:13px}.sound-console{padding:20px}.console-heading{margin-block:16px}.console-grid .demo-tile{height:clamp(60px,16dvh,110px)}.playground-caption{margin-top:17px}}@media (height<=740px) and (width<=700px){.landing{grid-template-rows:62px minmax(0,1fr)}.landing-hero{gap:16px;padding-block:12px 23px}.hero-copy h1{margin-block:10px;font-size:clamp(35px,6.8dvh,49px)}.hero-description{margin-bottom:10px;font-size:11px}.hero-note{margin-top:9px}.console-heading{margin-block:10px}.console-heading p{display:none}.console-top{padding-bottom:9px}.sound-console{padding:13px}.console-grid .demo-tile{height:8.6dvh;min-height:48px;padding:6px 9px}.pad-art{height:19px}.console-bottom{margin-top:10px}.playground-caption{margin-top:12px}}@media (height<=520px){.landing{grid-template-rows:56px minmax(0,1fr)}.nav-actions{border-radius:13px;padding:3px}.nav-actions button{padding-block:7px;font-size:11px}.landing-hero{grid-template-columns:1fr 1fr;gap:20px;padding-block:12px}.hero-copy h1{margin-block:10px;font-size:clamp(26px,8.5dvh,43px)}.hero-copy .eyebrow,.hero-note,.playground-caption,.console-heading p,.try-link{display:none}.hero-description{margin-bottom:12px;font-size:10px}.landing-cta{padding:10px;font-size:10px}.sound-console{padding:12px}.console-heading{margin-block:10px}.console-heading h2{font-size:20px}.console-meter{display:none}.console-top{letter-spacing:.5px;padding-bottom:10px;font-size:6px}.console-brand>span{display:none}.console-grid{gap:6px}.console-grid .demo-tile{height:15dvh;min-height:45px;padding:6px}.pad-art{height:20px}.console-bottom{letter-spacing:.3px;margin-top:10px;font-size:5px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5ef;--surface:#fffdf8;--border:#dedfd5;--text:#25271f;--text-muted:#6d7065;--accent:#f1532e;--accent-text:#fff;--brand:#f1532e;--danger:#d6303f;--shadow:0 1px 2px #25271f0a, 0 10px 30px #25271f14;--radius-lg:22px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,input{font-family:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root,.accent-scope{--accent-soft:color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint:color-mix(in srgb, var(--accent) 9%, transparent);--accent-tint-strong:color-mix(in srgb, var(--accent) 15%, transparent);--accent-tint-pressed:color-mix(in srgb, var(--accent) 20%, transparent);--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 88%, #000);--accent-active:color-mix(in srgb, var(--accent) 80%, #000)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand{letter-spacing:-1.3px;align-items:center;font-size:26px;font-weight:750;text-decoration:none;display:inline-flex}.brand-period{color:var(--brand)}.brand-icon{align-items:center;gap:3px;height:28px;margin-right:10px;display:flex;transform:rotate(-10deg)}.brand-icon i{background:var(--brand);border-radius:2px;width:4px;height:14px}.brand-icon i:nth-child(2){height:26px}.brand-icon i:nth-child(3){height:21px}.brand--small{letter-spacing:-.9px;font-size:18px;font-weight:700}.brand--small .brand-icon{height:19px;margin-right:7px}.brand--small .brand-icon i{width:3px;height:10px}.brand--small .brand-icon i:nth-child(2){height:18px}.brand--small .brand-icon i:nth-child(3){height:15px}.button{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);letter-spacing:-.01em;cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-block}.button:hover{background:#eeece2;border-color:#b3b5a7}.button:active{transform:scale(.96)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--primary:hover{background:var(--accent-hover)}.button--primary:active{background:var(--accent-active)}.button--secondary{background:0 0}.button--danger{background:var(--danger);border-color:var(--danger);color:#fff}.button--danger:hover{background:#bf2836}.button--large{border-radius:var(--radius-md);padding:14px 28px;font-size:16px}.button:disabled{opacity:.5;cursor:default;transform:none}.modal--boards{max-width:460px}.modal--boards .modal-head{margin-bottom:14px}.boards-sheet{margin:0 -10px}.boards-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.boards-row{border-radius:var(--radius-md);align-items:center;gap:4px;padding-right:8px;transition:background-color .15s;display:flex;position:relative}.boards-row:hover,.boards-row:focus-within{background:#25271f0b}.boards-row__main{border-radius:var(--radius-md);min-width:0;color:var(--text);flex:1;align-items:center;gap:14px;padding:10px;text-decoration:none;display:flex}.boards-row__main :root,.accent-scope{--accent-soft:color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint:color-mix(in srgb, var(--accent) 9%, transparent);--accent-tint-strong:color-mix(in srgb, var(--accent) 15%, transparent);--accent-tint-pressed:color-mix(in srgb, var(--accent) 20%, transparent);--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 88%, #000);--accent-active:color-mix(in srgb, var(--accent) 80%, #000)}.boards-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.boards-row__name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.boards-row__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.boards-thumb{background:#2a2b30;border-radius:8px;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:2px;width:38px;height:27px;padding:3px;display:grid;box-shadow:inset 0 1px #ffffff14,0 1px 2px #25271f26}.boards-thumb i{background:#3d3e46;border-radius:2px;transition:background-color .25s}.boards-row__actions{align-items:center;gap:2px;display:flex}@media (hover:hover){.boards-row__actions{opacity:0;transition:opacity .15s}.boards-row:hover .boards-row__actions,.boards-row:focus-within .boards-row__actions{opacity:1}.boards-row__actions:has([aria-expanded=true]){opacity:1}}.boards-row__icon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.boards-row__icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.boards-row__icon .boards-row__dots{fill:currentColor;stroke:none}.boards-row__icon:hover,.boards-row__icon[aria-expanded=true]{color:var(--text);background:#25271f12}.boards-row__icon:active{transform:scale(.94)}.boards-row__icon--done,.boards-row__icon--done:hover{color:var(--accent)}.boards-menu{position:relative}.boards-menu__list{z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;padding:4px;animation:.15s modal-pop;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 1px 2px #25271f0f,0 14px 30px -12px #25271f4d}.boards-menu__list button{border-radius:var(--radius-sm);width:100%;color:var(--danger);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:9px 11px;font-size:14px;display:flex}.boards-menu__list button:hover{background:#d6303f12}.boards-menu__hint{color:var(--text-muted);font-size:12px}.boards-row--missing .boards-row__main{opacity:.55}.boards-row__remove{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:13px}.boards-row__remove:hover{color:var(--text);background:#25271f12}.boards-empty{color:var(--text-muted);margin:0;padding:18px 10px;font-size:14px}.boards-new{border:0;border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;color:var(--accent);letter-spacing:-.01em;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;margin-top:6px;padding:10px;font-size:15px;font-weight:600;transition:background-color .15s;display:flex}.boards-new:hover{background:var(--accent-soft)}.boards-new :root,.accent-scope{--accent-soft:color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint:color-mix(in srgb, var(--accent) 9%, transparent);--accent-tint-strong:color-mix(in srgb, var(--accent) 15%, transparent);--accent-tint-pressed:color-mix(in srgb, var(--accent) 20%, transparent);--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 88%, #000);--accent-active:color-mix(in srgb, var(--accent) 80%, #000)}:focus-visible{outline-offset:-2px}.boards-new__icon{background:var(--accent-tint);border-radius:8px;place-items:center;width:38px;height:27px;display:grid}.boards-new__icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;width:13px;height:13px}.boards-note{text-align:center;color:var(--text-muted);margin:16px 0 0;font-size:12px}.board-page{background:var(--bg);min-height:100dvh}.board-page-inner{width:min(1240px,100% - 112px);margin-inline:auto;padding-bottom:64px}.board-page-inner .landing-nav{width:auto;height:104px;margin-bottom:44px}.nav-end{align-items:center;gap:10px;display:flex}.board-share{border-radius:13px;padding:11px 20px;font-weight:600}.board-menu{position:relative}.board-menu__trigger{width:42px;height:42px;color:var(--text-muted);cursor:pointer;background:#ffffff8c;border:1px solid #e3e2d7;border-radius:13px;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid;box-shadow:inset 0 1px #fff,0 1px 2px #25271f0a}.board-menu__trigger svg{fill:currentColor;width:16px;height:16px}.board-menu__trigger:hover,.board-menu__trigger[aria-expanded=true]{color:var(--text);background:#fff}.board-menu__trigger:active{transform:scale(.95)}.board-menu__list{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:210px;padding:4px;animation:.15s modal-pop;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 1px 2px #25271f0f,0 14px 30px -12px #25271f4d}.board-menu__list button,.board-menu__list a{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 11px;font-size:14px;text-decoration:none;display:block}.board-menu__list button:hover,.board-menu__list a:hover{background:#25271f0f}.board-menu__list a span{color:var(--text-muted)}.board-menu__list hr{border:0;border-top:1px solid var(--border);margin:4px 6px}.board-menu__colors{padding:6px 11px 8px}.board-menu__caption{color:var(--text-muted);margin-bottom:7px;font-size:12px;display:block}.board-menu__swatches{gap:7px;display:flex}.board-menu__list .board-menu__swatch{background:var(--swatch);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;display:grid}.board-menu__list .board-menu__swatch:hover{background:var(--swatch);transform:scale(1.1)}.board-menu__swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--swatch)}.board-menu__swatch svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:12px;height:12px}.board-menu__swatch[aria-checked=true] svg{opacity:1}.board-menu__list .board-menu__danger{color:var(--danger)}.board-menu__list .board-menu__danger:hover{background:#d6303f12}.modal--delete{max-width:400px}.modal--delete .field input{width:100%}.delete-copy{color:var(--text-muted);margin:0 0 18px;font-size:14px;line-height:1.55}.delete-copy strong{color:var(--text);font-weight:600}@media (width<=1100px){.board-page-inner{width:calc(100% - 64px)}}@media (width<=700px){.board-page-inner{width:calc(100% - 40px)}.board-page-inner .landing-nav{height:72px;margin-bottom:28px}.board-page .nav-label{display:none}.board-page .nav-actions button{padding:8px 10px}.board-page .nav-icon{width:15px;height:15px}.nav-end{gap:6px}.board-menu__trigger{width:38px;height:38px}.board-share{padding:10px 15px}.board-console{border-radius:19px;padding:17px}}.board-name{view-transition-name:board-title;letter-spacing:-.03em;width:fit-content;margin:0 0 6px;font-size:clamp(32px,4.5vw,48px);font-weight:600}body:has(.modal--create) .board-name{view-transition-name:none}.board-name__edit{border-radius:var(--radius-md);color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:text;background:0 0;border:0;align-items:center;gap:12px;margin:0 -10px;padding:0 10px;transition:background-color .15s;display:inline-flex}.board-name__edit:hover{background:#25271f0b}.board-name__pencil{fill:none;width:.42em;height:.42em;stroke:var(--text-muted);stroke-width:1.4px;stroke-linejoin:round;opacity:0;flex-shrink:0;transition:opacity .15s}.board-name__edit:hover .board-name__pencil,.board-name__edit:focus-visible .board-name__pencil{opacity:1}@media (hover:none){.board-name__pencil{opacity:.6}}.board-name__input{field-sizing:content;border:0;border-bottom:2px solid var(--accent);width:100%;min-width:4ch;color:var(--text);background:0 0;outline:none;padding:0;font-family:inherit;display:block}.board-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;margin:0 0 32px;font-size:14px;display:flex}.board-pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin-right:10px;padding:3px 10px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}.board-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.edit-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;margin:-12px 0 28px;padding:16px 18px;transition:border-color .25s;animation:.4s cubic-bezier(.2,.8,.2,1) .2s both banner-in;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #25271f0a,0 10px 24px -18px #25271f59}.edit-banner--done{border-color:var(--accent-border)}@keyframes banner-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.edit-banner__icon{background:var(--accent-soft);border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.edit-banner__icon svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.edit-banner__text{flex:1;min-width:0}.edit-banner__title{letter-spacing:-.01em;margin:0 0 2px;font-size:15px;font-weight:600}.edit-banner__body{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.edit-banner__url{color:var(--text);word-break:break-all;-webkit-user-select:all;user-select:all}.edit-banner__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.edit-banner__actions .button--primary{white-space:nowrap}.edit-banner__dismiss{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:14px}.edit-banner__dismiss:hover{color:var(--text);background:#25271f0f}@media (width<=700px){.edit-banner{flex-wrap:wrap;align-items:flex-start}.edit-banner__actions{width:100%;margin-left:50px}}.empty-state{color:var(--text-muted);margin-top:24px}.not-found{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;display:flex}.not-found__panel{color:#f2f2f4;background:linear-gradient(145deg,#323339,#202125 55%,#191a1e);border:1px solid #4a4b50;border-radius:26px;max-width:440px;padding:40px 44px;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #0009,0 3px #141519,0 5px #88898a,0 26px 45px -19px #15162370,0 55px 80px -50px #15162365}.not-found__wave{justify-content:center;align-items:center;gap:4px;height:16px;margin-bottom:22px;display:flex}.not-found__wave i{background:#55565c;border-radius:2px;width:4px;height:5px;animation:2.2s ease-in-out infinite not-found-pulse}.not-found__wave i:first-child{animation-delay:-1.9s}.not-found__wave i:nth-child(2){animation-delay:-1.5s}.not-found__wave i:nth-child(3){animation-delay:-1.1s}.not-found__wave i:nth-child(4){animation-delay:-.7s}.not-found__wave i:nth-child(5){animation-delay:-.3s}.not-found__wave i:nth-child(6){animation-delay:-1.3s}.not-found__wave i:nth-child(7){animation-delay:-.9s}.not-found__wave i:nth-child(4){background:var(--accent);opacity:.7}@keyframes not-found-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.4)}}@media (prefers-reduced-motion:reduce){.not-found__wave i{animation:none}}.not-found h1{letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.6vw,34px);font-weight:600}.not-found p{color:#b8b9bd;margin:10px 0 0;font-size:15px}.not-found__actions{align-items:center;gap:12px;display:flex}.legal{background:var(--bg);min-height:100dvh}.legal .landing-nav{padding:28px 0}.legal-content{width:min(720px,100% - 48px);margin:0 auto 80px;padding-bottom:40px}.legal-content h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(30px,4vw,40px);font-weight:600}.legal-updated{color:var(--text-muted);margin:0 0 36px;font-size:13px}.legal-content h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:19px;font-weight:600}.legal-content p{color:var(--text);margin:0 0 16px;font-size:15px;line-height:1.7}.legal-content ul{margin:0 0 16px;padding-left:22px}.legal-content li{margin-bottom:6px;font-size:15px;line-height:1.7}.legal-content a{color:var(--accent)}.board-console{color:#f2f2f4;background:linear-gradient(145deg,#323339,#202125 55%,#191a1e);border:1px solid #4a4b50;border-radius:26px;padding:30px;position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #0009,0 3px #141519,0 5px #88898a,0 26px 45px -19px #15162370,0 55px 80px -50px #15162365}.board-grid{background:#151619;border:1px solid #ffffff08;border-radius:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:-6px;padding:6px;display:grid}@media (width>=640px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.board-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.sound-tile-wrapper{position:relative}.sound-tile{--pad-color:#f1532e;appearance:none;width:100%;min-height:96px;color:var(--pad-color);cursor:pointer;background:linear-gradient(155deg,#35353e,#292a31);border:1px solid #45454f;border-bottom-color:#28292e;border-radius:11px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px;transition:transform .18s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 3px 3px #0005}.sound-tile:after{content:"";background:radial-gradient(ellipse at 50% 100%, var(--pad-color), transparent 80%);opacity:.035;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.sound-tile:hover{border-color:var(--pad-color);box-shadow:0 0 15px -7px var(--pad-color), inset 0 0 15px #ffffff03;transform:translateY(-2px)}.sound-tile--pressed,.sound-tile[aria-pressed=true]{border-color:var(--pad-color);box-shadow:0 0 19px -6px var(--pad-color), inset 0 0 18px #ffffff09;transform:translateY(1px)scale(.985)}.sound-tile--pressed:after,.sound-tile[aria-pressed=true]:after{opacity:.19}.sound-tile__index{color:#a4a4af;justify-content:space-between;align-items:center;width:100%;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.sound-tile__led{background:var(--pad-color);opacity:.5;border-radius:50%;flex-shrink:0;width:4px;height:4px}.sound-tile[aria-pressed=true] .sound-tile__led{opacity:1;box-shadow:0 0 8px 2px var(--pad-color)}.sound-tile__name{color:#dedee5;text-align:left;font-size:15px;font-weight:500}.sound-tile__duration{color:#8e8f99;font-size:11px}.sound-tile__progress{background:var(--pad-color);transform-origin:0;width:100%;height:3px;animation-name:sound-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}@keyframes sound-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sound-tile--add{--pad-color:var(--accent);color:#8e8f99;box-shadow:none;background:0 0;border-style:dashed;justify-content:center;align-items:center;gap:10px}.sound-tile--add:hover{color:var(--pad-color);border-color:var(--pad-color);box-shadow:none;transform:none}.sound-tile--add-first{color:var(--pad-color);border-color:color-mix(in srgb, var(--pad-color) 55%, transparent);background:color-mix(in srgb, var(--pad-color) 7%, transparent)}.sound-tile__add-title{align-items:center;gap:7px;font-size:13px;display:flex}.sound-tile__add-title .sound-tile__plus{margin:0;font-size:18px}.sound-tile__add-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sound-tile__add-action{color:#c9cad2;cursor:pointer;background:#ffffff08;border:1px solid #45454f;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-family:inherit;font-size:12px;transition:background-color .15s,border-color .15s,color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.sound-tile__add-action:hover{color:#fff;background:#ffffff14;border-color:#5c5d66}.sound-tile__add-action:active{transform:scale(.95)}.sound-tile__add-action:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.sound-tile__add-action svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.sound-tile__rec-dot{background:#ff5a47;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #ff5a4799}.sound-tile-wrapper--fresh{animation:.46s cubic-bezier(.2,.8,.2,1) both tile-land}@keyframes tile-land{0%{opacity:0;transform:translateY(8px)scale(.92)}60%{opacity:1;transform:translateY(0)scale(1.02)}}.sound-tile--ghost{cursor:default;border-style:dashed;border-color:color-mix(in srgb, var(--pad-color) 22%, #45454f);box-shadow:none;color:color-mix(in srgb, var(--pad-color) 45%, #5a5b64);background:0 0;animation:.5s cubic-bezier(.2,.8,.2,1) both ghost-in}.sound-tile--ghost:after{display:none}.sound-tile--ghost:hover{border-color:color-mix(in srgb, var(--pad-color) 22%, #45454f);box-shadow:none;transform:none}@keyframes ghost-in{0%{opacity:0;transform:scale(.97)}}.sound-tile--ghost:nth-child(n+3){display:none}@media (width>=640px){.sound-tile--ghost:nth-child(3){display:flex}}@media (width>=900px){.sound-tile--ghost:nth-child(4){display:flex}}@media (width>=1200px){.sound-tile--ghost:nth-child(5){display:flex}}.sound-tile__plus{margin-bottom:2px;font-size:22px;line-height:1}.sound-tile--renaming{cursor:default;align-items:center;display:flex}.sound-tile__rename-input{color:#f2f2f4;background:0 0;border:none;width:100%;font-size:15px;font-weight:500}.sound-tile__rename-input:focus{outline:none}.sound-tile-menu{position:absolute;top:8px;right:8px}.sound-tile-menu__trigger{appearance:none;color:#dedee5;cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;width:26px;height:26px;font-size:13px;line-height:1}.sound-tile-menu__trigger:hover{background:#ffffff2e}.sound-tile-menu__list{border-radius:var(--radius-sm);z-index:5;background:#2a2b31;border:1px solid #45454f;flex-direction:column;min-width:120px;display:flex;position:absolute;top:32px;right:0;overflow:hidden;box-shadow:0 12px 24px -8px #000a}.sound-tile-menu__list button{appearance:none;text-align:left;cursor:pointer;color:#dedee5;background:0 0;border:none;padding:10px 14px;font-size:14px}.sound-tile-menu__list button:hover{background:#ffffff0f}.sound-tile-menu__delete{color:#ff7a72}.modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(.9);backdrop-filter:blur(10px)saturate(.9);z-index:10;background:#1f1d1880;justify-content:center;align-items:center;padding:24px;animation:.15s modal-fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;max-height:calc(100dvh - 48px);padding:28px;animation:.15s modal-pop;overflow-y:auto;box-shadow:inset 0 1px #fff,0 1px 2px #25271f0f,0 12px 24px -12px #25271f40,0 40px 70px -40px #25271f73}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal:focus{outline:none}.modal-overlay--closing{animation:.16s forwards modal-fade-out}.modal-overlay--closing .modal{animation:.16s forwards modal-pop-out}@keyframes modal-fade-out{to{opacity:0}}@keyframes modal-pop-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:0}.modal-overlay>.modal{max-width:none;max-height:calc(100dvh - 40px);padding:10px 22px calc(22px + env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up}.modal-overlay>.modal:before{content:"";background:var(--border);border-radius:3px;width:36px;height:5px;margin:0 auto 14px;display:block}.modal-overlay--closing>.modal{animation:.16s ease-in forwards sheet-down}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;margin:-2px -4px 0 0;padding:0;transition:background-color .15s,color .15s;display:grid}.modal-close svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;fill:none;width:14px;height:14px}.modal-close:hover{color:var(--text);background:#25271f0f}.modal-error{color:var(--danger);margin:0 0 16px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg);padding:10px 12px;font-size:16px}.share-link{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-all;margin:12px 0;padding:10px 12px;font-size:14px}.modal--create{max-width:420px}.field-count{font-variant-numeric:tabular-nums;color:#9a9c90;font-size:11px}.field-count--full{color:var(--accent)}.create-name{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;transition:border-color .15s;display:flex}.create-name:focus-within{border-color:var(--accent)}.create-name__input{min-width:0;color:var(--text);letter-spacing:-.03em;view-transition-name:board-title;background:0 0;border:0;flex:1;padding:2px 0 10px;font-size:28px;font-weight:600}.create-name__input:focus,.create-name__input :root,.accent-scope{--accent-soft:color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint:color-mix(in srgb, var(--accent) 9%, transparent);--accent-tint-strong:color-mix(in srgb, var(--accent) 15%, transparent);--accent-tint-pressed:color-mix(in srgb, var(--accent) 20%, transparent);--accent-border:color-mix(in srgb, var(--accent) 30%, transparent);--accent-hover:color-mix(in srgb, var(--accent) 88%, #000);--accent-active:color-mix(in srgb, var(--accent) 80%, #000)}:focus-visible{outline:none}.create-name__input::placeholder{color:#c6c7bc}.create-accent{border:0;margin:24px 0;padding:0}.create-accent__label{color:var(--text-muted);margin-bottom:8px;padding:0;font-size:12px}.create-accent__options{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.create-accent__option{border:1px solid color-mix(in srgb, var(--swatch) 45%, var(--border));background:color-mix(in srgb, var(--swatch) 22%, var(--bg));color:#fff;cursor:pointer;border-radius:10px;place-items:center;height:40px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.create-accent__option:hover{background:color-mix(in srgb, var(--swatch) 38%, var(--bg));transform:translateY(-1px)}.create-accent__option:active{transform:scale(.96)}.create-accent__option:has(input:checked){border-color:var(--swatch);background:var(--swatch);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--swatch)}.create-accent__option:has(input:focus-visible){outline:2px solid var(--text);outline-offset:4px}.create-accent__option svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:16px;height:16px;transition:opacity .15s,transform .2s cubic-bezier(.2,.8,.2,1);transform:scale(.6)}.create-accent__option:has(input:checked) svg{opacity:1;transform:scale(1)}.create-turnstile:not(:empty){justify-content:center;margin-bottom:16px;display:flex}.create-submit{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:15px;font-weight:600;display:flex}.create-submit svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.create-submit:not(:disabled):hover svg{transform:translate(2px)}.modal--create .button--primary:disabled{opacity:1;color:#a2a497;background:#ebe9df;border-color:#ebe9df}.create-note{text-align:center;color:var(--text-muted);margin:12px 0 0;font-size:12px}::view-transition-group(board-title){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(board-title){object-fit:none;object-position:left center;height:100%}::view-transition-new(board-title){object-fit:none;object-position:left center;height:100%}::view-transition-old(root){animation-duration:.26s}::view-transition-new(root){animation-duration:.26s}.modal--add{max-width:400px}.add-sound-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.add-sound-option{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:22px 14px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:flex}.add-sound-option:hover{background:#eeece2;border-color:#b3b5a7}.add-sound-option:active{transform:scale(.98)}.add-sound-option--upload:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.add-sound-option__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.add-sound-option__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.add-sound-option__icon--record:before{content:"";background:var(--accent);border-radius:50%;width:14px;height:14px}.add-sound-option__hint{color:var(--text-muted);font-size:12px;font-weight:400}.recording-view{flex-direction:column;align-items:center;gap:18px;display:flex}.recording-waveform{border-radius:var(--radius-md);background:var(--bg);width:100%;height:64px;color:var(--accent)}.record-stop{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:80px;height:80px;padding:0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.record-stop:active{transform:scale(.95)}.record-stop svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.record-stop__track,.record-stop__ring{fill:none;stroke-width:4px}.record-stop__track{stroke:var(--border)}.record-stop__ring{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.record-stop__square{background:var(--danger);border-radius:7px;width:26px;height:26px;animation:1.6s ease-in-out infinite rec-pulse;box-shadow:0 0 0 6px #d6303f1f}@keyframes rec-pulse{50%{box-shadow:0 0 0 10px #d6303f0d}}.recording-time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:600}.recording-time span{color:var(--text-muted);font-size:15px;font-weight:400}.processing-view{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:28px 0;font-size:14px;display:flex}.processing-dots{gap:6px;display:flex}.processing-dots i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite both dot-bounce}.processing-dots i:nth-child(2){animation-delay:.15s}.processing-dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.review-view{flex-direction:column;display:flex}.preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px 10px 10px;display:flex}.preview__play{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:background-color .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.preview__play:hover{background:var(--accent-hover)}.preview__play:active{transform:scale(.94)}.preview__play:disabled{color:#a2a497;cursor:default;background:#ebe9df}.preview__play svg{fill:currentColor;width:14px;height:14px}.preview__wave{color:#c3c5b8;cursor:pointer;flex:1;height:40px;position:relative}.wave-bars{align-items:center;gap:2px;height:100%;display:flex}.wave-bars i{background:currentColor;border-radius:2px;flex:1;min-width:1px;transition:height .3s cubic-bezier(.2,.8,.2,1)}.preview__wave-fill{color:var(--accent);animation:linear both wave-fill;position:absolute;inset:0}@keyframes wave-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.preview__duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.drop-overlay{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#f7f5efb8;place-items:center;padding:24px;animation:.15s modal-fade;display:grid;position:fixed;inset:0}.drop-overlay__panel{border:2px dashed var(--accent);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;animation:.2s modal-pop;display:flex}.drop-overlay__panel svg{fill:none;width:28px;height:28px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.drop-overlay__title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.drop-overlay__hint{color:var(--text-muted);margin:0;font-size:14px}.toasts{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(440px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{color:#f2f2f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#25262bf2;border:1px solid #45464d;border-radius:14px;align-items:center;gap:4px;max-width:100%;padding:6px 6px 6px 16px;font-size:14px;animation:.26s cubic-bezier(.2,.8,.2,1) both toast-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 2px 4px #1415191f,0 18px 36px -14px #14151980}.toast--leaving{animation:.18s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.98)}}.toast__mark{background:#ff6a5c;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:6px;box-shadow:0 0 8px #ff6a5c80}.toast__message{flex:1;min-width:0;padding:6px 8px 6px 0;line-height:1.4}.toast__action{color:#ff8a6b;cursor:pointer;background:#ffffff14;border:0;border-radius:9px;flex-shrink:0;padding:7px 12px;font-size:14px;font-weight:600;transition:background-color .15s,transform .2s cubic-bezier(.2,.8,.2,1)}.toast__action:hover{background:#ffffff21}.toast__action:active{transform:scale(.96)}.toast__close{color:#9a9ba5;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;padding:0;transition:background-color .15s,color .15s;display:grid}.toast__close:hover{color:#f2f2f4;background:#ffffff14}.toast__close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:12px;height:12px}.toast__timer{transform-origin:0;background:#ffffff38;width:100%;height:2px;animation:linear forwards toast-timer;position:absolute;bottom:0;left:0}.toast--error .toast__timer{background:#ff6a5c66}.toast:hover .toast__timer,.toast:focus-within .toast__timer{animation-play-state:paused}@keyframes toast-timer{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.sound-tile,.button,.modal,.modal-overlay,.edit-banner,.sound-tile--ghost,.sound-tile-wrapper--fresh,.record-stop__square,.processing-dots i,.drop-overlay,.drop-overlay__panel,.board-menu__list,.boards-menu__list,.toast,.sound-tile__progress{transition:none!important;animation:none!important}}