:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121316;--panel:#181a1e;--raised:#22252a;--raised-2:#2c3037;--line:#2a2d33;--line-2:#3a3f47;--text:#eceef1;--muted:#a0a7b1;--faint:#6c727c;--on-accent:#0c0e11;--accent:#6fe3ff;--danger:#ff6b7a;--r:8px;--gap:10px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;font-family:var(--font)}#ui{position:fixed;inset:0;overflow:hidden}.app{box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);color:var(--text);font:400 13px/1.35 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;display:grid;position:absolute;inset:0;overflow:hidden}.app :is(button,input,a,.scroll){font-family:inherit}.app button{color:inherit;font:inherit;appearance:none}.grow{flex:1 1 0;min-width:0}.top{grid-area:top}.tracks{grid-area:tracks}.stage{grid-area:stage}.right{grid-area:right}.app[data-shell=wide]{grid-template:"top top top"52px"tracks stage right"minmax(0,1fr)/clamp(224px,19vw,272px) minmax(0,1fr) clamp(292px,26vw,352px)}.app[data-shell=tall]{--slot-h:clamp(264px, calc(var(--vh,100vh) - 411px), min(calc(100vw - 20px), 540px));grid-template:"top"48px"tracks""stage""right"minmax(0,1fr)/minmax(0,1fr)}.app[data-shell=side]{grid-template:"top top top"44px"tracks stage right"minmax(0,1fr)/58px minmax(0,1fr) clamp(232px,28vw,264px)}.btn{box-sizing:border-box;border-radius:var(--r);background:var(--raised);min-width:36px;height:36px;color:var(--text);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background .12s,color .12s,opacity .12s,transform .12s;display:inline-flex;position:relative}@media (hover:hover){.btn:hover{background:var(--raised-2)}}.btn:active{background:var(--raised-2);transform:scale(.97)}.btn.sq{width:36px;padding:0}.btn.wide{width:100%;height:40px}.btn.quiet{color:var(--muted);background:0 0}.btn.on,.btn.primary{background:var(--accent);color:var(--on-accent)}@media (hover:hover){.btn.on:hover,.btn.primary:hover{background:var(--accent);filter:brightness(1.08)}}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn svg{flex:none}:is(.btn,.chip,.tile,.pick,.ms,.pad,.bar,.stamp,.drop,.toggle,.mic,.nav button,.mini button,input[type=range],input[type=text]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:0 16px 0 4px;font-size:15px;display:flex}.brand svg{flex:none}.brand circle{fill:var(--accent);transition:fill .2s}.top .play,.top .share{height:44px;padding:0 16px;font-size:14px}.top .play{background:var(--accent);min-width:92px;color:var(--on-accent)}.top .play.live{background:var(--raised-2);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--accent)}.top .play.live svg{color:var(--accent)}.top .play.attn{animation:1.4s ease-in-out infinite wake}@keyframes wake{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent)}}.top .share{background:var(--raised);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent)}.top .sq{width:40px;height:40px}.top .sq:after,.tempo .btn:after{content:"";position:absolute;inset:-4px}.tempo{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex}.tempo .btn{background:0 0;width:36px;height:36px}@media (hover:hover){.tempo .btn:hover{background:var(--raised)}}.tempo output{justify-items:center;min-width:46px;line-height:1;display:grid}.tempo output b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.tempo output small{color:var(--muted);letter-spacing:.1em;margin-top:2px;font-size:10.5px;font-weight:600}.rec{color:var(--danger);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.rec i{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.25}}.chain{align-items:center;gap:4px;padding:0 4px;display:flex}.chain i{background:var(--c);border-radius:50%;width:12px;height:12px}.chain i.next{box-shadow:inset 0 0 0 2px var(--c);background:0 0}.tracks{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.app[data-shell=wide] .tracks{border-right:1px solid var(--line)}.app[data-shell=tall] .tracks{border-bottom:1px solid var(--line)}.app[data-shell=side] .tracks{border-right:1px solid var(--line)}.tracks>.scroll{border-top:1px solid var(--line);flex:1 1 0}.trackblock{flex-direction:column;min-width:0;min-height:0;display:flex}.trackblock .cap{color:var(--muted);align-items:center;gap:8px;padding:6px 12px 4px;font-size:11px;display:flex}.trackblock .cap .h{color:var(--text);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.trackblock .cap .chain{margin-left:auto;padding:0}.trackblock .list{touch-action:none;margin:0;padding:0 10px 8px;list-style:none;display:grid}.track{min-width:0;position:relative}.track .pick{border-radius:var(--r);background:var(--raised);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;width:100%;min-width:0;height:100%;padding:0;transition:background .12s,box-shadow .12s,opacity .12s;display:grid;position:relative;overflow:hidden}@media (hover:hover){.track .pick:hover{background:var(--raised-2)}}.track .pick:before{content:"";background:var(--c);opacity:.3;transition:opacity .12s;position:absolute}.track.used .pick:before{opacity:1}.track.sel .pick{background:color-mix(in srgb, var(--c) 18%, var(--raised));box-shadow:inset 0 0 0 1.5px var(--c)}.track.quiet .pick{opacity:.5}.track .num{font-variant-numeric:tabular-nums;font-style:normal;font-weight:700;line-height:1}.track:not(.used) .num{color:var(--faint)}.track.used .num{color:var(--c)}.track.sel .num{color:var(--text)}.track .meter{width:calc(var(--lvl,0) * 100%);background:var(--c);height:3px;transition:width 90ms linear;position:absolute;bottom:0;left:0}.track .mark{color:var(--c);line-height:0;position:absolute;top:3px;right:4px}.track.friend .pick{animation:1.8s ease-in-out infinite invite}@keyframes invite{50%{box-shadow:inset 0 0 0 1.5px var(--c), 0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent)}}.trackblock[data-kind=strip] .list{box-sizing:content-box;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;height:48px;padding-bottom:7px}.trackblock[data-kind=strip] .pick{place-items:center}.trackblock[data-kind=strip] .pick:before{border-radius:0 0 3px 3px;height:3px;top:0;left:9px;right:9px}.trackblock[data-kind=strip] .num{font-size:17px}.trackblock[data-kind=strip] .track.quiet .num{text-decoration:line-through}.trackblock[data-kind=column]{flex:1 1 0}.trackblock[data-kind=column] .cap{flex-direction:column;align-items:flex-start;gap:1px;padding:6px 6px 4px}.trackblock[data-kind=column] .cap .n{font-size:10.5px}.trackblock[data-kind=column] .list{flex:1 1 0;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:2px;padding:0 5px 5px}.trackblock[data-kind=column] .pick{place-items:center}.trackblock[data-kind=column] .pick:before{border-radius:0 3px 3px 0;width:3px;top:7px;bottom:7px;left:0}.trackblock[data-kind=column] .num{font-size:15px}.trackblock[data-kind=column] .track.quiet .num{text-decoration:line-through}.trackblock[data-kind=rows] .list{gap:3px}.trackblock[data-kind=rows] .track{grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:4px;height:46px;display:grid}.trackblock[data-kind=rows] .pick{text-align:left;grid-template-rows:auto auto;grid-template-columns:26px minmax(0,1fr);align-content:center;column-gap:10px;padding:0 10px 0 12px}.trackblock[data-kind=rows] .pick:before{border-radius:0 3px 3px 0;width:3px;top:8px;bottom:8px;left:0}.trackblock[data-kind=rows] .num{text-align:center;grid-row:1/span 2;align-self:center;font-size:17px}.trackblock[data-kind=rows] .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.trackblock[data-kind=rows] .sub{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.trackblock[data-kind=rows] .track.quiet .name{text-decoration:line-through}.ms{background:var(--raised);width:32px;height:32px;color:var(--muted);cursor:pointer;touch-action:manipulation;border:0;border-radius:6px;flex:none;place-items:center;padding:0;font-size:12px;font-weight:800;transition:background .12s,color .12s;display:grid}@media (hover:hover){.ms:hover{background:var(--raised-2);color:var(--text)}}.ms.on{color:var(--on-accent);background:#f2c14e}.ms.solo.on{background:#4fd1a5}.stage{background:var(--bg);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.head{touch-action:none;align-items:center;gap:6px;min-width:0;padding:5px 10px;display:flex}.head .arrow{background:var(--raised);width:40px;height:40px}.head .who{flex:1 1 0;min-width:0}.head .title{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.head .title b{font-size:14px;font-weight:700}.head .title .dot{background:var(--c);border-radius:50%;flex:none;align-self:center;width:10px;height:10px}.head .preset{color:var(--c);text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.head .fam{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:600}.head .line{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.view{flex:none;align-items:center;gap:6px;padding:0 2px;display:flex}.view .lab{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:600}.mini{grid-template-columns:repeat(2,17px);gap:3px;display:grid}.trackblock .mini{grid-template-columns:repeat(2,11px);gap:2px}.trackblock .mini button{border-radius:3px;width:11px;height:11px}.mini button{background:color-mix(in srgb, var(--accent) calc(12% + var(--k,0) * 55%), var(--raised));cursor:pointer;touch-action:manipulation;border:0;border-radius:4px;width:17px;height:17px;padding:0;position:relative}.mini button.here{box-shadow:0 0 0 2px var(--accent)}.mini button:after{content:"";position:absolute;inset:-4px}.app[data-shell=tall] .head .line{display:none}.slot{touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.app[data-shell=tall] .slot{height:var(--slot-h)}.slot canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;display:block;position:absolute;box-shadow:0 0 0 1px #ffffff12,0 14px 36px #0006}.right{background:var(--panel);min-width:0;min-height:0}.app[data-shell=wide] .right,.app[data-shell=side] .right{border-left:1px solid var(--line)}.app[data-shell=tall] .right{border-top:1px solid var(--line)}.panel{flex-direction:column;height:100%;min-height:0;display:flex}.nav{border-bottom:1px solid var(--line);flex:none;gap:4px;padding:6px 8px;display:flex}.nav button{min-width:0;height:34px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;flex:1 1 0;padding:0 6px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}@media (hover:hover){.nav button:hover{background:var(--raised);color:var(--text)}}.nav button.on{background:var(--raised-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1 1 0;min-height:0;position:relative;overflow:hidden auto}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.info{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);flex:none;margin:0;padding:6px 12px 7px;font-size:12px;line-height:1.35}.info span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;display:-webkit-box;overflow:hidden}.who-track{padding-bottom:4px}.trackname{align-items:baseline;gap:8px;margin:0;padding:14px 14px 2px;font-size:15px;font-weight:700;display:flex}.trackname .dot{background:var(--c);border-radius:50%;align-self:center;width:10px;height:10px}.trackname small{color:var(--c);font-size:13px;font-weight:600}.sec{padding:14px 14px 6px}.sec+.sec{border-top:1px solid var(--line);margin-top:8px}.sec header{margin-bottom:10px}.sec h3{color:var(--text);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.sec header p{color:var(--muted);margin:3px 0 0;font-size:12px}.lab{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:12px 0 6px;font-size:11px;font-weight:600;display:block}.note{color:var(--muted);margin:8px 0 4px;font-size:12px;line-height:1.4}.banner{background:color-mix(in srgb, var(--accent) 12%, var(--raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:10px;margin:10px 14px 0;padding:10px 12px 12px}.banner p{margin:0 0 8px;font-size:12.5px}.group{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:8px;display:grid}.group .lab{margin:8px 0 0;font-size:10.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--raised);height:32px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s,transform .12s;display:inline-flex}@media (hover:hover){.chip:hover{background:var(--raised-2)}}.chip:active{transform:scale(.97)}.chip.on{background:var(--accent);color:var(--on-accent)}.chip svg{opacity:.85;flex:none}.chip .sw{background:var(--pc,var(--accent));border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #ffffff40}.chip.on .sw{box-shadow:0 0 0 1.5px #00000059}.actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.actions .btn{flex:130px}.actions.stack{flex-flow:column;margin:12px 0 6px}.actions.stack .btn{flex:none}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tile{border-radius:var(--r);background:var(--raised);height:54px;color:var(--text);cursor:pointer;touch-action:manipulation;border:0;place-content:center;justify-items:center;gap:5px;padding:0;font-size:11.5px;font-weight:600;transition:background .12s,color .12s,transform .12s;display:grid}@media (hover:hover){.tile:hover{background:var(--raised-2)}}.tile:active{transform:scale(.97)}.tile.on{background:var(--accent);color:var(--on-accent)}.tile:disabled{opacity:.35;pointer-events:none}.pair{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 4px;display:grid}.slider,.stepper{grid-template-columns:62px minmax(0,1fr) 62px;align-items:center;gap:8px;min-height:40px;display:grid}.slider .lab,.stepper .lab{color:var(--text);letter-spacing:0;text-transform:none;margin:0;font-size:12.5px;font-weight:600}.slider .val,.stepper .val{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.stepper{grid-template-columns:62px 36px minmax(0,1fr) 36px}.stepper .val{color:var(--text);text-align:center;font-weight:600}input[type=range]{--pct:50%;cursor:pointer;touch-action:pan-y;appearance:none;background:0 0;width:100%;height:28px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--raised-2) var(--pct));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 1px 3px #00000080}input[type=range]::-moz-range-track{background:var(--raised-2);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #00000080}.toggle{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;margin:2px 0;padding:6px 0;display:flex}.toggle .text{gap:1px;min-width:0;display:grid}.toggle b{font-size:12.5px;font-weight:600}.toggle small{color:var(--muted);font-size:11.5px;line-height:1.3}.switch{background:var(--raised-2);border-radius:11px;flex:none;width:38px;height:22px;transition:background .14s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .14s;position:absolute;top:3px;left:3px}.toggle.on .switch{background:var(--accent)}.toggle.on .switch:after{transform:translate(16px)}.pads{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.pad{border-radius:var(--r);background:color-mix(in srgb, var(--c) 20%, var(--raised));height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;border:0;padding:0;font-size:14px;font-weight:700;transition:background .12s,color .12s,transform .12s}.pad:active{transform:scale(.96)}.pad.now{background:var(--c);color:var(--on-accent)}.bars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.bar{border-radius:var(--r);background:var(--raised);height:46px;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--c) 70%, transparent);cursor:pointer;touch-action:manipulation;border:0;place-content:center;justify-items:center;gap:2px;padding:0;display:grid}.bar small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.bar b{font-size:14px}.bar.now{background:var(--raised-2);box-shadow:inset 0 0 0 1.5px var(--c), inset 0 -3px 0 var(--c)}.drop{background:var(--raised);text-align:left;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;width:100%;height:58px;padding:0 16px;transition:background .12s;display:grid;position:relative;overflow:hidden}.drop svg{grid-row:1/span 2;position:relative}.drop b,.drop small{position:relative}.drop b{align-self:end;font-size:14px}.drop small{color:var(--muted);align-self:start;font-size:11.5px}.drop .fill{transform:scaleX(var(--build,0));transform-origin:0;background:color-mix(in srgb, var(--accent) 35%, transparent);position:absolute;inset:0}.drop.live{box-shadow:inset 0 0 0 1.5px var(--accent)}.stamps{flex-wrap:wrap;gap:6px;display:flex}.stamp{border-radius:var(--r);background:var(--raised);cursor:pointer;touch-action:manipulation;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;height:62px;padding:0;display:flex}@media (hover:hover){.stamp:hover{background:var(--raised-2)}}.stamp svg{width:30px;height:30px;fill:var(--accent)}.stamp span{color:var(--muted);text-transform:capitalize;font-size:10.5px;font-weight:600}.stamps .name{flex:100%;gap:6px;min-width:0;display:flex}.stamps input{border-radius:var(--r);background:var(--bg);width:0;min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);-webkit-user-select:text;user-select:text;border:0;flex:1 1 0;padding:0 12px;font-size:16px}.stamps input::placeholder{color:var(--faint)}.clipbtn{overflow:hidden}.clipbtn.rec{color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger)}.clipbtn.rec:after{content:"";height:3px;width:calc(var(--p,0) * 100%);background:var(--danger);position:absolute;bottom:0;left:0}.clipbtn.ready{background:var(--accent);color:var(--on-accent);animation:1.4s ease-in-out infinite wake}.scrim{z-index:20;cursor:default;background:#0607099e;border:0;padding:0;position:fixed;inset:0}.sheet{z-index:21;box-sizing:border-box;width:min(440px,100%);padding:16px 18px calc(18px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:0 -1px 0 var(--line-2), 0 -20px 50px #00000073;border-radius:18px 18px 0 0;animation:.18s ease-out rise;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,24px)}}@media (min-width:700px){.sheet{border-radius:18px;bottom:28px}}.sheet header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet h3{margin:0;font-size:16px}.sheet h3 small{color:var(--c);font-size:13px;font-weight:600}.sheet .say{min-height:38px;color:var(--text);text-align:center;margin:12px 0 4px;font-size:14px}.sheet .fine{color:var(--muted);text-align:center;margin:4px 0 0;font-size:11.5px}.micwrap{place-items:center;height:124px;display:grid;position:relative}.mic{background:var(--raised-2);width:88px;height:88px;color:var(--text);box-shadow:0 0 0 calc(4px + var(--level,0) * 22px) color-mix(in srgb, var(--c,var(--accent)) 38%, transparent);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;place-items:center;padding:0;transition:box-shadow 80ms linear,background .12s;display:grid}.mic.rec{background:var(--danger);color:#fff}.voice[data-phase=ready] .mic{animation:2.4s ease-in-out infinite breathe}.voice[data-phase=working] .mic{opacity:.5}.voice[data-phase=denied] .mic{color:var(--danger)}.voice[data-phase=quiet] .mic{animation:.42s nope}@keyframes breathe{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--c,var(--accent)) 24%, transparent)}}@keyframes nope{25%{transform:translate(-7px)}75%{transform:translate(7px)}}.reddot{background:var(--danger);border-radius:50%;width:12px;height:12px;animation:1s steps(2,jump-none) infinite blink;position:absolute;top:14px;right:calc(50% - 56px)}.toast{top:calc(env(safe-area-inset-top) + 56px);z-index:30;background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--line-2), 0 8px 24px #0006;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;animation:.16s ease-out drop-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (max-width:520px){.top{gap:4px;padding:0 6px}.top .play,.top .share{padding:0 10px}.top .play{min-width:78px}.top .sq{width:34px;height:40px}.tempo .btn{width:32px}.tempo output{min-width:36px}}@media (max-width:380px){.top{gap:3px;padding:0 5px}.top .play,.top .share{padding:0 8px}.top .sq{width:34px;min-width:34px}.top .play{min-width:74px}.tempo .btn{width:32px;min-width:32px}.tempo output{min-width:32px}}@media (max-width:359px){.top .share .lbl{display:none}.top .share{padding:0 11px}}.app:not([data-shell=wide]) .trackname{display:none}.app:not([data-shell=wide]) .who-track>.sec:first-of-type{padding-top:10px}.app:not([data-shell=wide]) .head .fam{display:none}.app[data-shell=side] .top{gap:6px}.app[data-shell=side] .top .play,.app[data-shell=side] .top .share{height:40px;padding:0 12px}.app[data-shell=side] .head{padding:2px 8px}.app[data-shell=side] .head .arrow{width:36px;height:36px}.app[data-shell=side] .head .line{-webkit-line-clamp:1;line-clamp:1}.app[data-shell=side] .sec{padding-left:10px;padding-right:10px}.app[data-shell=side] .pads{grid-template-columns:repeat(3,minmax(0,1fr))}.app[data-shell=side] .pad{height:42px}.app[data-shell=side] .nav{gap:2px;padding:6px}.app[data-shell=side] .nav button{padding:0 2px;font-size:12px}.app[data-shell=side] .group{grid-template-columns:minmax(0,1fr);gap:0}.app[data-shell=side] .group .lab{margin:6px 0 4px}.app[data-shell=side] .slider,.app[data-shell=side] .stepper{grid-template-columns:54px minmax(0,1fr) 54px}.app[data-shell=side] .stepper{grid-template-columns:54px 34px minmax(0,1fr) 34px}@media (max-height:760px){.app[data-shell=tall]{--slot-h:clamp(256px, calc(var(--vh,100vh) - 371px), calc(100vw - 20px))}.app[data-shell=tall] .trackblock .cap{padding:4px 12px 2px}.app[data-shell=tall] .trackblock[data-kind=strip] .list{height:44px;padding-bottom:5px}.app[data-shell=tall] .head{padding:3px 10px}.app[data-shell=tall] .head .arrow{width:36px;height:36px}.app[data-shell=tall] .nav{padding:4px 8px}.app[data-shell=tall] .info{padding:4px 12px 5px}.app[data-shell=tall] .info span{-webkit-line-clamp:1;line-clamp:1;min-height:1.35em}}@media (max-height:600px){.app[data-shell=tall]{--slot-h:clamp(256px, calc(var(--vh,100vh) - 345px), calc(100vw - 20px))}.app[data-shell=tall] .info{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}