:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d6f6ff;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:#0b0c10;background-image:radial-gradient(680px 380px at 12% 0,#22d3ee29,#0000 70%),radial-gradient(620px 360px at 88% 4%,#a855f72e,#0000 70%),radial-gradient(900px 520px at 50% 120%,#22d3ee1a,#0000 70%),linear-gradient(#0e0f17 0%,#0b0c10 58%,#08090d 100%);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}h1{margin:0;font-weight:500}.da-layout{box-sizing:border-box;grid-template-columns:38fr 62fr;align-items:start;gap:20px;width:100%;display:grid}.da-pane-left,.da-pane-right{flex-direction:column;gap:16px;min-width:0;display:flex}.da-pane-left{align-self:start;max-height:calc(100vh - 32px);padding-right:4px;position:sticky;top:16px;overflow-y:auto}@media (width<=900px){.da-layout{grid-template-columns:1fr}.da-pane-left{max-height:none;padding-right:0;position:static;overflow-y:visible}}:root{--bg-surface:#0e1628b8;--bg-surface-hover:#142038e6;--bg-surface-active:#1c2c4af2;--border-color:#22d3ee52;--border-color-strong:#22d3eeb3;--text-primary:#d6f6ff;--text-muted:#7fa6c0;--accent:#22d3ee;--accent-strong:#06b6d4;--danger:#ff4d6d;--warn:#ffcc4a;--drum-kick:#d9434b;--drum-snare:#e6c844;--drum-hihat-closed:#43c6d9;--drum-hihat-open:#7fb8ff;--drum-tom-hi:#ee8a3b;--drum-tom-mid:#c47030;--drum-tom-lo:#8a4a1f;--drum-crash:#b160ff}.da-btn{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;transition:background .12s,border-color .12s,transform 80ms}.da-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-color-strong)}.da-btn:active:not(:disabled){transform:translateY(1px)}.da-btn:disabled{opacity:.5;cursor:not-allowed}.da-btn.is-active{background:var(--accent-strong);border-color:var(--accent);color:#fff}.da-palette{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.da-palette-section{flex-direction:column;gap:6px;display:flex}.da-palette-section-label{color:var(--text-muted);letter-spacing:.04em;padding-left:2px;font-size:11px}.da-palette-row{flex-wrap:wrap;gap:8px;display:flex}.da-palette-btn{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:72px;padding:8px 12px;display:flex}.da-palette-btn.is-rest{color:var(--text-muted);opacity:.85;background:#eaf0e6}.da-palette-btn.is-rest .da-palette-symbol{color:var(--text-muted)}.da-palette-symbol{font-size:28px;line-height:1}.da-palette-name{color:var(--text-muted);font-size:12px}.da-drumpicker{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.da-drumpicker-group{flex-direction:column;gap:6px;display:flex}.da-drumpicker-group-label{color:var(--text-muted);letter-spacing:.04em;padding-left:2px;font-size:11px}.da-drumpicker-row{flex-wrap:wrap;gap:8px;display:flex}.da-drumpicker-item{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:6px;align-items:stretch;display:inline-flex;overflow:hidden}.da-drumpicker-label{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:14px}.da-drumpicker-item.is-active .da-drumpicker-label{background:var(--accent-strong);color:#fff;font-weight:600}.da-drumpicker-label:hover{background:var(--bg-surface-hover)}.da-drumpicker-audition{border:none;border-left:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;padding:0 10px;font-family:inherit;font-size:12px}.da-drumpicker-audition:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.da-measure-grid{border:1px dashed var(--border-color);box-sizing:border-box;background:#ffffff05;border-radius:8px;gap:0;width:95%;max-width:1100px;min-height:140px;margin:0 auto;padding:16px;display:grid}.da-measure-block{border-right:2px solid var(--border-color-strong);box-sizing:border-box;flex-wrap:nowrap;align-items:stretch;gap:8px;min-height:140px;padding:0 10px;display:flex;position:relative;overflow-x:auto}.da-measure-block.is-last-measure{border-right:2px solid var(--border-color-strong)}.da-measure-block.is-last-measure:after{content:"";background:var(--border-color-strong);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;right:-5px}.da-measure-empty{text-align:center;color:var(--text-muted);flex:auto;align-self:center;padding:24px 0;font-size:14px}.da-timesig{min-width:36px;color:var(--text-primary);border-right:2px solid var(--border-color-strong);flex-direction:column;flex:none;justify-content:center;align-items:center;margin-right:4px;padding:4px 6px;font-family:Times New Roman,serif;font-weight:700;line-height:.95;display:flex}.da-timesig-num,.da-timesig-den{font-size:32px}.da-placedcell{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;min-width:60px;padding:6px;display:flex}.da-placedcell-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:2px 4px 6px;display:flex}.da-placedcell-title{align-items:baseline;gap:6px;display:flex}.da-placedcell-symbol{font-size:18px;line-height:1}.da-placedcell-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:12px;line-height:1}.da-placedcell-remove:hover{color:var(--danger);border-color:var(--danger);background:#ff5b6e26}.da-placedcell-slots{align-items:stretch;gap:4px;display:flex}.da-slot{min-height:64px;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;text-align:center;box-sizing:border-box;background:#eef6ec;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 4px 2px;font-family:inherit;font-size:12px;line-height:1.2;transition:filter .12s,box-shadow .12s,transform 80ms;display:flex}.da-slot:hover:not(.is-rest){filter:brightness(1.15)}.da-slot:active:not(.is-rest){transform:translateY(1px)}.da-slot.is-empty{color:var(--text-muted)}.da-slot.is-active{box-shadow:0 0 0 2px var(--accent), 0 0 12px 2px #4caf5073;outline:none}.da-slot.is-rest{color:var(--text-muted);cursor:not-allowed;opacity:.7;background:#e3ebe1;border-style:dashed}.da-slot-rest-glyph{color:var(--text-muted);font-size:22px;line-height:1}.da-slot-badges{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:2px;width:100%;padding:2px 0;display:flex}.da-slot-badge{white-space:nowrap;border-radius:3px;max-width:100%;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.1;display:inline-block}.da-slot-empty-dot{color:var(--text-muted);flex:auto;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.da-slot-stick{color:var(--text-muted);min-height:12px;padding-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1}.drum-kick{background:var(--drum-kick);color:#fff}.drum-snare{background:var(--drum-snare);color:#16171d}.drum-hihat-closed{background:var(--drum-hihat-closed);color:#16171d}.drum-hihat-open{background:var(--drum-hihat-open);color:#16171d}.drum-tom-hi{background:var(--drum-tom-hi);color:#16171d}.drum-tom-mid{background:var(--drum-tom-mid);color:#fff}.drum-tom-lo{background:var(--drum-tom-lo);color:#fff}.drum-crash{background:var(--drum-crash);color:#fff}.da-transport{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.da-transport-group{align-items:center;gap:6px;display:inline-flex}.da-transport-label{color:var(--text-muted);font-size:12px}.da-bpm-input{width:72px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:14px}.da-bpm-input:focus{border-color:var(--accent);outline:none}.da-transport .da-btn.is-danger:hover{border-color:var(--danger);color:var(--danger);background:#ff5b6e26}.da-staff{-webkit-user-select:none;user-select:none;background:0 0;width:100%;max-width:100%;height:auto;display:block}.da-palette,.da-drumpicker,.da-transport,.da-measure-grid{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:0 0 22px #22d3ee14,inset 0 0 28px #22d3ee08}.da-measure-grid{border-style:solid}.da-palette{gap:16px;padding:18px}.da-drumpicker{gap:16px;padding:16px}.da-transport{gap:16px;padding:14px 18px}.da-palette-row{gap:14px}.da-drumpicker-row{gap:12px}.da-palette-btn{min-width:80px;min-height:80px;padding:12px 14px}.da-measure-grid{padding:22px}.da-placedcell-slots{gap:6px}.da-palette-name,.da-drumpicker-group-label,.da-palette-section-label{color:#ffffff80}.da-palette-symbol{color:#ffffff6b;transition:filter .14s,transform .12s}.da-palette-btn:hover:not(.is-rest) .da-palette-symbol,.da-palette-btn:active:not(.is-rest) .da-palette-symbol{background:radial-gradient(circle at 50% 40%,#ff3df0 0%,#b14bff 35%,#22d3ee 70%,#ffb020 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 6px #22d3eecc)drop-shadow(0 0 10px #ff3df080);-webkit-background-clip:text;background-clip:text;transform:scale(1.08)}.da-placedcell:hover .da-placedcell-symbol{background:radial-gradient(circle at 50% 40%,#ff3df0,#22d3ee 70%,#ffb020);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 5px #22d3eeb3);-webkit-background-clip:text;background-clip:text}.da-slot{background:#ffffff0a}.da-palette-btn.is-rest{background:#ffffff05}.da-slot.is-rest{background:#00000040}.da-slot.is-active{box-shadow:0 0 0 1.5px var(--accent), 0 0 16px 3px #22d3eea6}.da-btn{color:#ffffffb8;background:#ffffff0a;box-shadow:0 0 10px #22d3ee1a}.da-btn:hover:not(:disabled){color:#eafdff;background:#ffffff14;box-shadow:0 0 16px #22d3ee73}.da-drumpicker-item.is-active{border-color:#22d3eed9;box-shadow:0 0 8px #22d3eeb3,0 0 18px #d946ef66}.da-drumpicker-item.is-active .da-drumpicker-label{color:#eafdff;text-shadow:0 0 8px #22d3eee6,0 0 14px #d946ef99;background:#22d3ee14}.da-drumpicker-item.is-active .da-drumpicker-label:hover{background:#22d3ee24}.da-btn.da-play{color:#6dffa8;border-color:#22e07ab3;box-shadow:0 0 14px #22e07a66}.da-btn.da-play:hover:not(:disabled){text-shadow:0 0 8px #22e07ae6;background:#22e07a24;border-color:#22e07af2;box-shadow:0 0 20px #22e07aa6}.da-btn.is-danger{color:#ff8197;border-color:#ff4d6d8c;box-shadow:0 0 12px #ff4d6d4d}.da-btn.is-danger:hover:not(:disabled){text-shadow:0 0 8px #ff4d6de6;box-shadow:0 0 18px #ff4d6d8c}.da-bpm-input:focus{border-color:#22d3eecc;box-shadow:0 0 12px #22d3ee80}.da-neonkit{opacity:.42;pointer-events:none;z-index:-1;width:min(680px,56vw);position:fixed;bottom:0;right:0}.da-neonkit-img{mix-blend-mode:screen;width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(140% 140% at 100% 100%,#000 48%,#0000 100%);mask-image:radial-gradient(140% 140% at 100% 100%,#000 48%,#0000 100%)}.da-neonkit-glow{filter:blur(7px);mix-blend-mode:screen;border-radius:50%;animation:1.5s ease-in-out infinite da-kit-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes da-kit-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=900px){.da-neonkit{opacity:.85;width:52vw;height:52vw}}.app{box-sizing:border-box;z-index:1;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;display:flex;position:relative}.da-title{letter-spacing:.2em;text-align:center;background:linear-gradient(95deg,#22d3ee 0%,#5ef0ff 28%,#c46bff 64%,#ff3df0 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 7px #22d3eed9)drop-shadow(0 0 16px #ff3df080);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:30px;font-weight:700}.da-subtitle{color:var(--text-muted,#9a9fae);text-align:center;opacity:.85;margin:0 0 8px;font-size:13px}.da-section{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.da-section-measure{align-items:stretch}.da-section-title{text-transform:uppercase;letter-spacing:.08em;opacity:.6;align-self:flex-start;margin:0;font-size:13px;font-weight:500}.status{opacity:.8;font-size:14px}@keyframes neon-text-gradient{0%{background-position:0%}to{background-position:200%}}@font-face{font-family:Saira;src:url(/fonts/saira.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Michroma;src:url(/fonts/michroma.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.da-title{letter-spacing:4px;text-transform:uppercase;text-align:center;-webkit-text-fill-color:#fff;color:#fff;filter:none;text-shadow:0 0 2px #fff,0 0 7px #fff,0 0 15px #00e5ff,0 0 30px #00e5ff,0 0 60px #00e5ff,0 0 100px #00e5ff80;background:0 0;border:none;align-self:center;margin:6px auto 20px;padding:14px 48px;font-family:Michroma,system-ui,sans-serif;font-size:2.5rem;font-weight:400;animation:none;display:inline-block;position:relative}.da-title:before,.da-title:after{content:"";background:#00e5ff;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 6px #00e5ff,0 0 14px #00e5ff;-webkit-mask:linear-gradient(90deg,#000 0 36%,#0000 36% 64%,#000 64% 100%);mask:linear-gradient(90deg,#000 0 36%,#0000 36% 64%,#000 64% 100%)}.da-title:before{top:0}.da-title:after{bottom:0}.da-title-pro{letter-spacing:3px;vertical-align:.95em;opacity:.9;text-shadow:0 0 6px #00e5ff,0 0 12px #00e5ff80;margin-left:.7em;font-family:Saira,system-ui,sans-serif;font-size:.32em;font-weight:300}.da-subtitle{color:#ffffff8c;letter-spacing:.02em;text-align:center;margin-bottom:1.5em;font-size:.9em;font-weight:400}.da-section-title{color:#ffffffe0;text-shadow:0 0 8px #00f0ff8c;letter-spacing:.05em;margin-bottom:1em;font-size:1.2em;font-weight:600}.da-palette,.da-drumpicker,.da-transport,.da-measure-grid{-webkit-backdrop-filter:blur(16px);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 20px #00f0ff26,0 0 35px #ff3df014}.da-palette:before,.da-drumpicker:before,.da-transport:before,.da-measure-grid:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 50%,#fff0 100%);position:absolute;inset:0}.da-pane-left,.da-pane-right{padding:20px}.da-palette-section-label,.da-drumpicker-group-label{color:#fff9;letter-spacing:.06em;margin-bottom:.8em;font-size:.95em;font-weight:500}.da-palette-row,.da-drumpicker-row{gap:16px;margin-bottom:12px}.da-palette-row:last-child,.da-drumpicker-row:last-child{margin-bottom:0}.da-btn,.da-palette-btn,.da-btn:hover:not(:disabled),.da-palette-btn:hover{color:#fff;background:#00f0ff0d;border-color:#00f0ffa6;transition:all .3s ease-in-out;box-shadow:0 0 14px #00f0ff80}.da-drumpicker-group{margin-bottom:1.5em}.da-drumpicker-item:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;z-index:1;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 50%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.da-drumpicker-item:hover{z-index:2;background-color:#ffffff14;border-color:#00f0ffbf;transform:translateY(-3px)scale(1.02);box-shadow:0 4px 15px #0000004d,0 0 16px #00f0ff66,0 0 28px #ff3df033}.da-drumpicker-item:hover:before{opacity:1}.da-palette-symbol{color:#ffffff59;font-size:1.6em;transition:filter .25s,transform .2s,background .25s}.da-palette-name{color:#ffffff73;margin-top:4px;font-size:.85em;font-weight:400}.da-palette-btn:hover:not(.is-rest) .da-palette-symbol,.da-palette-btn.is-active:not(.is-rest) .da-palette-symbol{background:linear-gradient(45deg,#00f0ff,#ff3df0,#ffb020,#00f0ff) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 8px #00f0ffe6)drop-shadow(0 0 12px #ff3df0b3);-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite neon-text-gradient;transform:scale(1.15)}.da-palette-btn.is-active:not(.is-rest) .da-palette-name{color:#fff;text-shadow:0 0 6px #00f0ffcc}.da-drumpicker-item.is-active{z-index:3;background:0 0;border-color:#00f0fff2;transform:scale(1.03);box-shadow:0 0 12px #00f0ffcc,0 0 25px #ff3df080,inset 0 0 8px #00f0ff99}.da-drumpicker-item.is-active:before{opacity:1;background:linear-gradient(135deg,#00f0ff26 0%,#ff3df014 50%,#ffffff05 100%)}.da-drumpicker-item .da-drumpicker-label{color:#ffffffb3;z-index:2;margin-top:8px;font-size:1em;font-weight:500;transition:color .3s,text-shadow .3s;position:relative}.da-drumpicker-item.is-active .da-drumpicker-label{color:#fff;text-shadow:0 0 10px #00f0ff,0 0 18px #ff3df0b3;background:0 0;font-weight:600}.da-drumpicker-item .da-drumpicker-audition{color:#fff6;z-index:2;font-size:.85em;transition:color .25s,text-shadow .25s;position:relative}.da-drumpicker-item:hover .da-drumpicker-audition{color:#00f0ff;text-shadow:0 0 6px #00f0ff}.da-btn.is-active{color:#fff;text-shadow:0 0 8px #00f0ffd9;background:#00f0ff14;border-color:#00f0ffd9;box-shadow:0 0 14px #00f0ffbf}.da-btn.da-play{color:#aaffcf;text-shadow:0 0 8px #22e07acc;background:#22e07a14;border-color:#22e07ad9;box-shadow:0 0 14px #22e07aa6}.da-btn.da-play:hover:not(:disabled){box-shadow:0 0 20px #22e07ae6}.da-btn.is-danger{color:#ff9aa9;text-shadow:0 0 8px #ff4d6dcc;background:#ff4d6d14;border-color:#ff4d6dbf;box-shadow:0 0 14px #ff4d6d80}.da-btn.is-danger:hover:not(:disabled){box-shadow:0 0 20px #ff4d6dcc}.da-bpm-input{color:#fffffff2;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 12px;font-size:1em;font-weight:500}.da-bpm-input:focus{border-color:#00f0ffbf;outline:none;box-shadow:0 0 12px #00f0ff8c}.da-placedcell{background-color:#00f0ff1a;border:1px solid #00f0ff66;border-radius:4px;box-shadow:0 0 8px #00f0ff4d}.da-placedcell-symbol{color:#00f0ff;text-shadow:0 0 5px #00f0ff}.da-placedcell-name{color:#fffc;font-size:.8em}.da-slot.is-active{background-color:#00f0ff26;border-color:#00f0ff80;box-shadow:0 0 8px #00f0ff66}.da-slot.is-rest{background-color:#ff3df014;border-color:#ff3df04d;box-shadow:0 0 6px #ff3df033}.da-staff{background-color:#ffffff05;border:1px solid #ffffff12;border-radius:12px;padding:15px 20px;position:relative;overflow:hidden;box-shadow:0 0 10px #00f0ff0d,0 0 20px #ff3df008}.da-staff:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 50%,#fff0 100%);position:absolute;inset:0}.da-palette-btn,.da-palette-btn.is-rest{-webkit-backdrop-filter:blur(6px);box-shadow:none;background:#ffffff0a;border:1px solid #ffffff1f}.da-palette-btn:hover:not(.is-rest){background:#00e5ff0f;border-color:#00e5ff99;box-shadow:0 0 14px #00e5ff80}.da-placedcell-name{display:none}@property --da-edge{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes da-edge-spin{to{--da-edge:360deg}}@keyframes da-edge-breathe{0%,to{opacity:.4}50%{opacity:.85}}.da-palette,.da-drumpicker,.da-transport,.da-measure-grid{position:relative}.da-palette:after,.da-drumpicker:after,.da-transport:after,.da-measure-grid:after{content:"";border-radius:inherit;background:conic-gradient(from var(--da-edge), #00e5ff, #7b5cff, #ff3df0, #ffb020, #00e5ff);-webkit-mask-composite:xor;filter:drop-shadow(0 0 6px #00e5ff8c);pointer-events:none;padding:1.5px;animation:9s linear infinite da-edge-spin,4.5s ease-in-out infinite da-edge-breathe;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.da-btn,.da-palette-btn,.da-drumpicker-item,.da-bpm-input{-webkit-backdrop-filter:blur(14px)saturate(180%);color:#ffffffdb;background:linear-gradient(160deg,#ffffff21,#ffffff0a);border:1px solid #ffffff2e;border-radius:14px;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;box-shadow:inset 0 1px #ffffff80,inset 0 0 14px #ffffff0d,0 6px 18px #00000059}.da-btn:hover:not(:disabled),.da-palette-btn:hover:not(.is-rest),.da-drumpicker-item:hover{background:linear-gradient(160deg,#ffffff38,#ffffff12);border-color:#00e5ff80;transform:translateY(-1px);box-shadow:inset 0 1px #fff9,0 8px 22px #0000006b,0 0 16px #00e5ff66}.da-btn:active:not(:disabled),.da-palette-btn:active:not(.is-rest),.da-drumpicker-item:active{transform:translateY(0);box-shadow:inset 0 2px 6px #00000059,inset 0 1px #ffffff40}.da-palette-btn:not(.is-rest) .da-palette-symbol{background:linear-gradient(135deg,#3d9bff 0%,#9b5cff 50%,#ff5cc8 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 4px #7b5cff73);-webkit-background-clip:text;background-clip:text;animation:none;transform:none}.da-palette-btn:hover:not(.is-rest) .da-palette-symbol{filter:drop-shadow(0 0 7px #7b5cffb3);animation:none;transform:scale(1.06)}.da-palette:after,.da-drumpicker:after,.da-transport:after,.da-measure-grid:after{display:none}.da-palette,.da-drumpicker,.da-transport,.da-measure-grid{box-shadow:0 8px 24px #0000004d}.da-transport-dock{z-index:6;position:absolute;top:16px;right:24px}.da-transport-dock .da-transport{background:#ffffff0d;box-shadow:0 6px 18px #0000004d}.da-transport .da-btn,.da-transport .da-bpm-input,.da-transport .da-btn.is-active,.da-transport .da-btn.da-play,.da-transport .da-btn.is-danger{text-shadow:none!important;box-shadow:inset 0 1px #fff6,0 2px 6px #0000004d!important}.da-transport .da-btn:hover:not(:disabled){border-color:#ffffff59;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,0 3px 9px #00000059!important}.da-transport .da-bpm-input:focus{border-color:#fff6;box-shadow:inset 0 1px #fff6,0 2px 6px #0000004d!important}.da-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:6px;display:flex}.da-topbar .da-title{align-self:center;margin:0}.da-transport-dock{position:static}.da-transport .da-btn.da-play,.da-transport .da-btn.da-play:hover:not(:disabled){color:#5aa9ff;border-color:#5aa9ffb3}.da-transport .da-btn.da-loop,.da-transport .da-btn.da-loop:hover:not(:disabled){color:#b07bff;border-color:#b07bffb3}.da-transport .da-btn.da-loop.is-active{color:#c79bff;background:#b07bff1f;border-color:#b07bfff2}.da-transport .da-btn.is-danger,.da-transport .da-btn.is-danger:hover:not(:disabled){color:#ff6ad5;border-color:#ff6ad5b3}@media (width<=900px){.app{padding:12px}.da-topbar{flex-direction:column;align-items:center;gap:12px}.da-title{letter-spacing:2px;padding:8px 22px;font-size:1.7rem}.da-transport-dock{width:100%}.da-transport{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:12px}.da-pane-left{padding:0}.da-palette,.da-drumpicker,.da-measure-grid{padding:14px}.da-palette-btn{min-width:60px;min-height:60px;padding:8px}.da-neonkit{opacity:.2;width:80vw;height:auto}}