:root{color:#fff;background:#000;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}body{background:#000;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}label{-webkit-tap-highlight-color:transparent}.qwave-shell{--chrome:#161618e0;--chrome-strong:#212124f0;--stroke:#ffffff21;--soft:#ffffff9e;--strong:#fff;--blue:#0a84ff;min-height:100svh;padding:max(env(safe-area-inset-top), 1rem) max(env(safe-area-inset-right), 1rem) max(env(safe-area-inset-bottom), 1rem) max(env(safe-area-inset-left), 1rem);color:var(--strong);background:#000;position:relative;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qwave-top{z-index:5;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;min-height:4.5rem;display:grid;position:relative}.qwave-title{width:100%;min-width:0;color:var(--strong);text-align:center;text-overflow:ellipsis;background:0 0;border:0;outline:none;grid-column:2;font-size:1.6rem;font-weight:760;line-height:1.1}.top-close{width:3.2rem;height:3.2rem;color:var(--strong);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;grid-column:3;justify-self:end;place-items:center;display:grid;position:relative;overflow:hidden}.qwave-stage{inset:calc(max(env(safe-area-inset-top), 1rem) + 5rem) 0 0;z-index:1;position:absolute}.import-panel{border:1px solid var(--stroke);width:min(22rem,100vw - 2rem);min-height:10rem;color:var(--strong);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff12;border-radius:1.25rem;place-items:center;gap:.4rem;display:grid;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.import-panel.is-loading{opacity:.72;pointer-events:none}.audio-native-picker{color:#fff;background:#7dedff1f;border:1px solid #7dedff8a;border-radius:999px;width:min(17rem,100vw - 4rem);min-height:3rem;padding:.65rem .85rem}.file-input-native{z-index:2;opacity:.001;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.import-panel__title{font-size:1.35rem;font-weight:750}.import-panel__sub{color:var(--soft);font-size:.9rem}.note-popover{--note-color:#7dedff;--note-glow:#7dedff38;left:50%;bottom:calc(max(env(safe-area-inset-bottom), 1rem) + 11.6rem);border:1.5px solid var(--note-color);width:min(24rem,100dvw - 2rem);max-width:calc(100dvw - 2rem);min-height:12rem;max-height:min(42svh,100svh - 15rem,23rem);box-shadow:0 0 0 2px var(--note-glow), 0 2rem 5rem #00000094;z-index:4;background:#020203f2;border-radius:.65rem;flex-direction:column;padding:.75rem;display:flex;position:fixed;transform:translate(-50%)}.note-popover:after{content:"";background:var(--note-color);width:.24rem;height:4.2rem;box-shadow:0 0 1rem var(--note-glow);border-radius:999px;position:absolute;bottom:-4.2rem;left:50%;transform:translate(-50%)}.note-popover__tools{align-items:center;gap:.45rem;min-height:2rem;display:flex}.note-popover__time{color:var(--note-color);margin-right:auto;font-size:.82rem;font-weight:760}.note-icon-button{width:1.85rem;height:1.85rem;color:var(--strong);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;place-items:center;display:grid}.rainbow-dot{background:conic-gradient(#ff4d7d,#ffb000,#eeff35,#30f58f,#2bd6ff,#a077ff,#ff4d7d);border-radius:999px;width:.85rem;height:.85rem}.tone-popover{border:1px solid var(--stroke);z-index:6;background:#121214fa;border-radius:.7rem;grid-template-columns:repeat(3,1.25rem);gap:.45rem;padding:.55rem;display:grid;position:absolute;top:3.05rem;right:.65rem}.tone-swatch{background:var(--swatch);border:0;border-radius:999px;width:1.25rem;height:1.25rem}.tone-swatch.is-selected{outline-offset:2px;outline:2px solid #fff}.note-textarea{resize:none;width:100%;min-height:7rem;color:var(--strong);background:0 0;border:0;outline:none;flex:1;padding:.55rem 0 0;font-size:1.6rem;line-height:1.2}.note-textarea::placeholder{color:#ffffff52}.sample-fire-cta{right:max(env(safe-area-inset-right), 1rem);bottom:calc(max(env(safe-area-inset-bottom), 1rem) + 10.5rem);z-index:6;color:#fff;text-align:left;text-transform:uppercase;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 24% 20%,#ffffff4d,#0000 30%),linear-gradient(135deg,#7dedff57,#c6abff38),#06080ceb;border:1.5px solid #7dedffcc;border-radius:1.1rem;gap:.1rem;min-width:9.8rem;padding:.85rem 1rem;display:grid;position:fixed;box-shadow:0 0 2.5rem #7dedff3d,0 1rem 3rem #0000006b}.sample-fire-cta span,.sample-fire-dock-button span:not(.icon-sampler){letter-spacing:.08em;font-size:.82rem;font-weight:920}.sample-fire-cta small,.sample-fire-dock-button small{color:#ffffffad;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:820}.player-bottom{z-index:5;padding:0 1rem max(env(safe-area-inset-bottom), 1rem);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.timeline-pill{border:1px solid var(--stroke);touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#1c1c1ed1;border-radius:999px;width:min(52rem,100vw - 3rem);height:4.6rem;margin:0 auto 5.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 1rem 3rem #00000080}.timeline-track{position:absolute;inset:.85rem 1.15rem}.timeline-bars{justify-content:space-between;align-items:center;gap:.18rem;display:flex;position:absolute;inset:0}.timeline-bar{width:.16rem;height:var(--bar-height);background:#ffffff9e;border-radius:999px;min-height:.55rem}.timeline-marker{--marker-left:0%;--marker-color:#7dedff;left:var(--marker-left);background:var(--marker-color);width:.38rem;box-shadow:0 0 1rem var(--marker-color);border:0;border-radius:999px;padding:0;position:absolute;top:-.13rem;bottom:-.13rem;transform:translate(-50%)}.timeline-marker.is-selected{width:.5rem}.timeline-playhead{--playhead-left:0%;left:var(--playhead-left);background:#fff;border-radius:999px;width:.22rem;position:absolute;top:-.33rem;bottom:-.33rem;transform:translate(-50%);box-shadow:0 0 1.5rem #fffc}.control-dock{bottom:max(env(safe-area-inset-bottom), 1rem);border:1px solid var(--stroke);background:var(--chrome);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex;position:absolute;box-shadow:0 1rem 3rem #0000007a}.control-dock--left{left:max(env(safe-area-inset-left), 1rem)}.control-dock--right{right:max(env(safe-area-inset-right), 1rem)}.dock-button{width:3.05rem;height:3.05rem;color:var(--strong);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.dock-button--fire{background:#ffffff14}.sample-fire-dock-button{color:#fff;text-align:left;background:#7dedff1f;border:1px solid #7dedff73;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.55rem;min-width:8.8rem;min-height:3.05rem;padding:.4rem .9rem .4rem .75rem;display:grid}.sample-fire-dock-button .icon-sampler{grid-row:1/3}.sample-fire-dock-button span:not(.icon-sampler),.sample-fire-dock-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.share-menu{border:1px solid var(--stroke);background:var(--chrome-strong);border-radius:.9rem;gap:.25rem;min-width:8.5rem;padding:.5rem;display:grid;position:absolute;bottom:4.4rem;right:0}.share-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:.55rem;padding:.7rem .85rem}.soundboard-overlay{z-index:20;padding:max(env(safe-area-inset-top), .9rem) max(env(safe-area-inset-right), .9rem) max(env(safe-area-inset-bottom), .9rem) max(env(safe-area-inset-left), .9rem);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 16% 16%,#7dedff29,#0000 26rem),radial-gradient(circle at 84% 12%,#ff9dc524,#0000 22rem),linear-gradient(135deg,#030305 0%,#05070b 48%,#000 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.7rem,2svh,1.15rem);display:grid;position:fixed;inset:0}.soundboard-header{justify-content:space-between;align-items:center;gap:1rem;min-height:3.2rem;display:flex}.soundboard-kicker{color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .15rem;font-size:.72rem;font-weight:800}.soundboard-header h2{margin:0;font-size:clamp(1.35rem,4.8vw,2.2rem);line-height:1}.soundboard-close{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:3rem;height:3rem;display:grid}.soundboard-upload{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#7dedff24;border:1.5px solid #7dedffb8;border-radius:999px;place-items:center;min-height:3.4rem;font-size:.86rem;font-weight:900;display:grid;position:relative;overflow:hidden}.soundboard-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.55rem,2vw,1rem);min-height:0;display:grid}.sound-pad{--pad-color:#7dedff;--pad-glow:#7dedff38;--pad-swatch:#7dedff;border:1.5px solid var(--pad-color);background:linear-gradient(140deg, var(--pad-swatch), #09090cf0), #09090c;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #ffffff14, 0 1rem 2.7rem #00000057, 0 0 2.5rem var(--pad-glow);color:#fff;text-align:left;touch-action:none;border-radius:clamp(1rem,4vw,1.7rem);align-content:space-between;padding:clamp(.65rem,2.2vw,1rem);display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.sound-pad:after{content:"";opacity:.42;pointer-events:none;background:radial-gradient(circle at 76% 18%,#ffffff47,#0000 24%);position:absolute;inset:0}.sound-pad:disabled{opacity:.34}.sound-pad.is-active{box-shadow:inset 0 0 0 2px #ffffff42, 0 0 .9rem var(--pad-color), 0 0 4rem var(--pad-glow);border-color:#fff;transform:scale(.975)}.sound-pad__number{z-index:1;font-size:clamp(1.4rem,6vw,2.7rem);font-weight:900;line-height:.9;position:relative}.sound-pad__time,.sound-pad__length{z-index:1;color:#ffffffb8;font-size:clamp(.68rem,2.5vw,.9rem);font-weight:780;position:relative}.sound-pad__note{z-index:1;color:#fffffff2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.88rem,3.4vw,1.2rem);font-weight:820;line-height:1.04;display:-webkit-box;position:relative;overflow:hidden}.soundboard-hint{color:#ffffff8a;text-align:center;margin:0;font-size:clamp(.72rem,2.6vw,.88rem)}.status-toast,.error-banner{left:50%;bottom:calc(max(env(safe-area-inset-bottom), 1rem) + 10.4rem);z-index:8;color:#ffffffb8;pointer-events:none;background:#232326d9;border-radius:999px;margin:0;padding:.5rem .8rem;font-size:.76rem;position:fixed;transform:translate(-50%)}.error-banner{color:#fff;background:#9a1818f2}.marker-count{width:1px;height:1px;position:fixed;left:-100vw;overflow:hidden}.icon-close,.icon-close:after{background:currentColor;border-radius:999px;width:1.65rem;height:.18rem}.icon-close{display:block;position:relative;transform:rotate(45deg)}.icon-close:after{content:"";position:absolute;inset:0;transform:rotate(90deg)}.icon-close--small,.icon-close--small:after{width:.95rem;height:.14rem}.icon-play{border-top:.8rem solid #0000;border-bottom:.8rem solid #0000;border-left:1.25rem solid #fff;width:0;height:0;margin-left:.2rem}.icon-pause{border-left:.38rem solid #fff;border-right:.38rem solid #fff;width:1.2rem;height:1.55rem}.icon-save{border:.18rem solid #fff;border-top-width:.55rem;border-radius:.2rem;width:1.45rem;height:1.45rem;position:relative}.icon-save:after{content:"";background:#fff;border-radius:.12rem;height:.38rem;position:absolute;bottom:.18rem;left:.28rem;right:.28rem}.icon-saving{border:.18rem solid #ffffff42;border-top-color:#fff;border-radius:999px;width:1.4rem;height:1.4rem;animation:.8s linear infinite spin}.icon-home{border:.18rem solid #fff;border-top:0;width:1.55rem;height:1.15rem;margin-top:.35rem;position:relative}.icon-home:before{content:"";border-top:.18rem solid #fff;border-left:.18rem solid #fff;width:1rem;height:1rem;position:absolute;top:-.72rem;left:.12rem;transform:rotate(45deg)}.icon-share{border:.18rem solid #fff;border-top:0;border-radius:0 0 .25rem .25rem;width:1.35rem;height:1.55rem;position:relative}.icon-share:before{content:"";background:#fff;width:.18rem;height:1.25rem;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.icon-share:after{content:"";border-top:.18rem solid #fff;border-left:.18rem solid #fff;width:.65rem;height:.65rem;position:absolute;top:-.92rem;left:50%;transform:translate(-50%)rotate(45deg)}.icon-sampler{background:linear-gradient(#fff,#fff) 0 0/.48rem .48rem no-repeat,linear-gradient(#fff,#fff) .7rem 0/.48rem .48rem no-repeat,linear-gradient(#fff,#fff) 0 .7rem/.48rem .48rem no-repeat,linear-gradient(#fff,#fff) .7rem .7rem/.48rem .48rem no-repeat;border-radius:.3rem;width:1.18rem;height:1.18rem}@keyframes spin{to{transform:rotate(360deg)}}@media (orientation:landscape) and (height<=540px){.qwave-shell{padding-top:max(env(safe-area-inset-top), .6rem)}.qwave-top{min-height:3.2rem}.qwave-title{font-size:1.25rem}.top-close{width:2.65rem;height:2.65rem}.note-popover{bottom:calc(max(env(safe-area-inset-bottom), .6rem) + 7.5rem);width:min(24rem,100dvw - 2rem,52vw);min-height:7.2rem;max-height:min(42svh,100svh - 9.2rem)}.note-popover:after{height:2.3rem;bottom:-2.3rem}.note-textarea{min-height:3.2rem;font-size:1.15rem}.timeline-pill{width:min(42rem,58vw);height:3.6rem;margin-bottom:1rem}.player-bottom{padding-inline:max(env(safe-area-inset-left), 1rem) max(env(safe-area-inset-right), 1rem);grid-template-columns:auto minmax(18rem,1fr) auto;align-items:end;gap:1rem;display:grid}.control-dock,.timeline-pill{margin-bottom:0;position:relative;bottom:auto;left:auto;right:auto}.dock-button{width:2.65rem;height:2.65rem}.sample-fire-cta{right:max(env(safe-area-inset-right), 1rem);bottom:calc(max(env(safe-area-inset-bottom), 1rem) + 4.9rem);min-width:8.4rem;padding:.62rem .78rem}.sample-fire-dock-button{min-width:7.6rem;min-height:2.65rem;padding-block:.28rem}}@media (width<=430px){.qwave-title{font-size:1.3rem}.timeline-pill{width:calc(100vw - 2rem)}.control-dock{gap:.35rem;padding:.55rem .65rem}.dock-button{width:2.65rem;height:2.65rem}.sample-fire-cta{left:50%;right:auto;bottom:calc(max(env(safe-area-inset-bottom), 1rem) + 10rem);text-align:center;width:min(15rem,100vw - 2rem);transform:translate(-50%)}.sample-fire-dock-button{grid-template-columns:auto;justify-items:center;min-width:5.4rem;padding:.42rem .58rem}.sample-fire-dock-button .icon-sampler{display:none}.sample-fire-dock-button span:not(.icon-sampler){font-size:.7rem}.sample-fire-dock-button small{font-size:.58rem}}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:#000;min-width:320px}body{background:#000;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #7fecffe0}#root{min-height:100vh}