@font-face{font-family:Space Mono;src:url(/app/assets/space-mono-400-Rg4St2Dn.woff2)format("woff2");font-weight:400}@font-face{font-family:Space Mono;src:url(/app/assets/space-mono-700-mWgeinG7.woff2)format("woff2");font-weight:700}:root{--bg-main:#f2f2f7;--bg-card:#fff;--bg-card-hover:#e5e5ea;--fg-primary:#1c1c1e;--fg-secondary:#666;--c-on:#c9197d;--c-on-rgb:201, 25, 125;--c-on-dark:#8f1159;--c-on-light:#e877b4;--c-on-text:#c9197d;--c-rec:#d92b24;--c-rec-rgb:217, 43, 36;--c-rec-text:#d92b24;--c-run:#00ff9c;--c-run-rgb:0, 255, 156;--c-gold:#f5c400;--c-play:#22c55e;--ink-ground:#14111a;--ink-panel:#1f1a27;--ink-line:#3b3447;--ink-text:#f2eef7;--ink-muted:#a39cb0;--ink-lcd:#050507;--ink-on-pad:#120f16;--c-on-glow:rgba(var(--c-on-rgb), .25);--c-rec-glow:rgba(var(--c-rec-rgb), .4);--font-mono:"Space Mono", "Courier New", monospace;--pad-c0:#9a7b00;--pad-c1:#0f7f79;--pad-c2:#3d4fd6;--pad-c3:#c8452a;--pad-c4:#6e52b5;--pad-c5:#0f7fb3;--pad-c6:#b0612f;--pad-c7:#6f7a12;--border-color:#e5e5ea;--border-radius:0px;--bg-canvas:#2c2c2e;--bg-seq-step:#f0f0f0;--border-seq-beat:#a0a0a0;--header-h:54px;--tape-strip-h:56px;--bottom-nav-h:60px;--content-h:calc(100dvh - var(--header-h) - var(--tape-strip-h) - var(--bottom-nav-h))}[data-theme=dark]{--bg-main:#121212;--bg-card:#1c1c1e;--bg-card-hover:#2c2c2e;--fg-primary:#f2f2f7;--fg-secondary:#aeaeb2;--border-color:#38383a;--bg-canvas:#1c1c1e;--bg-seq-step:var(--bg-main);--border-seq-beat:#333;--c-on-text:#e7519f;--c-rec-text:#ff5a52;--pad-c0:#f5c400;--pad-c1:#1fb5ad;--pad-c2:#6f7dff;--pad-c3:#ff7a59;--pad-c4:#b39ddb;--pad-c5:#4fc3f7;--pad-c6:#ffb38a;--pad-c7:#c0ca33}*,:before,:after{box-sizing:border-box;min-width:0}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}img,canvas,svg,video{max-width:100%;display:block}html,body{background:var(--bg-main);color:var(--fg-primary);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;overflow-x:hidden}header{border-bottom:1px solid var(--border-color);background:var(--bg-main);justify-content:space-between}.master-display{border:2px solid var(--fg-primary);background:#000;font-family:Space Mono,Courier New,monospace;box-shadow:inset 0 2px 8px #000c}.display-left,.display-center{flex-direction:column;justify-content:center}.display-left{align-items:flex-start}.display-center{gap:6px}.display-bird-wrap{justify-content:center}.bird-ascii{color:#00ff9c;text-shadow:0 0 4px #00ff9c66;font-weight:700;transition:transform 80ms cubic-bezier(.175,.885,.32,1.275)}.status{color:#00ff9c;text-shadow:0 0 4px #00ff9c66;letter-spacing:1px;text-transform:uppercase;font-weight:700}.canvas-wrap{background:var(--bg-card);border:4px solid var(--fg-primary);border-radius:var(--border-radius)}.canvas-hint{color:var(--fg-secondary);letter-spacing:1px;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.canvas-hint.hidden{display:none}.canvas-toolbar{z-index:2;justify-content:space-between;align-items:center;top:12px;left:12px;right:12px}.bpm{border:1px solid var(--border-color);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;align-items:baseline;gap:6px}.bpm-num{color:var(--c-on);font-size:18px;font-weight:800}.bpm-lbl{color:var(--fg-secondary);letter-spacing:1px;text-transform:uppercase}button{appearance:none;background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--fg-primary);cursor:pointer;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 0 var(--border-color);margin-bottom:4px;font-size:14px;font-weight:700;transition:transform 50ms,box-shadow 50ms,background-color .15s}button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #0000}button.ghost:active{transform:scale(.95)}button.icon{background:#0009;width:36px;height:36px}button.icon:active{transform:scale(.95)}button.record{border-color:var(--c-rec)}button.record.recording{background:var(--c-rec)}button.toggle.active{background:var(--c-on);border-color:var(--c-on)}input[type=range]{appearance:none;background:0 0;height:32px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{background:var(--c-on);transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}.xy-pad-wrap{justify-content:center;align-items:center}.xy-pad-wrap canvas{object-fit:contain;background:var(--bg-card);border:1px solid var(--border-color);cursor:crosshair}.xy-pad-label-x,.xy-pad-label-y{text-transform:uppercase;font-weight:700}.canvas-wrap.kick-flash:after{content:"";opacity:.15;pointer-events:none;animation:.15s ease-out kickFlash;position:absolute;inset:0}@keyframes kickFlash{0%{opacity:.25}to{opacity:0}}@keyframes screenShake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(0)rotate(0)}}.haptic-fallback-shake{animation:.15s ease-in-out screenShake}@media (prefers-reduced-motion:reduce){.haptic-fallback-shake{animation:none}}.bpm-led-clock{line-height:1}#ledBpmNum{color:#00ff9c;text-shadow:0 0 12px #00ff9c99;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900}.led-label{color:#00ff9c;opacity:.7;letter-spacing:2px;vertical-align:bottom;margin-left:2px;font-size:11px}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.recording-overlay{background:rgba(var(--c-rec-rgb), .15);color:var(--c-rec-text);letter-spacing:4px;z-index:5;pointer-events:none;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:absolute;inset:0}.rec-dot{background:var(--c-rec);width:16px;height:16px;box-shadow:0 0 12px var(--c-rec-glow);border-radius:50%;margin-right:12px;animation:1s ease-in-out infinite pulse-rec}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@media (max-width:899px){.canvas-wrap{max-width:100%}.master-display{justify-content:space-between}.display-bird-wrap{align-items:center;gap:6px}.bird-ascii{font-size:.9rem}}.master-display{flex-wrap:wrap;gap:8px;width:100%;max-width:none;height:auto;min-height:0;padding:6px 8px}.display-left{gap:4px;min-width:0}.display-center{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;display:flex}.bpm-led-clock{gap:4px}#ledBpmNum{font-size:1.4rem}@media (max-width:480px){.status{display:none}.bird-ascii{font-size:.85rem}#ledBpmNum{font-size:1.2rem}}header{flex-wrap:wrap;gap:8px;padding:8px 12px}.canvas-wrap{aspect-ratio:16/5;width:100%;min-height:80px;position:relative;overflow:hidden}#waveform{touch-action:none;width:100%;height:100%;display:block}#playBtn,#recordBtn{min-width:44px;min-height:44px}.xy-pad-wrap{background:#151516;border:1px solid #222;border-radius:8px;flex:1;margin:0;position:relative;box-shadow:inset 0 2px 8px #00000080}.xy-pad-label-x{color:var(--fg-secondary);letter-spacing:1px;pointer-events:none;font-size:9px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.xy-pad-label-y{color:var(--fg-secondary);letter-spacing:1px;pointer-events:none;font-size:9px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(-90deg)}.xy-pad{background:0 0;border:none;width:100%;height:100%;display:block}header{flex-wrap:unset;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:6px 8px;display:grid}.header-right-group{flex-shrink:0;align-items:stretch;gap:4px;display:flex}header #recordBtn,header #playBtn{letter-spacing:1px;background:linear-gradient(180deg, var(--bg-card-hover) 0%, var(--bg-card) 100%);border-radius:6px;flex-shrink:0;align-self:stretch;min-width:58px;min-height:58px;padding:0;font-size:10px;transition:transform 70ms,box-shadow 70ms}header #recordBtn:active:not(:disabled),header #playBtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #000c}header #recordBtn{color:#cc2020;border-color:#cc2020;box-shadow:0 4px #6b0000}header #recordBtn.recording{color:#fff;background:#e02020;box-shadow:0 0 28px #dc1e1ea6,0 4px #6b0000}header #playBtn{border-color:var(--c-play);color:var(--c-play);box-shadow:0 4px #0a5020}header #playBtn.active{background:var(--c-play);color:#000;border-color:var(--c-play);box-shadow:0 0 22px #22c55e73,0 4px #0a5020}.canvas-wrap{aspect-ratio:unset}@media (max-width:899px){.status{text-align:center;white-space:normal;word-wrap:break-word;width:100%;margin-top:4px;font-size:9px;line-height:1.2;display:block}}body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}header{z-index:50;box-sizing:border-box;flex-shrink:0;width:100%;position:sticky;top:0}.canvas-wrap{scroll-snap-align:start;flex-shrink:0;width:100%;height:35vh;position:relative;overflow:hidden}@media (min-width:600px){.master-display{flex-wrap:nowrap}}[hidden]{display:none!important}.unsupported-browser{z-index:10001;text-align:center;color:#0a0a0a;background:var(--c-rec);padding:16px;font-size:13px;position:fixed;inset:0 0 auto}header #recordBtn{border-color:var(--c-rec);color:var(--c-rec-text);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:inline-flex}header #recordBtn.recording{background:var(--c-rec);border-color:var(--c-rec);color:#fff}.rec-target{letter-spacing:.5px;opacity:.85;white-space:nowrap;font-size:8px;font-weight:700}@media (max-width:1023px){.tool-sep,.rec-target{display:none}}.canvas-wrap.kick-flash:after{background:var(--c-on)}.canvas-toolbar button.ghost{color:#f2f2f7}.canvas-toolbar #zoomBtn.dim{opacity:.45}.tool-sep{background:var(--border-color);flex-shrink:0;align-self:stretch;width:1px;margin:4px 6px}canvas#birdIcon{width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--c-gold) 35%, transparent));transform-origin:50% 90%;cursor:pointer}.pressable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pressable.has-hold{position:relative}.pressable.has-hold:before{content:"";border-radius:inherit;border:3px solid var(--c-on);opacity:0;pointer-events:none;position:absolute;inset:-5px;transform:scale(.85)}.pressable.holding:before{animation:.45s linear forwards bb-hold-ring}@keyframes bb-hold-ring{to{opacity:1;transform:scale(1)}}.bb-scrim{z-index:10040;opacity:0;pointer-events:none;background:#08060a8c;transition:opacity .2s;position:fixed;inset:0}.bb-scrim.open{opacity:1;pointer-events:auto}.bb-sheet{z-index:10041;background:var(--bg-card);max-height:82dvh;color:var(--fg-primary);border-top:3px solid var(--fg-primary);padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;gap:14px;font-family:Space Mono,Courier New,monospace;transition:transform .28s cubic-bezier(.2,.9,.3,1.2);display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.bb-sheet.open{transform:none}.bb-sheet-grip{background:var(--border-color);border-radius:3px;justify-self:center;width:44px;height:5px}.bb-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bb-sheet-head h3{letter-spacing:1px;text-transform:uppercase;color:var(--sheet-color);overflow-wrap:anywhere;margin:0;font-size:16px}.bb-sheet-close,.bb-chip,.bb-action{appearance:none;box-shadow:none;border:2px solid var(--border-color);background:var(--bg-card-hover);min-height:44px;color:var(--fg-primary);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:999px;margin:0;padding:0 14px;font:700 11px/1 Space Mono,Courier New,monospace}.bb-sheet-close{border-color:var(--fg-secondary)}.bb-sheet.sticky .bb-sheet-grip{visibility:hidden}.bb-sheet.sticky .bb-sheet-close{border-color:var(--sheet-color);min-width:88px;color:var(--sheet-color)}.bb-sheet .bb-sheet-close.ready{background:var(--sheet-color);border-color:var(--sheet-color);color:var(--ink-ground);box-shadow:3px 3px 0 var(--fg-primary)}.bb-sheet-close.nudge{animation:.6s cubic-bezier(.3,1.6,.5,1) bb-nudge}@keyframes bb-nudge{0%{transform:scale(1)}25%{transform:scale(1.18)rotate(-4deg)}50%{transform:scale(1.1)rotate(4deg)}75%{transform:scale(1.14)rotate(-2deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bb-sheet-close.nudge{animation:none}}.bb-sheet-row{gap:8px;display:grid}.p-part{gap:14px;display:grid}.p-part[hidden],.p-parts .bb-sheet-label{display:none}.p-parts .bb-chips{grid-template-columns:1fr 1fr;display:grid}.p-parts .bb-chip{min-height:40px}.bb-sheet-label{letter-spacing:1.5px;color:var(--fg-secondary);text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.bb-sheet-value{color:var(--fg-primary);font-variant-numeric:tabular-nums}.bb-chips{flex-wrap:wrap;gap:6px;display:flex}.bb-chip.on,.bb-action.on{background:var(--c-on);border-color:var(--c-on);color:#fff}.bb-sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.bb-action.primary{background:var(--c-on);border-color:var(--c-on);color:#fff}.bb-action.danger{color:var(--c-rec-text);border-color:var(--c-rec);background:0 0}.bb-sheet-note{color:var(--fg-secondary);margin:0;font-size:11px;line-height:1.5}.bb-sheet-links{flex-wrap:wrap;gap:4px 18px;display:flex}.bb-sheet-links a{min-height:32px;color:var(--c-on);letter-spacing:1px;text-underline-offset:4px;align-items:center;font-size:11px;font-weight:700;text-decoration:underline;display:inline-flex}.bb-slider{width:100%;height:44px;accent-color:var(--sheet-color,var(--c-on));margin:0}.bb-slider::-webkit-slider-runnable-track{background:var(--border-color);border-radius:4px;height:8px}.bb-slider::-moz-range-track{background:var(--border-color);border-radius:4px;height:8px}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--fg-primary);background:var(--sheet-color,var(--c-on));border-radius:50%;width:26px;height:26px;margin-top:-9px}.bb-slider::-moz-range-thumb{border:2px solid var(--fg-primary);background:var(--sheet-color,var(--c-on));border-radius:50%;width:22px;height:22px}@media (min-width:1024px){.bb-sheet{border:3px solid var(--fg-primary);width:min(420px,92vw);box-shadow:8px 8px 0 var(--c-on);opacity:0;border-radius:16px;padding-bottom:20px;transition:transform .2s,opacity .2s;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.96)}.bb-sheet.wide{width:min(760px,94vw)}.bb-sheet.open{opacity:1;transform:translate(-50%,-50%)}.bb-sheet-grip{display:none}}.bb-toast{z-index:10050;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:0;background:var(--fg-primary);width:max-content;max-width:calc(100vw - 32px);color:var(--bg-main);letter-spacing:.5px;box-shadow:4px 4px 0 var(--c-on);border-radius:12px;align-items:center;gap:14px;padding:8px 8px 8px 16px;font:700 12px/1.3 Space Mono,Courier New,monospace;transition:transform .2s,opacity .2s;display:flex;position:fixed;transform:translate(-50%,20px)}.bb-toast:not(.open){pointer-events:none}.bb-toast.open{opacity:1;transform:translate(-50%)}body.is-phone .bb-toast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.bb-toast button{appearance:none;box-shadow:none;white-space:nowrap;background:var(--c-on);color:#fff;letter-spacing:1px;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;min-height:40px;margin:0;padding:0 14px;font:700 12px Space Mono,monospace}.bb-bubble{z-index:10030;background:var(--fg-primary);max-width:min(280px,100vw - 32px);color:var(--bg-main);box-shadow:3px 3px 0 var(--c-on);pointer-events:auto;border-radius:12px;padding:10px 12px;font:700 12px/1.4 Space Mono,Courier New,monospace;animation:.25s cubic-bezier(.3,1.5,.5,1) bb-bubble-in;position:fixed}.bb-bubble:before{content:"";top:-8px;left:var(--tail-x,24px);border:8px solid #0000;border-top:0;border-bottom-color:var(--fg-primary);position:absolute}.bb-bubble .bb-bubble-actions{gap:8px;margin-top:8px;display:flex}.bb-bubble button{appearance:none;box-shadow:none;border:2px solid var(--bg-main);min-height:36px;color:var(--bg-main);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:8px;margin:0;padding:0 10px;font:700 10px Space Mono,monospace}@keyframes bb-bubble-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}}.bb-bubble.swipeable{touch-action:none;transition:transform .22s ease-out,opacity .22s}.bb-bubble.swipeable .bb-bubble-actions{justify-content:flex-end}.bb-coach-target{outline-offset:3px;animation:1.1s ease-in-out infinite bb-coach-pulse;outline:3px solid var(--c-on)!important}@keyframes bb-coach-pulse{50%{outline-offset:7px;outline-color:rgba(var(--c-on-rgb), .35)}}.bb-fx-layer{z-index:10060;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bb-shape,.bb-float,.bb-fly{will-change:transform, opacity;position:absolute}.bb-float{font:700 14px Space Mono,monospace}.bb-pop{animation:.22s cubic-bezier(.3,1.6,.5,1) bb-pop}@keyframes bb-pop{0%{transform:scale(.82,1.12)}60%{transform:scale(1.08,.92)}to{transform:none}}.bb-land{animation:.35s cubic-bezier(.3,1.7,.5,1) bb-land}@keyframes bb-land{0%{transform:translateY(-10px)scale(1.15)}to{transform:none}}.bb-hop{animation:.22s ease-out bb-hop}@keyframes bb-hop{30%{transform:translateY(-7px)scaleY(1.08)rotate(-6deg)}70%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){.pressable.holding:before,.bb-pop,.bb-land,.bb-hop,.bb-coach-target,.bb-bubble{animation:none!important}.bb-sheet,.bb-toast,.bb-scrim{transition:none!important}}.home-screen{z-index:900;overscroll-behavior:contain;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px));background-color:var(--ink-ground);color:var(--ink-text);background-image:radial-gradient(circle at 1px 1px,#f2eef712 1.2px,#0000 1.6px);background-size:22px 22px;font-family:Space Mono,Courier New,monospace;position:fixed;inset:0;overflow-y:auto}.home-screen [hidden]{display:none!important}.home-inner{gap:16px;width:min(560px,100%);margin:0 auto;display:grid;position:relative}.home-screen button{box-shadow:none;margin:0;font-family:inherit}.home-close{z-index:2;border:2px solid var(--ink-line);background:var(--ink-panel);width:44px;height:44px;color:var(--ink-muted);cursor:pointer;border-radius:50%;padding:0;font-size:16px;position:absolute;top:0;right:0}.home-update{background:var(--ink-panel);color:#fff;letter-spacing:1px;text-align:left;cursor:pointer;border:2px solid #c9197d;border-radius:999px;min-height:44px;margin-right:52px;padding:8px 14px;font-size:11px;font-weight:700}.home-update[hidden]{display:none}.home-update:active{transform:translateY(2px)}.home-stage{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg opacity='.4'%3E%3Cpath d='M20 40 q10 -14 20 0 t20 0 t20 0' fill='none' stroke='%23c9197d' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M170 60 l18 30 h-36z' fill='none' stroke='%23f5c400' stroke-width='4' stroke-linejoin='round'/%3E%3Ccircle cx='60' cy='190' r='10' fill='%231fb5ad'/%3E%3Crect x='180' y='170' width='34' height='10' rx='2' fill='%236f7dff' transform='rotate(-24 197 175)'/%3E%3C/g%3E%3C/svg%3E");background-position:50% -30px;background-size:240px 240px;height:190px;margin:0 -16px;position:relative;overflow:hidden}.home-wire{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-wire path{fill:none;stroke:var(--ink-text);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.85}.home-stage.intro .home-wire path{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:.7s ease-out forwards home-draw}@keyframes home-draw{to{stroke-dashoffset:0}}.home-bird-wrap{transform-origin:50% 100%;width:64px;height:64px;position:absolute;top:41px;left:calc(50% - 32px)}.home-bird{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(4px 4px #c9197d);display:block}.home-stage.landed .home-wire,.home-stage.landed .home-bird-wrap{animation:.5s cubic-bezier(.3,1.6,.5,1) home-sag}@keyframes home-sag{30%{transform:translateY(7px)}60%{transform:translateY(-2px)}}.home-pads{grid-template-columns:repeat(16,1fr);gap:4px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.home-pads i{background:#2a2433;border:2px solid #0000;border-radius:4px;height:18px}.home-pads i.beat{background:#332b3e}.home-pads i.on{background:var(--pc);border-color:var(--ink-text)}.home-pads i.now{outline:2px solid var(--ink-text);outline-offset:2px}.home-pads i.hit{animation:.25s ease-out home-hit}@keyframes home-hit{0%{transform:scale(1.5)translateY(-4px)}to{transform:none}}.home-note{pointer-events:none;text-shadow:2px 2px 0 var(--ink-ground);font-size:22px;font-weight:700;position:absolute}.home-stage.calm .home-bird-wrap{transform:translateX(calc(var(--sway,0) * 18px)) rotate(calc(var(--sway,0) * 9deg));transition:transform .34s cubic-bezier(.3,1.5,.5,1)}.home-bird.hop{animation:.3s ease-out home-hop}@keyframes home-hop{40%{transform:translateY(-12px)}}.home-stage.calm .home-pads i{transition:background-color .4s,box-shadow .4s}.home-stage.calm .home-pads i.on{opacity:.6}.home-stage.calm .home-pads i.now{outline-color:#f2eef78c}.home-pads i.lit{animation:.45s ease-out home-lit}@keyframes home-lit{0%{opacity:1;box-shadow:0 0 18px 4px var(--pc);filter:brightness(1.5);transform:translateY(-5px)scale(1.25)}to{opacity:.6;filter:none;transform:none;box-shadow:0 0 #0000}}.home-title{text-align:center;letter-spacing:-1px;margin:-6px 0 0;font:700 clamp(40px,12vw,60px)/1 Space Mono,monospace}.home-title-beat{color:var(--c-gold);text-shadow:3px 3px #c9197d}.home-title .l{display:inline-block}.home-title.drop .l{animation:.5s cubic-bezier(.3,1.5,.5,1) backwards home-drop}.home-title.drop .l:nth-child(2){animation-delay:50ms}.home-title.drop .l:nth-child(3){animation-delay:.1s}.home-title.drop .l:nth-child(4){animation-delay:.15s}.home-title.drop .home-title-beat .l:first-child{animation-delay:.22s}.home-title.drop .home-title-beat .l:nth-child(2){animation-delay:.27s}.home-title.drop .home-title-beat .l:nth-child(3){animation-delay:.32s}.home-title.drop .home-title-beat .l:nth-child(4){animation-delay:.37s}@keyframes home-drop{0%{opacity:0;transform:translateY(-40px)rotate(-8deg)}}.home-title.bump{animation:.18s ease-out home-bump}@keyframes home-bump{40%{transform:scale(1.04)}}.home-sub{text-align:center;color:var(--ink-muted);letter-spacing:1.5px;text-transform:uppercase;margin:-8px 0 0;font-size:12px}.home-notice{border:2px dashed var(--ink-line);background:#1f1a27eb;border-radius:14px;gap:10px;padding:14px;display:grid}.home-notice p{color:#d6d0e0;margin:0;font-size:12px;line-height:1.55}.home-notice-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-main{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-main .home-btn[hidden]+.home-btn{grid-column:1/-1}.home-btn{appearance:none;text-align:center;border:3px solid var(--ink-text);background:var(--ink-panel);min-height:76px;color:var(--ink-text);cursor:pointer;border-radius:16px;place-items:center;gap:4px;padding:10px 14px;transition:transform 60ms,box-shadow 60ms;display:grid;box-shadow:5px 5px 0 var(--ink-text)!important}.home-btn-main{letter-spacing:1.5px;font-size:16px;font-weight:700}.home-btn small{letter-spacing:.5px;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.home-btn.primary{background:#c9197d;box-shadow:5px 5px 0 var(--c-gold)!important}.home-btn.primary small{color:var(--ink-text)}.home-btn:active{transform:translate(4px,4px);box-shadow:1px 1px!important}.home-btn.small{letter-spacing:1px;justify-self:end;min-height:48px;font-size:13px;font-weight:700}.home-install{appearance:none;text-align:left;cursor:pointer;min-height:60px;color:var(--ink-text);background:#1fb5ad1a;border:2px dashed #1fb5ad;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 14px;display:grid}.home-install-icon{width:36px;height:36px;color:var(--ink-ground);background:#1fb5ad;border-radius:10px;place-items:center;font-size:20px;font-weight:700;display:grid}.home-install-text{gap:2px;display:grid}.home-install b{letter-spacing:1.5px;font-size:13px}.home-install small{color:var(--ink-muted);letter-spacing:.5px;font-size:10px}.home-section{gap:10px;display:grid}.home-section h2{letter-spacing:2px;text-transform:uppercase;color:var(--ink-text);margin:0;font-size:12px}.home-section-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.home-section-note{letter-spacing:1px;color:var(--ink-muted);text-transform:uppercase;font-size:10px}.home-demos .demo-carousel{grid-auto-columns:min(68%,240px);width:auto;margin:0 -16px;padding:6px 16px 14px}.home-demos .demo-card{min-height:190px}.home-demos .demo-card[hidden]{display:none}.home-demos .demo-carousel.grid{scroll-snap-type:none;grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;gap:10px;overflow:visible}.home-demos .demo-carousel.grid .demo-card{border-width:2px;border-radius:14px;gap:3px;min-height:132px;padding:12px}.home-demos .demo-carousel.grid .demo-bird{width:36px;height:36px}.home-demos .demo-carousel.grid .demo-name{font-size:15px}.home-demos .demo-carousel.grid .demo-style{font-size:10px}.home-demos .demo-carousel.grid .demo-num{font-size:9px;top:10px;right:10px}.home-demos .demo-carousel.grid .demo-hint{display:none}.home-demos .demo-carousel.grid .demo-card.playing .demo-hint{font-size:10px;line-height:1.4;display:block}.home-demos .demo-carousel.grid .demo-state{font-size:9px}.demo-moods{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.demo-moods::-webkit-scrollbar{display:none}.demo-mood{appearance:none;border:2px solid var(--ink-line);background:var(--ink-panel);min-height:38px;color:var(--ink-text);cursor:pointer;letter-spacing:1.5px;border-radius:999px;flex:none;padding:0 14px;font:700 11px Space Mono,monospace}.demo-mood.on{color:#fff;box-shadow:3px 3px 0 var(--c-gold);background:#c9197d;border-color:#c9197d}.home-mini{appearance:none;border:2px solid var(--ink-line);background:var(--ink-panel);min-height:44px;color:var(--ink-text);letter-spacing:1px;cursor:pointer;border-radius:999px;padding:0 12px;font-size:11px;font-weight:700}.home-mini.on{background:#c9197d;border-color:#c9197d}.home-link{appearance:none;color:#e0479b;letter-spacing:1.5px;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0;font:700 11px Space Mono,monospace;text-decoration:underline}.home-legal{flex-wrap:wrap;align-items:center;gap:6px 16px;margin:4px 0 0;display:flex}.home-version{color:var(--ink-muted);letter-spacing:1px;font-size:10px}@media (min-width:1024px){.home-stage{border-radius:18px;margin:0}}@media (prefers-reduced-motion:reduce){.home-stage *,.home-title,.home-title .l{animation:none!important}}.demo-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink-line) transparent;grid-auto-columns:min(78%,260px);grid-auto-flow:column;gap:14px;width:100%;padding:6px 4px 14px;display:grid;overflow-x:auto}.demo-card{appearance:none;scroll-snap-align:center;text-align:left;border:3px solid var(--card-color);background:var(--ink-panel);min-height:220px;color:var(--ink-text);box-shadow:5px 5px 0 var(--card-color);cursor:pointer;border-radius:16px;align-content:start;justify-items:start;gap:6px;margin:0;padding:16px;font-family:Space Mono,Courier New,monospace;transition:transform .1s;display:grid;position:relative}.demo-card:active{transform:translate(3px,3px)}.demo-card.playing{background:color-mix(in srgb, var(--card-color) 22%, var(--ink-panel));outline:3px solid var(--ink-text);outline-offset:3px}.demo-card.loading .demo-bird{animation:.3s ease-in-out infinite alternate bb-hop}.demo-bird{width:56px;height:56px;image-rendering:pixelated}.demo-num{color:var(--ink-muted);font-size:10px;position:absolute;top:12px;right:14px}.demo-name{letter-spacing:1px;color:var(--card-color);font-size:20px;font-weight:700}.demo-style{letter-spacing:1px;color:var(--ink-text);font-size:11px}.demo-hint{color:var(--ink-muted);font-size:11px;line-height:1.5}.demo-foot{align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.demo-state{letter-spacing:1.5px;color:var(--card-color);font-size:10px;font-weight:700}.demo-play{background:var(--card-color);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.demo-play i{border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--ink-ground);width:0;height:0;margin-left:4px}.demo-play b{display:none}.demo-card:active .demo-play{box-shadow:1px 1px 0 var(--ink-text);transform:translate(2px,2px)}.demo-card.loading .demo-play i{border:3px solid var(--ink-ground);border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin:0;animation:.7s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-card.playing .demo-play{justify-content:center;align-items:flex-end;gap:3px;padding-bottom:13px;display:flex}.demo-card.playing .demo-play i{display:none}.demo-card.playing .demo-play b{background:var(--ink-ground);transform-origin:bottom;border-radius:1px;width:5px;height:18px;animation:.5s ease-in-out infinite alternate demo-eq;display:block}.demo-card.playing .demo-play b:nth-of-type(2){animation-delay:-.2s}.demo-card.playing .demo-play b:nth-of-type(3){animation-delay:-.35s}@keyframes demo-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.demo-carousel.invite .demo-card:first-child .demo-play{animation:1.6s ease-out infinite demo-invite}@keyframes demo-invite{0%{box-shadow:3px 3px 0 var(--ink-text), 0 0 0 0 color-mix(in srgb, var(--card-color) 70%, transparent)}70%,to{box-shadow:3px 3px 0 var(--ink-text), 0 0 0 16px transparent}}@media (prefers-reduced-motion:reduce){.demo-play,.demo-play i,.demo-play b{animation:none!important}}@media (min-width:1024px){.bb-sheet .demo-carousel{grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}.bb-bump{animation:.16s ease-out bb-bump}@keyframes bb-bump{0%{transform:scale(1.1)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bb-bump{animation:none!important}}.mb-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mb-style{letter-spacing:1px;color:var(--ink-text);font:700 22px/1.1 Space Mono,monospace}.mb-bpm{letter-spacing:1.5px;color:var(--ink-muted);font:700 10px Space Mono,monospace}.mb-steps{background:var(--ink-lcd);border:2px solid var(--ink-line);border-radius:12px;gap:4px;padding:10px;display:grid}.mb-row{grid-template-columns:38px repeat(16,1fr);align-items:center;gap:2px;display:grid}.mb-name{letter-spacing:1px;color:var(--tc);font:700 8px Space Mono,monospace}.mb-row i{background:var(--ink-panel);border-radius:2px;height:10px}.mb-row i.q{background:#2b2436}.mb-row i.on{background:var(--tc)}.mb-styles{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.mb-styles::-webkit-scrollbar{display:none}.mb-styles .bb-chip{flex:none}.tp-step{grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;display:grid}.tp-btn{appearance:none;border:3px solid var(--fg-primary);background:var(--bg-card-hover);min-height:56px;color:var(--fg-primary);cursor:pointer;border-radius:12px;margin:0;padding:0;font:700 28px/1 Space Mono,monospace}.tp-btn:active{transform:translate(2px,2px)}.tp-readout{justify-items:center;gap:2px;display:grid}.tp-val{font-variant-numeric:tabular-nums;color:var(--fg-primary);font:700 40px/1 Space Mono,monospace}.tp-unit{letter-spacing:1.5px;color:var(--fg-secondary);font:700 10px/1 Space Mono,monospace}.tp-tap{flex:100%;min-height:56px}@media (prefers-reduced-motion:reduce){.tp-btn:active{transform:none}}.home-beats{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:148px;grid-auto-flow:column;gap:10px;margin:0 -16px;padding:4px 16px 10px;display:grid;overflow-x:auto}.home-beats::-webkit-scrollbar{display:none}.home-beat{appearance:none;scroll-snap-align:start;text-align:left;cursor:pointer;border:2px solid var(--ink-line);background:var(--ink-panel);min-height:150px;color:var(--ink-text);border-radius:14px;align-content:start;justify-items:start;gap:6px;padding:10px;display:grid}.home-beat:active{transform:translate(2px,2px)}.home-beat.active{border-color:var(--card-color);box-shadow:3px 3px 0 var(--card-color)}.home-beat-top{justify-content:space-between;align-items:center;width:100%;display:flex}.home-beat-bird{width:28px;height:28px;image-rendering:pixelated}.home-beat-when{letter-spacing:1px;color:var(--ink-muted);text-transform:uppercase;font-size:9px}.home-beat.active .home-beat-when{color:var(--card-color);font-weight:700}.home-beat-name{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.home-beat-steps{background:var(--ink-lcd);border-radius:6px;gap:2px;width:100%;min-height:18px;padding:5px;display:grid}.home-beat-row{grid-template-columns:repeat(16,1fr);gap:1px;display:grid}.home-beat-row i{background:#231d2c;border-radius:1px;height:4px}.home-beat-row i.on{background:var(--tc)}.home-beat-row i.now{background:var(--ink-line);box-shadow:0 0 0 1px var(--ink-text)}.home-beat-row i.on.now{box-shadow:0 0 6px var(--tc);background:#fff}.home-beat-bpm{letter-spacing:1px;color:var(--ink-muted);font-size:9px}.home-beat.add{color:var(--ink-muted);border-style:dashed;place-content:center;justify-items:center}.home-beat-plus{color:#c9197d;font-size:34px;line-height:1}.home-tiles{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.home-tile{appearance:none;cursor:pointer;border:2px solid var(--ink-line);background:var(--ink-panel);min-height:78px;color:var(--ink-text);letter-spacing:1.5px;border-radius:14px;justify-items:center;gap:6px;padding:14px 6px;font:700 10px Space Mono,monospace;display:grid}.home-tile svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.home-tile:active{transform:translate(2px,2px)}.home-rows{border:2px solid var(--ink-line);border-radius:14px;margin-top:10px;display:grid;overflow:hidden}.home-row{appearance:none;cursor:pointer;text-align:left;background:var(--ink-panel);min-height:58px;color:var(--ink-text);border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.home-row+.home-row{border-top:1px solid var(--ink-line)}.home-row-text{gap:2px;display:grid}.home-row.stale .home-row-text small,.home-row.stale .home-row-go{color:#ff9ad0}.home-row-text b{letter-spacing:.5px;font-size:12px}.home-row-text small{color:var(--ink-muted);font-size:10px}.home-row-go{color:var(--ink-muted);font-size:18px}.home-row-go.save{letter-spacing:.5px;font-size:12px;font-weight:700}.home-switch{background:var(--ink-line);border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.home-switch:after{content:"";background:var(--ink-text);border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;left:3px}.home-switch.on{background:#c9197d}.home-switch.on:after{transform:translate(18px)}.bb-undo{animation:.6s ease-out bb-undo}@keyframes bb-undo{0%{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 14px #fff}to{transform:none;box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.bb-undo{animation:none!important}}.phone-app,.header-undo-btn,.rotate-overlay{display:none}@media (max-width:1023px){body:not(.is-phone){background:var(--ink-ground)}body:not(.is-phone)>*{visibility:hidden}body:not(.is-phone):before,body:not(.is-phone):after{z-index:10090;text-align:center;color:var(--ink-text);letter-spacing:1.5px;text-transform:uppercase;font:700 14px Space Mono,monospace;position:fixed;left:0;right:0}body:not(.is-phone):before{content:"BirdBeat";animation:1.2s ease-in-out infinite phone-boot-pulse;top:45%}body:not(.is-phone):after{content:"Still loading. Reload the page if nothing happens.";letter-spacing:1px;opacity:0;padding:0 24px;font-size:11px;animation:.4s 10s forwards phone-boot-hint;top:calc(45% + 28px)}@keyframes phone-boot-pulse{50%{opacity:.35}}@keyframes phone-boot-hint{to{opacity:.7}}@media (prefers-reduced-motion:reduce){body:not(.is-phone):before{animation:none}}body.is-phone{background:var(--bg-main);overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex;overflow:hidden}body.is-phone .phone-app{width:100%;max-width:560px;min-height:0;color:var(--fg-primary);flex-direction:column;flex:1;margin:0 auto;font-family:Space Mono,Courier New,monospace;display:flex}body.is-phone .phone-app button{box-shadow:none;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;margin:0;font-family:inherit}body.is-phone header{width:100%;max-width:560px;height:auto;min-height:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 8px;background:var(--bg-main);border:0;flex-shrink:0;align-items:stretch;gap:8px;margin:0 auto;display:flex;position:relative;top:auto}body.is-phone #master-display{border-radius:8px;flex:1;grid-template-rows:44px auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;min-width:0;max-width:none;height:auto;max-height:none;margin:0;padding:6px 10px;display:grid}body.is-phone #master-display:before{content:"";background:rgba(var(--c-run-rgb), .55);border-radius:2px;grid-area:1/1/auto/-1;align-self:end;height:3px}body.is-phone .display-left{grid-area:1/3;justify-self:end;min-width:0;display:block}body.is-phone .display-center{display:contents}body.is-phone .display-bird-wrap{grid-area:1/1;align-self:end;margin:0 0 3px 6px;display:block;position:relative}body.is-phone .bpm-led-clock{flex-direction:column;align-items:flex-end;gap:3px;line-height:1;display:flex;position:relative}body.is-phone .bpm-pix{width:auto;height:21px;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(var(--c-run-rgb), .6))}body.is-phone #ledBpmNum{white-space:nowrap;color:#0000;height:21px;text-shadow:none;caret-color:#0000;font-size:21px;line-height:21px;position:absolute;top:0;left:0;right:0;overflow:hidden}body.is-phone .led-label{margin:0;font-size:10px;line-height:10px}body.is-phone .display-dots{grid-area:2/1/auto/-1;gap:5px;height:6px;display:flex}.display-dots .g{flex:1;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.display-dots i{--dot:var(--pad-c0);background:var(--dot);box-shadow:0 0 4px var(--dot);opacity:.35;border-radius:1px}.display-dots .g:nth-child(2) i{--dot:var(--pad-c1)}.display-dots .g:nth-child(3) i{--dot:var(--pad-c2)}.display-dots .g:nth-child(4) i{--dot:var(--pad-c3)}.display-dots .g>i.now{opacity:1}.display-dots.rec i{background:rgba(var(--c-rec-rgb), .22);box-shadow:none;opacity:1}.display-dots.rec i.fill{background:var(--c-rec);box-shadow:0 0 3px var(--c-rec)}body.is-phone .display-status{white-space:nowrap;text-align:left;grid-area:3/1/auto/-1;font-size:10px;line-height:13px;overflow:hidden}body.is-phone #status,body.is-phone .display-hint{vertical-align:top;letter-spacing:1px;text-transform:uppercase;text-align:left;width:auto;max-width:100%;color:var(--c-run);text-shadow:0 0 4px rgba(var(--c-run-rgb), .4);white-space:nowrap;text-overflow:ellipsis;border:0;margin:0;padding:0;font-size:10px;font-weight:700;line-height:13px;animation:none;display:inline-block;overflow:hidden;transform:none}body.is-phone #status[hidden],body.is-phone .display-hint[hidden]{display:none}body.is-phone .display-status.scroll #status,body.is-phone .display-status.scroll .display-hint{text-overflow:clip;max-width:none;overflow:visible}body.is-phone .rec-readout:not([hidden]),body.is-phone .p-unsaved.show,body.is-phone .display-playline:not([hidden]){--rule:rgba(var(--c-rec-rgb), .45);background:linear-gradient(90deg, var(--rule) 50%, transparent 50%) 0 0 / 6px 1px repeat-x, #000;white-space:nowrap;text-overflow:ellipsis;border:0;grid-area:3/1/auto/-1;margin:0;padding:0;display:block;overflow:hidden}body.is-phone .p-unsaved.show{--rule:rgba(var(--c-rec-rgb), .6);z-index:1;position:relative}.rec-readout{display:none}body.is-phone .rec-readout:not([hidden]){letter-spacing:0;color:var(--c-rec-text);font-variant-numeric:tabular-nums;font:700 10px/13px Space Mono,monospace}body.is-phone.is-recording .display-status,.display-playline{display:none}body.is-phone .display-playline:not([hidden]){--rule:rgba(var(--c-run-rgb), .45);letter-spacing:0;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--c-run);text-shadow:0 0 4px rgba(var(--c-run-rgb), .4);font:700 10px/13px Space Mono,monospace}body.is-phone .display-playline.viz:not([hidden]){align-items:center;gap:5px;display:flex}.display-playline canvas{min-width:0;height:11px;filter:drop-shadow(0 0 3px rgba(var(--c-run-rgb), .5));flex:1}body.is-phone canvas#birdIcon{width:44px;height:44px;display:block}.bird-ask{z-index:2;pointer-events:none;background:var(--c-gold);width:22px;height:22px;color:var(--ink-ground);border:2px solid var(--ink-ground);box-shadow:2px 2px 0 var(--c-on);border-radius:50% 50% 50% 4px;place-items:center;font:700 14px/1 Space Mono,monospace;animation:2.4s ease-in-out infinite bird-ask;display:grid;position:absolute;top:-8px;right:-14px}.bird-ask[hidden]{display:none}.bird-guest-stage{pointer-events:none;z-index:3;position:absolute;inset:-16px 0 -6px;overflow:hidden}.bird-guest{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--c-gold) 35%, transparent));position:absolute;top:0;left:0}canvas#birdIcon.pecking{transform:rotate(24deg)translateY(2px)}canvas#birdIcon[data-flip].pecking{transform:rotate(-24deg)translateY(2px)}.bird-ask.pop{animation:.45s cubic-bezier(.3,1.6,.5,1) bird-ask-pop,2.4s ease-in-out .45s infinite bird-ask}@keyframes bird-ask-pop{0%{transform:scale(0)rotate(-30deg)}}@keyframes bird-ask{0%,70%,to{transform:none}78%{transform:rotate(-14deg)scale(1.1)}86%{transform:rotate(12deg)scale(1.1)}94%{transform:rotate(-6deg)}}body.is-phone .header-right-group{align-items:stretch;gap:6px;display:flex}body.is-phone header #recordBtn,body.is-phone header #playBtn{border-width:2px;border-radius:10px;width:58px;min-width:58px;height:auto;min-height:48px;margin:0;padding:0;font-size:11px}body.is-phone header #recordBtn{box-shadow:3px 3px 0 var(--c-rec)}body.is-phone header #playBtn{box-shadow:3px 3px 0 var(--c-play)}body.is-phone header .header-undo-btn{border:2px solid var(--c-on);background:var(--bg-card);width:44px;min-height:48px;color:var(--c-on-text);box-shadow:3px 3px 0 var(--c-gold);border-radius:10px;margin:0;padding:0;font-weight:700;line-height:1}body.is-phone header .header-undo-btn:active{box-shadow:1px 1px 0 var(--c-gold);transform:translate(2px,2px)}body.is-phone header :is(#recordBtn,#playBtn,.header-undo-btn){flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.key-pix{fill:currentColor;shape-rendering:crispedges;flex:none;width:24px;height:24px}.key-label{letter-spacing:1px;font-size:10px;line-height:12px}#playBtn .k-stop,#playBtn.playing .k-play{display:none}#playBtn.playing .k-stop{display:block}#recordBtn .key-pix :is(.d0,.d2){visibility:hidden}#recordBtn.recording .key-pix .d0{animation:.64s step-end infinite key-d0}#recordBtn.recording .key-pix .d1{animation:.64s step-end infinite key-d1}#recordBtn.recording .key-pix .d2{animation:.64s step-end infinite key-d2}@keyframes key-d0{0%{visibility:visible}25%{visibility:hidden}}@keyframes key-d1{0%,50%{visibility:hidden}25%,75%{visibility:visible}}@keyframes key-d2{50%{visibility:visible}75%{visibility:hidden}}.phone-wire{flex-shrink:0;height:14px;position:relative}.phone-wire canvas{width:100%;height:14px;display:block}.wire-zone{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:-8px 0 -12px}.wire-cv{z-index:70;pointer-events:none;position:fixed;top:0;left:0}.phone-wire.toy canvas,.display-bird-wrap.wire-away{visibility:hidden}.phone-views{flex:1;min-height:0;position:relative}.pv{overscroll-behavior:contain;flex-direction:column;gap:10px;padding:12px 12px 10px;display:none;position:absolute;inset:0;overflow-y:auto}.pv.active{display:flex}.pv.enter{animation:.28s cubic-bezier(.2,.9,.3,1.3) p-enter}@keyframes p-enter{0%{opacity:0;transform:translate(22px)rotate(1.5deg)}to{opacity:1;transform:none}}.p-label{letter-spacing:1.5px;color:var(--fg-secondary);text-transform:uppercase;font-size:10px;font-weight:700}.p-chip{border:2px solid var(--border-color);background:var(--bg-card);min-height:40px;color:var(--fg-primary);cursor:pointer;border-radius:999px;font-size:11px;font-weight:700;padding:0 12px!important}.p-chip.on{background:var(--c-on);border-color:var(--c-on);color:#fff}.p-link{min-height:44px;color:var(--c-on-text);letter-spacing:1.5px;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700;text-decoration:underline;padding:0!important}.p-empty{color:var(--fg-secondary);margin:0;font-size:12px}.pe-try{gap:8px;display:grid}.pe-try-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pe-again{border:2px dashed var(--fg-primary);background:var(--bg-card);width:44px;height:44px;color:var(--fg-primary);font:700 20px/1 var(--font-mono);cursor:pointer;border-radius:50%;flex:none;padding:0!important}.pe-again:active{transform:translate(2px,2px)}.pe-styles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pe-style{border:3px solid var(--fg-primary);background:var(--bg-card);min-width:0;min-height:72px;color:var(--fg-primary);cursor:pointer;border-radius:12px;align-content:center;justify-items:center;gap:8px;display:grid;padding:10px 4px!important}.phone-app .pe-try .pe-style,.bb-sheet .pe-try .pe-style{box-shadow:3px 3px 0 var(--c-on)}.phone-app .pe-try .pe-style:active,.bb-sheet .pe-try .pe-style:active{box-shadow:1px 1px 0 var(--c-on);transform:translate(2px,2px)}.pe-glyph{grid-template-columns:repeat(4,10px);gap:2px;display:grid}.pe-glyph i{background:var(--border-color);border-radius:2px;height:8px}.pe-glyph i.k.on{background:var(--pad-c0)}.pe-glyph i.s.on{background:var(--pad-c1)}.pe-style-name{max-width:100%;font:700 10px/1.25 var(--font-mono);letter-spacing:1px;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.p-mini{border:2px solid var(--border-color);background:var(--bg-card);min-width:44px;min-height:40px;color:var(--fg-primary);cursor:pointer;border-radius:8px;font-size:10px;font-weight:700;padding:0 10px!important}.p-mini.danger{color:var(--c-rec-text)}.p-empty-state{color:var(--fg-secondary);justify-items:start;gap:6px;padding:20px 4px;font-size:13px;display:grid}.p-empty-state p{margin:0}.pb-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.pb-seg,.pb-banks{gap:4px;display:flex}.p-chip.bank{width:38px;min-width:38px;position:relative;padding:0!important}.pb-clear-x{z-index:2;border:2px solid var(--fg-primary);background:var(--c-rec);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;line-height:1;display:grid;position:absolute;top:-12px;right:-12px}.pb-clear-x:before{content:"";position:absolute;inset:-10px}.p-chip.bank.empty{color:var(--fg-secondary);border-style:dashed}.p-chip.bank.chained:not(.on){border-color:var(--c-on);color:var(--c-on-text)}.pb-overview{overscroll-behavior:contain;flex:none;grid-auto-rows:max-content;align-content:start;gap:3px;max-height:clamp(104px,22vh,250px);display:grid;overflow-y:auto}.pb-row{border-radius:4px;grid-template-columns:58px 1fr 30px;align-items:center;gap:6px;display:grid}.pb-row.sel{box-shadow:0 0 0 2px var(--c-on)}.pb-row.silent>:not(.pb-mute){opacity:.38}.pb-name{min-height:28px;color:var(--fg-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-items:start;gap:2px;font-size:10px;font-weight:700;display:grid;position:relative;padding:2px 4px 2px 8px!important}.pb-name:before{content:"";position:absolute;inset:-2px 0}.pb-name:after{content:"";background:var(--tc);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.pb-row.sel .pb-name{color:var(--fg-primary)}.pb-row.solo .pb-name-text:after{content:" S";color:var(--c-on-text)}.pb-level{background:var(--border-color);border-radius:2px;width:44px;height:3px;overflow:hidden}.pb-level:before{content:"";height:100%;width:calc(var(--lv) * 100%);background:var(--tc);display:block}.pb-cells{cursor:pointer;grid-template-columns:repeat(16,1fr);gap:2px;height:14px;display:grid}.pb-cell{background:var(--bg-card-hover);border-radius:2px}.pb-cell.q{background:var(--bg-card)}.pb-cell.on{background:var(--tc)}.pb-cell.now{outline:1px solid var(--fg-primary)}.pb-row.sel .pb-cells{grid-template-columns:repeat(8,1fr);height:auto}.pb-row.sel .pb-cell{height:24px}button.pb-cell{appearance:none;min-width:0;min-height:0;box-shadow:none;cursor:pointer;border:0;margin:0;padding:0!important}button.pb-cell:not(.on){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tc) 45%, transparent)}.pb-row{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:32px}.pb-row-tap{animation:.35s ease-out pb-row-tap}@keyframes pb-row-tap{0%{background:color-mix(in srgb, var(--tc) 30%, transparent)}}.pb-more,.pb-drawer-close{width:100%;min-height:30px;color:var(--fg-secondary);letter-spacing:1.5px;cursor:ns-resize;touch-action:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex;margin:-4px 0!important;padding:0!important}.pb-more-bar{background:var(--border-color);border-radius:3px;width:40px;height:5px;transition:background .15s,width .15s}.pb-more:hover .pb-more-bar,.pb-more:focus-visible .pb-more-bar,.pb-drawer-close:hover .pb-more-bar{background:var(--c-on);width:56px}.pb-more:hover,.pb-more:focus-visible{color:var(--c-on-text)}.pb-drawer{z-index:5;border:3px solid var(--fg-primary);background:var(--bg-main);box-shadow:5px 5px 0 var(--c-on), 0 18px 40px #0000008c;border-radius:14px;flex-direction:column;display:flex;position:absolute;left:8px;right:8px;overflow:hidden}.pb-drawer.animate{transition:height .28s cubic-bezier(.2,.9,.3,1.15)}.pb-drawer-rows{overscroll-behavior:contain;flex:1;align-content:start;gap:8px;min-height:0;padding:10px 10px 4px;display:grid;overflow-y:auto}.pb-drawer-close{border-top:2px solid var(--border-color);background:var(--bg-card);min-height:36px;margin:0!important}.pb-drow{border-radius:6px;grid-template-columns:42px 1fr;align-items:stretch;gap:6px;display:grid}.pb-drow.in{animation:pb-drow-in .3s cubic-bezier(.2, .9, .3, 1.3) calc(var(--i) * 28ms) backwards}@keyframes pb-drow-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.pb-drow.sel{box-shadow:0 0 0 2px var(--c-on)}.pb-drow.silent{opacity:.38}.pb-dname{color:var(--fg-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center start;font-size:9px;font-weight:700;display:grid;position:relative;padding:0 2px 0 8px!important}.pb-dname:after{content:"";background:var(--tc);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.pb-drow.sel .pb-dname{color:var(--fg-primary)}.pb-dcells{grid-template-columns:repeat(8,1fr);grid-auto-rows:34px;gap:4px;display:grid}.pb-dcell{cursor:pointer;background:var(--bg-card-hover);border:2px solid #0000;border-radius:6px;min-width:0;padding:0!important}.pb-dcell.beat{border-color:color-mix(in srgb, var(--fg-secondary) 35%, transparent)}.pb-dcell.on{background:var(--tc);border-color:var(--fg-primary)}.pb-dcell.now{outline:2px solid var(--fg-primary);outline-offset:1px}.pb-head{align-items:baseline;gap:10px;min-height:24px;display:flex}.pb-tname{letter-spacing:1px;color:var(--tc);font-size:20px;font-weight:700;line-height:1}.pb-tname.plain{color:var(--fg-primary)}.pb-sub{letter-spacing:1px;color:var(--fg-secondary);text-transform:uppercase;font-size:9px}.pb-live{border:2px solid var(--fg-secondary);min-height:40px;color:var(--fg-primary);font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:20px;align-self:center;margin:-10px 0 -10px auto;padding:0 12px;font-size:11px;font-weight:700}.pb-live.on{border-color:var(--c-rec);background:var(--c-rec);color:#fff}.pb-grid{flex:212px;grid-template-rows:repeat(4,minmax(44px,72px));grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;min-height:212px;display:grid}.pb-step,.pb-pad{border:2px solid var(--border-color);background:var(--bg-card);max-width:100%;min-height:0;color:var(--fg-secondary);cursor:pointer;border-radius:12px;place-items:end start;font-size:12px;font-weight:700;display:grid;position:relative;overflow:hidden;padding:6px 8px!important}.pb-step.beat{border-color:color-mix(in srgb, var(--fg-secondary) 45%, var(--border-color))}.pb-step.on{background:var(--tc);border-color:var(--fg-primary);color:var(--ink-on-pad);box-shadow:4px 4px 0 var(--fg-primary)!important}.pb-step.on:after{content:"";height:calc(var(--vel,1) * 100%);pointer-events:none;background:#ffffff2e;position:absolute;bottom:0;left:0;right:0}.pb-step.now{outline:3px solid var(--fg-primary);outline-offset:2px}.pb-lock{font-size:11px;position:absolute;top:6px;right:8px}.pb-num{z-index:1;position:relative}.pb-num svg{vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;margin-left:2px;display:inline-block}.pb-pad.has{border-color:var(--tc);color:var(--tc);box-shadow:inset 0 -5px 0 var(--tc)}.pb-pad.focus{outline:2px solid var(--c-on);outline-offset:2px}.pb-pad.empty,.pb-pad.locked{border-style:dashed}.pb-pad:active{background:var(--tc);color:var(--ink-on-pad)}.pb-keys{flex:auto;align-content:start;gap:10px;display:grid}.pb-keys[hidden]{display:none}.pk-sounds{scrollbar-width:none;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.pk-sound{border-color:var(--tc,var(--border-color));flex:none}.pk-sound.on{background:var(--tc);border-color:var(--tc);color:var(--ink-on-pad)}.pk-sound.add{border-style:dashed;border-color:var(--c-on);color:var(--c-on-text)}.pk-bar{align-items:center;gap:6px;display:flex}.pk-bar .pb-live{margin:0 0 0 auto}.pk-oct{text-align:center;letter-spacing:1px;min-width:56px;color:var(--fg-secondary);font-size:11px;font-weight:700}.pk-scale .bb-sheet-row{margin:0}.pk-keys{--tc:var(--c-on);grid-template-columns:repeat(4,1fr);gap:8px;height:38vh;min-height:200px;display:grid}.pk-key{appearance:none;cursor:pointer;touch-action:none;border:2px solid var(--tc);background:var(--bg-card);min-width:0;min-height:0;color:var(--tc);box-shadow:3px 3px 0 var(--tc);border-radius:14px;place-items:end center;margin:0;font:700 13px/1 Space Mono,monospace;display:grid;padding:0 0 10px!important}.pk-key.pad:active{background:var(--tc);color:var(--ink-on-pad)}.pk-keys.piano{grid-template-columns:repeat(8,1fr);gap:4px;position:relative}.pk-keys.piano .white{background:var(--ink-text);color:var(--ink-on-pad);border-color:var(--ink-on-pad);box-shadow:inset 0 -6px 0 var(--tc);border-radius:0 0 10px 10px}.pk-keys.piano .white:active{background:var(--tc)}.pk-keys.piano .black{z-index:1;width:calc(8.75% - 2.45px);height:60%;top:0;left:calc((100% - 28px) / 8 * var(--x) + 4px * var(--x) - (100% - 28px) / 8 * .35 - 2px);background:var(--ink-on-pad);color:var(--ink-text);border-color:var(--tc);box-shadow:none;border-radius:0 0 8px 8px;font-size:10px;position:absolute}.pk-keys.piano .black:active{background:var(--tc);color:var(--ink-on-pad)}.pb-ohead{z-index:1;background:var(--bg-main);justify-content:space-between;align-items:center;gap:8px;padding-bottom:2px;display:flex;position:sticky;top:0}.pb-ohead-tools{align-items:center;gap:8px;display:flex}.pb-add-synth.pb-dots{min-width:44px;font-size:20px;padding:0!important}.pb-add-synth{border:2px dashed var(--c-on);min-height:44px;color:var(--c-on-text);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:999px;flex:none;font:700 10px/1 Space Mono,monospace;padding:0 12px!important}.pb-mute{width:30px;height:26px;color:var(--fg-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:relative;padding:0!important}.pb-mute:before{content:"";position:absolute;inset:-3px}.pb-mute svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pb-mute.on{color:var(--c-rec-text)}.pr-stage{flex:1 0 auto;align-content:safe center;place-items:center;gap:16px;display:grid}.pr-meter{align-items:flex-end;gap:5px;height:64px;display:flex}.pr-meter i{background:var(--bg-card-hover);transform-origin:bottom;width:12px;height:64px;transform:scaleY(var(--h,.08));border-radius:3px;transition:transform 70ms}.pr-big{border:4px solid var(--fg-primary);background:var(--bg-card);width:168px;height:168px;box-shadow:6px 6px 0 var(--fg-primary);cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;border-radius:50%!important;padding:0!important}.pr-dot{background:var(--c-rec);border-radius:50%;width:76px;height:76px;transition:transform .15s}.pr-big.live{box-shadow:0 0 0 10px rgba(var(--c-rec-rgb), .25), 6px 6px 0 var(--fg-primary);animation:.5s ease-in-out infinite alternate p-breathe}.pr-big.live .pr-dot{transform:scale(1.12)}.pr-big.live{border-color:var(--lvc,var(--c-rec));transition:border-color .12s;position:relative}.pr-big.live:after{content:"";border:4px solid var(--lvc,transparent);pointer-events:none;border-radius:50%;transition:border-color .12s;position:absolute;inset:-12px}@keyframes p-breathe{to{transform:scale(1.04)}}.pr-meter.idle i{opacity:.45}.pr-mic{border:2px solid var(--border-color);background:var(--bg-card);letter-spacing:1.5px;min-height:30px;color:var(--fg-secondary);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.pr-mic-dot{background:var(--border-color);border-radius:50%;width:10px;height:10px}.pr-mic.opening{border-color:var(--c-gold);color:var(--c-gold)}.pr-mic.opening .pr-mic-dot{background:var(--c-gold);animation:.5s steps(2,end) infinite p-blink}.pr-mic.recording{border-color:var(--c-rec);background:var(--c-rec);color:#fff}.pr-mic.recording .pr-mic-dot{background:#fff;animation:1s steps(2,end) infinite p-blink}.pr-mic.processing{border-color:var(--fg-primary);color:var(--fg-primary)}.pr-mic.blocked{border-color:var(--c-rec);color:var(--c-rec-text);padding-right:4px}.pr-mic.blocked .pr-mic-dot{background:var(--c-rec)}.pr-mic-fix{letter-spacing:1px;cursor:pointer;background:var(--c-rec)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:32px!important;padding:0 12px!important;font:700 10px/1 Space Mono,monospace!important}.pr-mic-fix[hidden]{display:none}.pr-time{font-variant-numeric:tabular-nums;min-width:0}@keyframes p-blink{50%{opacity:.2}}.pr-big.opening{border-color:var(--c-gold);box-shadow:0 0 0 8px #f5c40040, 6px 6px 0 var(--fg-primary)}.pr-big.opening .pr-dot{opacity:.7;transform:scale(.8)}.pr-big.live{box-shadow:0 0 0 calc(6px + var(--lv,0) * 26px) rgba(var(--c-rec-rgb), .3), 6px 6px 0 var(--fg-primary)}.pr-big.live .pr-dot{transform:scale(calc(1 + var(--lv,0) * .35));border-radius:30%}.pr-under{place-items:center;width:100%;min-height:56px;display:grid}.pr-under>*{grid-area:1/1}.pr-scope{opacity:0;width:min(100%,320px);height:56px;transition:opacity .2s}.pr-hint{transition:opacity .2s}.pv[data-phase=recording] .pr-scope,.pv[data-phase=processing] .pr-scope{opacity:1}.pv[data-phase=recording] .pr-hint,.pv[data-phase=processing] .pr-hint{opacity:0}.pr-big>*{grid-area:1/1}.pr-count{color:#fff;pointer-events:none;font:700 56px/1 Space Mono,monospace}.pr-count:empty{display:none}.pr-timing{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pr-timing .bb-chip{min-height:36px}.pr-timing.busy{opacity:.4;pointer-events:none}.pr-length{justify-items:center;gap:6px;width:100%;display:grid}.pr-length-help{max-width:300px;min-height:2.9em;color:var(--fg-secondary);text-align:center;margin:0;font-size:11px;line-height:1.45}.pr-target{appearance:none;cursor:pointer;border:2px solid var(--c-on);min-height:30px;color:var(--c-on-text);letter-spacing:1.5px;background:0 0;border-radius:999px;margin:0 0 0 2px;padding:4px 8px;font:700 11px/1 Space Mono,monospace}.pr-big.ready{animation:1.1s ease-in-out infinite pr-ready}@keyframes pr-ready{50%{box-shadow:0 0 0 12px rgba(var(--c-rec-rgb), .25), 6px 6px 0 var(--fg-primary)}}@media (prefers-reduced-motion:reduce){.pr-big.ready{outline:3px solid var(--c-rec);outline-offset:6px;animation:none}}.p-clip-canvas{aspect-ratio:9/16;border:2px solid var(--border-color);border-radius:12px;width:44%;max-width:190px;height:auto;margin:4px auto 10px;display:block}.exp{grid-template-columns:1fr 1fr;gap:26px 12px;padding-top:16px;display:grid}.exp-card{appearance:none;text-align:left;cursor:pointer;min-height:88px;color:var(--fg-primary);background:var(--bg-card);border:2px solid var(--border-color);border-top:4px solid var(--tc);box-shadow:4px 4px 0 var(--tc);border-radius:14px;align-items:center;gap:10px;margin:0;padding:14px 12px 10px;display:flex;position:relative}.exp-card:active{box-shadow:2px 2px 0 var(--tc);transform:translate(2px,2px)}.exp-clip{grid-column:1/-1}.exp-bird{width:22px;height:22px;image-rendering:pixelated;position:absolute;top:-26px;right:18px}.exp-picture{aspect-ratio:9/16;border:2px solid var(--border-color);border-radius:6px;flex:none;width:54px;height:auto}.exp-text{gap:4px;min-width:0;display:grid}.exp-text b{letter-spacing:1px;font-size:14px}.exp-text small{color:var(--fg-secondary);font-size:11px;line-height:1.4}.exp-bounce{appearance:none;cursor:pointer;border:2px dashed var(--border-color);min-height:44px;color:var(--fg-secondary);letter-spacing:1px;background:0 0;border-radius:999px;grid-column:1/-1;margin:0;padding:0 14px;font:700 11px/1 Space Mono,Courier New,monospace}.exp-flybird{width:22px;height:22px;image-rendering:pixelated}.bb-bird-chips{scrollbar-width:none;gap:6px;margin:0 -2px;padding:4px 2px 6px;display:flex;overflow-x:auto}.bb-bird-chips::-webkit-scrollbar{display:none}.bb-bird-chip{appearance:none;border:2px solid var(--border-color);background:var(--bg-card-hover);cursor:pointer;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid}.bb-bird-chip canvas{width:30px;height:30px;image-rendering:pixelated}.bb-bird-chip.on{border-color:var(--c-on);background:rgba(var(--c-on-rgb), .18);box-shadow:0 0 0 2px rgba(var(--c-on-rgb), .25)}.bb-bird-chip.locked{border-style:dashed}.bb-bird-chip.locked canvas{filter:brightness(0)invert(.28)}.p-share-status{text-align:center;letter-spacing:1.5px;color:var(--fg-secondary);margin:10px 0;font-size:11px;font-weight:700}.pr-hint{letter-spacing:1.5px;color:var(--fg-secondary);text-align:center;font-size:11px;font-weight:700}.pr-hint b{color:var(--c-on-text)}.pr-recent{gap:6px;display:grid}.pr-row{border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:4px 4px 4px 0;scroll-margin-bottom:12px;display:grid}.pr-name{align-items:center;gap:4px;display:flex}.pr-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pr-len{color:var(--fg-secondary);font-variant-numeric:tabular-nums}.pr-row.playing{background:rgba(var(--c-run-rgb), .08)}.pl-list{overscroll-behavior:contain;gap:6px;max-height:52vh;margin:4px 0 10px;display:grid;overflow-y:auto}.pl-row{border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.pl-row.playing .pl-name{border-color:var(--c-run)}.pl-name{border:2px solid var(--border-color);background:var(--bg-card);min-width:0;min-height:44px;color:var(--fg-primary);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;font:700 11px/1.2 Space Mono,monospace;display:flex;padding:0 10px!important}.pl-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pl-badge{letter-spacing:1px;color:var(--ink-on-pad);background:var(--pad-c1);border-radius:999px;flex:none;padding:2px 6px;font-size:8px}.pl-row[data-type=rec] .pl-badge{background:var(--c-rec);color:#fff}.pl-row[data-type=slice] .pl-badge{background:var(--pad-c4)}.pl-row[data-type=sound] .pl-badge{background:var(--pad-c2)}.pl-row[data-type=pattern] .pl-badge{background:var(--pad-c6)}.pl-row[data-type=demo] .pl-badge{background:var(--pad-c3)}.pj-row{grid-template-columns:1fr auto}.pj-row.now .pl-name{border-color:var(--c-on)}.pl-badge.pj-now{background:var(--c-on);color:#fff}.pj-date{color:var(--fg-secondary);flex:none;font-size:10px;font-weight:400}.p-next{border:2px dashed var(--c-on);width:min(100%,320px);min-height:48px;color:var(--c-on-text);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:999px;margin:4px auto 0;font:700 12px/1 Space Mono,monospace;display:block;padding:0 16px!important}.p-next[hidden]{display:none}.p-next:active{background:var(--c-on);color:#fff}.pr-birds{scroll-snap-type:x proximity;scrollbar-width:none;flex-shrink:0;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.pr-birds::-webkit-scrollbar{display:none}.pr-bird{scroll-snap-align:start;border:2px solid var(--border-color);border-top:4px solid var(--card-color);background:var(--bg-card);border-radius:10px;flex:0 0 92px;align-content:start;gap:6px;padding:8px;display:grid}.pr-bird.playing{border-color:var(--card-color)}.pr-bird-play{min-height:64px;color:var(--fg-primary);letter-spacing:1px;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;font-size:10px;font-weight:700;display:grid;padding:0!important}.pr-bird-pic{width:36px;height:36px;image-rendering:pixelated}.pr-bird .p-mini{width:100%}.pr-name{border:1px solid var(--border-color);background:var(--bg-card);min-height:44px;color:var(--fg-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:8px;font-size:11px;overflow:hidden;padding:0 10px!important}.pe-title{color:var(--fg-primary)}.pe-head{justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.pe-along{border:2px dashed var(--border-color);min-height:32px;color:var(--fg-secondary);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:999px;flex:none;font:700 10px/1 Space Mono,monospace;padding:0 12px!important}.pe-along.on{border:2px solid var(--c-run);color:var(--c-run)}.pe-along[hidden]{display:none}.pe-along svg{vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;margin-right:4px;display:inline-block}.pe-wave .canvas-wrap{background:0 0;border:0;flex-direction:column;gap:10px;height:auto;min-height:0;max-height:none;padding:0;display:flex;position:relative}.pe-wave #waveform{border:2px solid var(--fg-primary);border-radius:10px;order:1;width:100%;height:clamp(120px,26vh,150px)}.pe-wave .canvas-toolbar{pointer-events:auto;order:2;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:static}.pe-wave .canvas-toolbar>*{border-radius:10px;min-height:44px;margin:0;padding:0 4px;font-size:11px}.pe-wave .canvas-toolbar .bpm{display:none}.pe-wave .canvas-toolbar button.ghost{background:var(--bg-card);color:var(--fg-primary);border:2px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}.pe-wave #chopBtn,.pe-wave #addSliceBtn{border-color:var(--fg-primary)}.pe-wave #clearBtn{display:none}.pe-wave #zoomBtn.active{border-color:var(--c-on);color:var(--c-on-text)}.pe-wave{position:relative}.pe-wave .canvas-hint,.pe-wave .recording-overlay{order:1}.pe-wave .canvas-wrap.kick-flash:after{display:none}.pe-marks{z-index:2;pointer-events:none;border-radius:8px;position:absolute;overflow:hidden}.pe-mark{transform-origin:50% 100%;position:absolute;top:0;bottom:0}.pe-grip{background:var(--fg-primary);opacity:.85;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0}.pe-grip:after{content:"";border:2px solid var(--bg-main);background:var(--fg-primary) repeating-linear-gradient(180deg, transparent 0 5px, var(--bg-main) 5px 7px) center / 4px 16px no-repeat;border-radius:7px;width:14px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pe-grip[hidden]{display:none}.pe-grip.nudge{animation:.7s ease-in-out 2 pe-nudge}.pe-grip.end.nudge{animation-name:pe-nudge-end}@keyframes pe-nudge{50%{transform:translate(12px)}}@keyframes pe-nudge-end{50%{transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){.pe-grip.nudge{animation:none}}.pe-mark:before{content:"";background:var(--tc);transform-origin:50% 0;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:1px 0 #00000073}.pe-mark:after{content:"";background:var(--tc);opacity:.85;transform-origin:0;border-radius:0 3px 0 0;height:5px;position:absolute;bottom:0;left:0;right:2px}.pe-mark b{background:var(--tc);min-width:18px;color:var(--ink-on-pad);text-align:center;transform-origin:0 0;border-radius:4px;padding:1px 4px;font-size:9px;line-height:1.35;position:absolute;top:4px;left:4px;box-shadow:1px 1px #00000080}.pe-mark.low b{top:auto;bottom:10px}.pe-mark.fresh:before{animation:pe-grow .18s ease-out var(--d) backwards}.pe-mark.fresh:after{animation:pe-bar .32s ease-out var(--d) backwards}.pe-mark.fresh b{animation:pe-tag .34s cubic-bezier(.3, 1.7, .5, 1) var(--d) backwards}.pe-mark.hit{animation:.7s ease-out pe-hit}.pe-mark.hit b{animation:.3s cubic-bezier(.3,1.7,.5,1) pe-tag}.pe-mark.out{animation:.3s ease-in forwards pe-out}@keyframes pe-grow{0%{transform:scaleY(0)}}@keyframes pe-bar{0%{transform:scaleX(0)}}@keyframes pe-tag{0%{transform:scale(0)rotate(-25deg)}}@keyframes pe-hit{0%{background:color-mix(in srgb, var(--tc) 38%, transparent)}to{background:0 0}}@keyframes pe-out{to{opacity:0;transform:scaleY(0)}}.pe-scan{opacity:0;pointer-events:none;background:linear-gradient(90deg, transparent, rgba(var(--c-on-rgb), .55), transparent);width:22%;position:absolute;top:0;bottom:0;left:0}.pe-wave.chopping .pe-scan{opacity:1;animation:.65s linear infinite pe-scan}@keyframes pe-scan{0%{transform:translate(-100%)}to{transform:translate(460%)}}body.is-phone #master-display{position:relative}.p-saved{pointer-events:none;letter-spacing:1.5px;color:var(--c-run);opacity:0;font:700 9px/1 Space Mono,monospace;transition:opacity .25s,transform .25s;position:absolute;bottom:6px;right:8px;transform:translateY(4px)}.p-saved.show{opacity:1;transform:none}.p-unsaved{display:none}.p-unsaved.show{letter-spacing:.5px;color:var(--c-rec-text);font:700 10px/13px Space Mono,monospace}.p-name-input{border:2px solid var(--fg-primary);background:var(--bg-main);width:100%;min-height:48px;color:var(--fg-primary);text-transform:uppercase;letter-spacing:1px;border-radius:12px;padding:0 14px;font:700 16px Space Mono,monospace}.pb-peek{z-index:5;background:var(--ink-lcd);border:2px solid var(--tc,var(--border-color));border-radius:10px;gap:2px;padding:6px 8px;display:grid;position:absolute;left:0;right:0}.pb-peek canvas{width:100%;height:38px;display:block}.pb-peek.panel{flex:auto;align-content:center;min-height:96px;max-height:180px;padding:10px;position:static}.pb-peek.panel canvas{height:clamp(56px,12vh,130px)}.pb-peek.panel .pb-peek-label{font-size:10px}.pb-peek-label{letter-spacing:1px;color:var(--tc);font-size:9px}.pb-page-next{animation:.28s cubic-bezier(.2,.9,.3,1.1) pb-page-next}.pb-page-prev{animation:.28s cubic-bezier(.2,.9,.3,1.1) pb-page-prev}@keyframes pb-page-next{0%{opacity:0;transform:translate(40%)rotate(2deg)}}@keyframes pb-page-prev{0%{opacity:0;transform:translate(-40%)rotate(-2deg)}}.pe-wave .canvas-toolbar{display:none!important}.pe-tools{gap:14px;display:grid}.pe-group{gap:6px;display:grid}.pe-group-head{align-items:center;gap:8px;min-height:30px;display:flex}.pe-step{background:var(--c-on);color:#fff;border:2px solid var(--fg-primary);width:24px;height:24px;box-shadow:2px 2px 0 var(--fg-primary);border-radius:50%;flex:none;place-items:center;font:700 12px/1 Space Mono,monospace;display:grid}.pe-group-title{letter-spacing:1.5px;color:var(--fg-primary);flex:none;font:700 12px/1 Space Mono,monospace}.pe-group-head .pe-help{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pe-row{gap:6px;display:flex}.pe-row .p-chip{letter-spacing:1px;flex:1 1 0;min-width:0;min-height:52px;padding:4px 2px;font-size:10px}.pe-tool{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.pe-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pe-tool.dim{opacity:.45}.pe-tools .p-chip.on{background:var(--c-on);border-color:var(--c-on);color:#fff}.pe-tools .pe-chop{border-color:var(--fg-primary)}.pe-listen{z-index:3;border:2px solid var(--fg-primary);background:var(--bg-card);width:44px;height:44px;color:var(--fg-primary);font:700 16px/1 var(--font-mono);box-shadow:2px 2px 0 var(--fg-primary);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:8px;right:8px}.pe-listen.on{background:var(--c-on);border-color:var(--c-on);color:#fff}.pe-listen:active{box-shadow:none;transform:translate(2px,2px)}.pe-help{color:var(--fg-secondary);margin:0;font-size:11px;line-height:1.45}.pe-pad.full{touch-action:none}.pe-pad.dragging{opacity:.35}.pe-pad.drop{outline:3px solid var(--c-on);outline-offset:2px}.pe-ghost{z-index:10070;pointer-events:none;box-shadow:4px 4px 0 var(--c-on);margin:0;position:fixed;top:0;left:0}.pe-play{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #fff}.pe-pads-head{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex;position:relative}.pe-trash{display:none}.pe-pads-head.trash>:not(.pe-trash){visibility:hidden}.pe-pads-head.trash .pe-trash{border:2px dashed var(--c-rec);color:var(--c-rec-text);letter-spacing:1px;background:rgba(var(--c-rec-rgb,232, 50, 43), .08);border-radius:10px;place-items:center;font:700 11px/1 Space Mono,monospace;display:grid;position:absolute;inset:0}.pe-pads-head.trash.drop .pe-trash{background:var(--c-rec);color:#fff;border-style:solid}.pe-pad{position:relative}.pe-pad.sel{outline:3px solid var(--fg-primary);outline-offset:2px}.pe-x{border:2px solid var(--fg-primary);background:var(--c-rec);color:#fff;cursor:pointer;z-index:2;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;line-height:1;display:grid;position:absolute;top:-10px;right:-10px}.pe-clear{min-height:36px;color:var(--c-rec-text);letter-spacing:1.5px;text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:10px;font-weight:700;text-decoration:underline;padding:0 2px!important}.pe-pads{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pe-pad{border:2px dashed var(--border-color);background:var(--bg-card);height:70px;color:var(--fg-secondary);border-radius:8px;font-size:10px;font-weight:700;padding:0!important}.pe-pad.full{border:2px solid var(--fg-primary);background:var(--tc);color:var(--ink-on-pad);box-shadow:3px 3px 0 var(--fg-primary);cursor:pointer}.pe-pad.locked{border-style:dashed}.pe-pad.waiting{border:2px dashed var(--tc);color:var(--tc)}.pe-pad svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px;position:absolute;top:4px;right:4px}.p-fly-slice{border:2px solid var(--ink-text);border-radius:6px;width:26px;height:26px}.p-fly-bird{width:32px;height:32px;image-rendering:pixelated}.pp-branches{gap:14px;padding-top:4px;display:grid}.pp-pane{align-content:start;gap:12px;display:grid}.pp-pane[hidden]{display:none}.pp-lead{color:var(--fg-secondary);margin:0;font-size:11px;line-height:1.45}.pp-branch{border:2px solid var(--border-color);background:var(--bg-card);width:100%;height:96px;color:var(--fg-primary);text-align:left;cursor:pointer;border-radius:14px;position:relative;overflow:hidden;padding:0!important}.pp-branch.sel{border-color:var(--c-on);box-shadow:4px 4px 0 var(--c-on)}.pp-name{letter-spacing:1px;font-size:11px;font-weight:700;position:absolute;top:10px;left:14px}.pp-len{color:var(--fg-secondary);font-size:11px;position:absolute;top:10px;right:14px}.pp-tag{letter-spacing:1px;color:var(--c-on-text);font-size:9px;font-weight:700;position:absolute;bottom:6px;left:14px}.pp-stick{background:var(--tc);opacity:.35;border-radius:3px;height:6px;position:absolute;bottom:26px;left:14px;right:14px}.pp-branch.full .pp-stick{opacity:1}.pp-stick:before,.pp-stick:after{content:"";background:inherit;border-radius:3px;width:22px;height:5px;position:absolute;bottom:3px}.pp-stick:before{transform-origin:0;left:30%;transform:rotate(-28deg)}.pp-stick:after{transform-origin:100%;right:22%;transform:rotate(24deg)}.pp-bird{width:38px;height:38px;image-rendering:pixelated;transform-origin:50% 100%;position:absolute;bottom:30px;left:46%}.pp-bird.sway{transform:scale(calc(1 + var(--lv,0) * .35));transition:transform 80ms linear}.pp-bird.nod{animation:.3s ease-out p-nod}@keyframes p-nod{40%{transform:rotate(-8deg)translateY(-3px)}}.pp-branch.muted .pp-bird{opacity:.6}.pf-pane{gap:10px;display:grid}.pf-xyhead{justify-content:space-between;align-items:center;gap:8px;display:flex}.p-chip.tilt.off{opacity:.45}.pf-xy{position:relative}.pf-xy #xyPadWrap{aspect-ratio:1;margin:0 auto;position:relative;width:min(100%,42vh)!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:block!important}.pf-xy #xyPad{border:2px solid var(--fg-primary);touch-action:none;border-radius:12px;position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.pf-xy .xy-pad-label-x,.pf-xy .xy-pad-label-y{display:none}.pf-trail{pointer-events:none;border-radius:3px;width:12px;height:12px;position:absolute}.pf-fx{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pf-fxbtn{border:2px solid var(--border-color);background:var(--bg-card);min-height:56px;color:var(--fg-primary);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:10px;font-size:9px;font-weight:700;padding:0 2px!important}.pf-fxbtn.held{background:var(--c-on);border-color:var(--fg-primary);color:#fff}#master-display.fx-wobble{animation:.18s linear infinite p-wobble}#master-display.fx-stop{filter:brightness(.55);transition:transform .5s ease-in,filter .5s;transform:scaleY(.88)}@keyframes p-wobble{50%{filter:hue-rotate(40deg);transform:skew(-3deg)}}.pf-mix{overscroll-behavior-x:contain;grid-auto-columns:56px;grid-auto-flow:column;gap:8px;padding-bottom:8px;display:grid;overflow-x:auto}.pf-ch{justify-items:center;gap:6px;display:grid}.pf-ch.silent .pf-track{opacity:.4}.pf-val{font-variant-numeric:tabular-nums;color:var(--fg-secondary);font-size:10px}.pf-track{background:var(--bg-card-hover);touch-action:none;cursor:ns-resize;border-radius:18px;width:36px;height:min(34vh,240px);position:relative}.pf-track:focus-visible{outline:2px solid var(--c-on);outline-offset:3px}.pf-fill{background:var(--tc);opacity:.85;border-radius:18px;position:absolute;bottom:0;left:0;right:0}.pf-knob{background:var(--fg-primary);border:3px solid var(--tc);border-radius:8px;height:24px;position:absolute;left:-4px;right:-4px}.pf-name{color:var(--tc);font-size:9px;font-weight:700}.pf-ms{border:2px solid var(--border-color);background:var(--bg-card);width:44px;min-height:36px;color:var(--fg-secondary);border-radius:8px;font-size:11px;font-weight:700;padding:0!important}.pf-ms.on{background:var(--fg-primary);color:var(--bg-main)}.pf-ms.solo.on{background:var(--c-on);color:#fff;border-color:var(--c-on)}.phone-strip{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:10px;padding:2px 16px 10px;display:grid;position:relative}.phone-strip:before{content:"";background:var(--fg-secondary);opacity:.45;pointer-events:none;border-radius:999px;height:4px;position:absolute;bottom:16px;left:6px;right:6px}.ps-chip{border:2px dashed var(--border-color);background:var(--bg-main);min-height:36px;color:var(--fg-secondary);letter-spacing:1px;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex;position:relative;padding:0!important}.ps-chip.full{border-style:solid;border-color:var(--tc);color:var(--fg-primary)}.ps-chip.sel{border-style:solid;border-color:var(--c-on);color:var(--fg-primary);background:rgba(var(--c-on-rgb), .18);box-shadow:0 0 0 2px rgba(var(--c-on-rgb), .25)}.ps-chip canvas{width:22px;height:22px;image-rendering:pixelated;margin-top:-6px}.ps-chip.muted canvas{opacity:.5}.phone-nav{border-top:2px solid var(--border-color);background:var(--bg-card);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0;grid-template-columns:repeat(5,1fr);display:grid}.phone-nav button{min-height:48px;color:var(--fg-secondary);letter-spacing:1px;cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:0;font-size:10px;font-weight:700;display:grid}.phone-nav svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.phone-nav button.on{color:var(--c-on-text)}.phone-nav button.on svg{animation:.4s p-wiggle}.phone-nav .nav-export{color:var(--c-on-text);border-left:1px dashed var(--border-color)}.phone-nav button.next{color:#fff}.phone-nav button.next svg{filter:drop-shadow(0 0 6px #fff);animation:1.2s ease-in-out infinite p-next}@keyframes p-next{50%{transform:scale(1.18)}}@keyframes p-wiggle{25%{transform:rotate(-12deg)scale(1.15)}60%{transform:rotate(8deg)}}}.mic-help{gap:10px;display:grid}.mic-help-lead{margin:0;font-size:13px;line-height:1.5}.mic-help-steps{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.mic-help-steps li{counter-increment:step;border:2px solid var(--border-color);background:var(--bg-card-hover);border-radius:12px;min-height:44px;padding:10px 12px 10px 46px;font-size:12px;line-height:1.5;position:relative}.mic-help-steps li:before{content:counter(step);background:var(--c-rec);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:absolute;top:9px;left:10px}.mic-help-steps.done li:before{content:"✓";background:var(--c-play)}.mic-help-faq{letter-spacing:.5px;color:var(--c-on-text);text-underline-offset:3px;font-size:12px;font-weight:700;text-decoration:underline}.mic-help-reason{color:var(--fg-secondary);opacity:.8;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-size:10px;line-height:1.4}.mic-help-ok{background:var(--c-play);color:var(--ink-ground);border-radius:12px;margin:0;padding:10px 12px;font-size:12px;font-weight:700}.pp-sheet{gap:10px;display:grid}.pp-sheet-state{letter-spacing:1px;color:var(--fg-secondary);margin:-6px 0 0;font-size:11px}.pp-sheet-state b{color:var(--c-on-text)}.pp-sheet .bb-sheet-label{margin-top:4px}.pp-birds-wrap{overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;overflow-x:auto}.pp-birds{grid-template-rows:repeat(2,auto);grid-auto-columns:148px;grid-auto-flow:column;gap:10px 8px;width:max-content;padding:2px 16px 8px;display:grid}.pp-bird-chip{appearance:none;border:2px solid var(--bc);background:var(--bg-card-hover);min-height:48px;color:var(--fg-primary);box-shadow:3px 3px 0 var(--bc);letter-spacing:1px;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 14px 4px 6px;font:700 11px/1 Space Mono,Courier New,monospace;display:flex;overflow:hidden}.pp-bird-chip canvas{width:34px;height:34px;image-rendering:pixelated;flex:none}.pp-bird-chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.pp-bird-chip:active{box-shadow:1px 1px 0 var(--bc);transform:translate(2px,2px)}.pp-birds.busy .pp-bird-chip:not(.loading){opacity:.45}.pp-bird-chip.loading canvas{animation:.3s ease-in-out infinite alternate bb-hop}@media (prefers-reduced-motion:reduce){.pp-bird-chip.loading canvas{animation:none}}@media (max-width:1023px) and (max-height:700px){.pv[data-view=beat] .p-chip{min-height:34px}.pb-overview{max-height:clamp(88px,18vh,250px)}.pb-grid{flex-basis:168px;grid-template-rows:repeat(4,minmax(36px,72px));min-height:168px}.p-clip-canvas{width:30%}}.rotate-overlay .rotate-tablet{display:none}@media (max-width:1023px) and (orientation:landscape) and (max-height:520px) and (pointer:coarse),(min-width:1024px) and (orientation:landscape) and (pointer:coarse){.rotate-overlay{z-index:10090;background:var(--ink-ground);color:var(--ink-text);letter-spacing:1.5px;text-transform:uppercase;align-content:center;place-items:center;gap:14px;font:700 14px Space Mono,monospace;display:grid;position:fixed;inset:0}.rotate-overlay p{margin:0}.rotate-bird{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(3px 3px #c9197d);animation:2.4s ease-in-out infinite p-turn}@keyframes p-turn{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}}@media (min-width:1024px) and (orientation:landscape) and (pointer:coarse){.rotate-overlay .rotate-phone{display:none}.rotate-overlay .rotate-tablet{display:block}}@media (prefers-reduced-motion:reduce){.pv.enter,.phone-nav button.on svg,.phone-nav button.next svg,.pr-big.live,.pr-mic-dot,.pp-bird.nod,#master-display.fx-wobble,.rotate-bird,.bird-ask,.pe-mark.fresh:before,.pe-mark.fresh:after,.pe-mark.fresh b,.pe-mark.hit,.pe-mark.hit b,.pe-mark.out{animation:none!important}.pe-wave.chopping .pe-scan{opacity:.35;width:100%;animation:none!important}.pb-drow.in,.pb-row-tap,.pb-page-next,.pb-page-prev,#recordBtn .key-pix path{animation:none!important}.pb-drawer.animate{transition:none!important}}.p-album{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.p-album-card{text-align:center;border:2px dashed var(--border-color);color:var(--fg-secondary);border-radius:12px;align-content:start;justify-items:center;gap:4px;padding:10px 6px;display:grid}.p-album-card.got{border-style:solid;border-color:var(--tc);color:var(--fg-primary)}.p-album-bird{width:48px;height:48px;image-rendering:pixelated}.p-album-card b{letter-spacing:1px;font-size:10px}.p-album-card small{color:var(--fg-secondary);font-size:9px;line-height:1.3}.p-album-card:not(.got) .p-album-bird{filter:brightness(0)invert(.28)}.desk-block{display:none}@media (min-width:1024px) and (pointer:fine){body.desk-blocked{overflow:hidden}.desk-block{z-index:10100;background-color:var(--ink-ground);color:var(--ink-text);background-image:radial-gradient(circle at 1px 1px,#f2eef714 1.2px,#0000 1.6px);background-size:22px 22px;place-items:center;padding:24px;font-family:Space Mono,monospace;display:grid;position:fixed;inset:0}.desk-block-card{text-align:center;border:3px solid var(--ink-text);background:#1d1924;border-radius:18px;justify-items:center;gap:14px;max-width:560px;padding:40px 44px 36px;animation:.45s cubic-bezier(.2,.9,.3,1.3) both desk-block-in;display:grid;position:relative;box-shadow:10px 10px #c9197d}.desk-block-card:before,.desk-block-card:after{content:"";pointer-events:none;position:absolute}.desk-block-card:before{background:var(--c-gold);border:3px solid var(--ink-text);border-radius:50%;width:44px;height:44px;top:-22px;left:-26px}.desk-block-card:after{background:linear-gradient(135deg, transparent 33%, var(--c-play) 33% 66%, transparent 66%) 0 0 / 14px 14px repeat-x;width:92px;height:14px;bottom:-18px;right:34px}.desk-block-bird{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(4px 4px #c9197d);animation:2.8s ease-in-out infinite desk-block-hop}.desk-block h1{letter-spacing:1px;text-transform:uppercase;margin:4px 0 0;font-size:26px;line-height:1.2}.desk-block p{color:#f2eef7cc;margin:0;font-size:14px;line-height:1.5}.desk-block-qr-wrap{margin:14px 0 6px;transition:transform .2s;position:relative;transform:rotate(-2deg)}.desk-block-qr-wrap[hidden]{display:none}.desk-block-qr-wrap:hover{transform:rotate(0)scale(1.04)}.desk-block-qr{background:var(--ink-text);border:3px solid var(--ink-lcd);width:216px;height:216px;box-shadow:0 0 0 3px var(--ink-text), 8px 8px 0 3px #c9197d;border-radius:14px;display:block}.desk-block-qr-wrap:after{content:"";background:linear-gradient(45deg, transparent 33%, var(--c-play) 33% 66%, transparent 66%) 0 0 / 14px 14px repeat-y;width:14px;height:64px;position:absolute;bottom:26px;left:-22px}.qr-tape{z-index:1;white-space:nowrap;letter-spacing:2px;text-transform:uppercase;color:var(--ink-ground);background:var(--c-gold);border:2px solid var(--ink-lcd);border-radius:3px;padding:3px 14px;font-size:13px;font-weight:700;transition:transform .2s;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(4deg)}.desk-block-qr-wrap:hover .qr-tape{transform:translate(-50%)rotate(-3deg)}.desk-block-url{background:var(--ink-lcd);border:2px solid var(--ink-text);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:999px;padding:10px 18px;font-weight:700;color:#00ff9c!important;margin:4px 0!important;font-size:18px!important}@keyframes desk-block-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes desk-block-hop{0%,80%,to{transform:none}86%{transform:translateY(-10px)rotate(-6deg)}92%{transform:translateY(0)rotate(4deg)}}}@media (prefers-reduced-motion:reduce){.desk-block-card,.desk-block-bird{animation:none!important}.desk-block-qr-wrap,.qr-tape{transition:none!important}}