@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";.theme-dark{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-quaternary: #0f1419;--text-primary: #ffffff;--text-secondary: #a0a9c0;--text-tertiary: #6b7280;--accent-color: #3b82f6;--accent-color-light: rgba(59, 130, 246, .1);--accent-color-dark: #1d4ed8;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--border-color: #374151;--border-color-light: #4b5563;--metro-bg: #1e2d4a;--metro-bg-hover: #263a5c;--metro-border: #3d4f6f;--metro-inset-bg: #16213e;--pad-bg: linear-gradient(135deg, #1f2937 0%, #111827 100%);--pad-bg-hover: linear-gradient(135deg, #374151 0%, #1f2937 100%);--pad-bg-active: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--pad-border: #374151;--pad-border-hover: #4b5563;--pad-border-active: #3b82f6;--pad-text: #ffffff;--pad-text-secondary: #9ca3af}.theme-og{--bg-primary: #282828;--bg-secondary: #363636;--bg-tertiary: #404040;--bg-quaternary: #363636;--text-primary: #e0e0e0;--text-secondary: #e0e0e0;--text-tertiary: #e0e0e0;--accent-color: #f5a623;--accent-color-light: rgba(245, 166, 35, .1);--accent-color-dark: #e0961a;--success-color: #f5a623;--warning-color: #f5a623;--danger-color: #f5a623;--border-color: #4a4a4a;--border-color-light: #5a5a5a;--metro-bg: #424242;--metro-bg-hover: #4a4a4a;--metro-border: #555555;--metro-inset-bg: #383838;--pad-bg: #363636;--pad-bg-hover: #404040;--pad-bg-active: #f5a623;--pad-border: #4a4a4a;--pad-border-hover: #5a5a5a;--pad-border-active: #f5a623;--pad-text: #e0e0e0;--pad-text-secondary: #e0e0e0}.theme-light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--accent-color: #3b82f6;--accent-color-light: rgba(59, 130, 246, .1);--accent-color-dark: #1d4ed8;--success-color: #059669;--warning-color: #d97706;--danger-color: #dc2626;--border-color: #e2e8f0;--border-color-light: #cbd5e1;--metro-bg: #e8eef5;--metro-bg-hover: #dce4ef;--metro-border: #c5d0de;--metro-inset-bg: #f1f5f9;--pad-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--pad-bg-hover: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--pad-bg-active: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--pad-border: #e2e8f0;--pad-border-hover: #cbd5e1;--pad-border-active: #3b82f6;--pad-text: #1e293b;--pad-text-secondary: #64748b}.theme-cyber{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--bg-quaternary: #111111;--text-primary: #00ff41;--text-secondary: #00cc33;--text-tertiary: #008822;--accent-color: #ff0080;--accent-color-light: rgba(255, 0, 128, .1);--accent-color-dark: #cc0066;--success-color: #00ff41;--warning-color: #ffff00;--danger-color: #ff0040;--border-color: #333333;--border-color-light: #444444;--metro-bg: #141414;--metro-bg-hover: #1f1f1f;--metro-border: #2d5a3d;--metro-inset-bg: #0d0d0d;--pad-bg: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);--pad-bg-hover: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);--pad-bg-active: linear-gradient(135deg, #ff0080 0%, #cc0066 100%);--pad-border: #333333;--pad-border-hover: #444444;--pad-border-active: #ff0080;--pad-text: #00ff41;--pad-text-secondary: #00cc33}.theme-sunset{--bg-primary: #1c1218;--bg-secondary: #2a1a22;--bg-tertiary: #3d2430;--bg-quaternary: #140e12;--text-primary: #fff5f0;--text-secondary: #f0c4b8;--text-tertiary: #b88a7e;--accent-color: #ff6b4a;--accent-color-light: rgba(255, 107, 74, .12);--accent-color-dark: #e85d4c;--success-color: #34d399;--warning-color: #fbbf24;--danger-color: #f87171;--border-color: #4a3038;--border-color-light: #5c3d48;--metro-bg: #322028;--metro-bg-hover: #3d2832;--metro-border: #5c3d48;--metro-inset-bg: #140e12;--pad-bg: linear-gradient(135deg, #3d2430 0%, #2a1a22 100%);--pad-bg-hover: linear-gradient(135deg, #4a3038 0%, #3d2430 100%);--pad-bg-active: linear-gradient(135deg, #ff6b4a 0%, #e85d4c 100%);--pad-border: #4a3038;--pad-border-hover: #5c3d48;--pad-border-active: #ff6b4a;--pad-text: #fff5f0;--pad-text-secondary: #d4a090}.theme-ocean{--bg-primary: #041c2c;--bg-secondary: #0a2a3f;--bg-tertiary: #0f3549;--bg-quaternary: #061824;--text-primary: #e0f7fa;--text-secondary: #80deea;--text-tertiary: #4db6ac;--accent-color: #14b8a6;--accent-color-light: rgba(20, 184, 166, .12);--accent-color-dark: #0d9488;--success-color: #2dd4bf;--warning-color: #fbbf24;--danger-color: #f87171;--border-color: #1a4a5c;--border-color-light: #25637a;--metro-bg: #0c3044;--metro-bg-hover: #103a52;--metro-border: #1a5a6e;--metro-inset-bg: #061824;--pad-bg: linear-gradient(135deg, #0f3549 0%, #0a2a3f 100%);--pad-bg-hover: linear-gradient(135deg, #154a62 0%, #0f3549 100%);--pad-bg-active: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--pad-border: #1a4a5c;--pad-border-hover: #25637a;--pad-border-active: #14b8a6;--pad-text: #e0f7fa;--pad-text-secondary: #4dd0e1}.app-header[data-v-4e7eac5a]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:env(safe-area-inset-top,0px) 1rem 0}.app-header__content[data-v-4e7eac5a]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:4rem}.app-title[data-v-4e7eac5a]{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-primary)}.app-title__favicon[data-v-4e7eac5a]{width:2rem;height:2rem;flex-shrink:0;border-radius:.375rem}.app-title__main[data-v-4e7eac5a]{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.app-title__pro[data-v-4e7eac5a]{font-size:.75rem;font-weight:600;color:var(--accent-color);background:var(--accent-color-light);padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.5px}.desktop-nav[data-v-4e7eac5a]{display:none;gap:.5rem}.nav-btn[data-v-4e7eac5a]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.nav-btn[data-v-4e7eac5a]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn--active[data-v-4e7eac5a]{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.nav-btn__icon[data-v-4e7eac5a]{width:1rem;height:1rem}@media (min-width: 768px){.desktop-nav[data-v-4e7eac5a]{display:flex}}.pwa-install[data-v-5fe4e0ac]{margin-top:1rem}.pwa-install__action[data-v-5fe4e0ac]{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.pwa-install__action--primary[data-v-5fe4e0ac]{background:var(--accent-color);color:#fff;border:none}.pwa-install__action--primary[data-v-5fe4e0ac]:hover{background:var(--accent-color-dark, #e67a2e);transform:translateY(-1px)}.pwa-install__action[data-v-5fe4e0ac]:active{transform:translateY(0)}.pwa-install__message--warning[data-v-5fe4e0ac]{margin:0;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.pwa-install__ios-guide[data-v-5fe4e0ac]{padding:1rem;border-radius:.5rem;border:1px solid var(--accent-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--bg-tertiary))}.pwa-install__ios-guide-steps[data-v-5fe4e0ac]{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.pwa-install__ios-guide-steps li[data-v-5fe4e0ac]{margin-bottom:.625rem}.pwa-install__ios-guide-steps li[data-v-5fe4e0ac]:last-child{margin-bottom:0}.pwa-install__ios-guide-step[data-v-5fe4e0ac]{display:inline}.pwa-install__ios-share-icon[data-v-5fe4e0ac]{display:inline-block;width:1.125rem;height:1.125rem;margin:0 .125rem;vertical-align:-.2rem;color:var(--accent-color)}.pwa-install__ios-guide-hint[data-v-5fe4e0ac]{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:1rem 0 0;padding-top:.75rem;border-top:1px dashed var(--border-color);color:var(--accent-color);font-size:.8125rem;font-weight:600;text-align:center}.pwa-install__ios-guide-arrow[data-v-5fe4e0ac]{font-size:1.125rem;line-height:1}.view[data-v-f99e1443]{min-height:calc(100vh - 8rem);padding:1rem;box-sizing:border-box}.view__content[data-v-f99e1443]{max-width:800px;margin:0 auto}.view__title[data-v-f99e1443]{text-align:center;margin-bottom:2rem;font-family:var(--font-primary);font-size:2rem;font-weight:700;color:var(--text-primary)}.info-section[data-v-f99e1443]{margin-bottom:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem 1.5rem}.info-section__title[data-v-f99e1443]{margin:0 0 .75rem;color:var(--accent-color);font-size:1.125rem}.info-section__note[data-v-f99e1443]{margin:.75rem 0 0;color:var(--text-secondary);line-height:1.5;font-size:.875rem;opacity:.9}.info-legacy__text[data-v-f99e1443]{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.55;font-size:.9375rem}.info-legacy__text[data-v-f99e1443]:last-of-type{margin-bottom:1rem}.info-legacy__text strong[data-v-f99e1443]{color:var(--text-primary)}.info-legacy__warning[data-v-f99e1443]{margin:0 0 1rem;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--danger-color);background:color-mix(in srgb,var(--danger-color) 12%,var(--bg-tertiary))}.info-legacy__warning-title[data-v-f99e1443]{margin:0 0 .35rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--danger-color)}.info-legacy__warning-text[data-v-f99e1443]{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.info-legacy__actions[data-v-f99e1443]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.25rem}.info-legacy__link[data-v-f99e1443]{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;background:var(--accent-color);color:#fff;border-radius:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.info-legacy__link[data-v-f99e1443]:hover{background:var(--accent-color-dark, #e67a2e);transform:translateY(-1px)}.info-legacy__link--secondary[data-v-f99e1443]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.info-legacy__link--secondary[data-v-f99e1443]:hover{background:var(--bg-quaternary, var(--bg-tertiary));border-color:var(--accent-color);color:var(--accent-color)}.info-mobile__block[data-v-f99e1443]{margin-bottom:1.25rem}.info-mobile__block[data-v-f99e1443]:last-child{margin-bottom:0}.info-mobile__block--native[data-v-f99e1443]{padding-top:1.25rem;border-top:1px solid var(--border-color)}.info-mobile__subtitle[data-v-f99e1443]{margin:0 0 .5rem;color:var(--text-primary);font-size:.9375rem;font-weight:600}.info-mobile__text[data-v-f99e1443]{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.9375rem}.info-mobile__steps[data-v-f99e1443]{list-style:none;margin:.75rem 0 0;padding:0}.info-mobile__steps li[data-v-f99e1443]{margin-bottom:.5rem;padding-left:1rem;position:relative;color:var(--text-secondary);font-size:.875rem;line-height:1.45}.info-mobile__steps li[data-v-f99e1443]:last-child{margin-bottom:0}.info-mobile__steps li[data-v-f99e1443]:before{content:"→";position:absolute;left:0;color:var(--accent-color)}.info-mobile__steps strong[data-v-f99e1443]{color:var(--text-primary)}.info-mobile__badge[data-v-f99e1443]{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color);background:var(--accent-color-light, rgba(59, 130, 246, .15));border:1px solid var(--accent-color);border-radius:999px}.info-mobile__badge--available[data-v-f99e1443]{color:#22c55e;background:color-mix(in srgb,#22c55e 15%,var(--bg-tertiary));border-color:#22c55e}.info-mobile__badge--active[data-v-f99e1443]{color:var(--accent-color);background:var(--accent-color-light, rgba(59, 130, 246, .15));border-color:var(--accent-color)}.info-list[data-v-f99e1443]{list-style:none;margin:0;padding:0}.info-list li[data-v-f99e1443]{margin-bottom:.5rem;padding-left:1rem;position:relative;color:var(--text-secondary);font-size:.9375rem;line-height:1.45}.info-list li[data-v-f99e1443]:last-child{margin-bottom:0}.info-list li[data-v-f99e1443]:before{content:"→";position:absolute;left:0;color:var(--accent-color)}kbd[data-v-f99e1443]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600;color:var(--text-primary)}.info-credits[data-v-f99e1443]{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.info-credits__grid[data-v-f99e1443]{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.info-credits__curious[data-v-f99e1443]{margin:0 0 .5rem;text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.45}.info-credit-card--source[data-v-f99e1443]{max-width:20rem;margin:0 auto}.info-credit-card[data-v-f99e1443]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.625rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.info-credit-card[data-v-f99e1443]:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.info-credit-card__role[data-v-f99e1443]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.info-credit-card__name[data-v-f99e1443]{display:inline-flex;align-items:center;gap:.375rem;font-size:1.0625rem;font-weight:700;color:var(--accent-color)}.info-credit-card__icon[data-v-f99e1443]{width:1rem;height:1rem;flex-shrink:0;opacity:.9}@media (min-width: 768px){.view[data-v-f99e1443]{min-height:calc(100vh - 5rem)}.info-credits__grid[data-v-f99e1443]{grid-template-columns:repeat(2,1fr)}.info-legacy__actions[data-v-f99e1443]{flex-direction:row;flex-wrap:wrap}.info-legacy__link[data-v-f99e1443]{flex:1;min-width:12rem}}.pad-tile[data-v-c1426ee1]{position:relative;background:var(--pad-bg);border:2px solid var(--pad-border);border-radius:12px;color:var(--pad-text);font-family:var(--font-secondary);font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:80px;display:flex;align-items:center;justify-content:center}.pad-tile[data-v-c1426ee1]:hover{background:var(--pad-bg-hover);border-color:var(--pad-border-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.pad-tile[data-v-c1426ee1]:active,.pad-tile--active[data-v-c1426ee1]{background:var(--pad-bg-active);border-color:var(--pad-border-active);transform:translateY(0);box-shadow:0 4px 15px #0003}.pad-tile--disabled[data-v-c1426ee1]{opacity:.5;cursor:not-allowed;pointer-events:none}.pad-tile--disabled[data-v-c1426ee1]:hover{background:var(--pad-bg);border-color:var(--pad-border);transform:none;box-shadow:none}.pad-tile__content[data-v-c1426ee1]{text-align:center;z-index:2;position:relative}.pad-tile__key[data-v-c1426ee1]{font-size:1.8rem;font-weight:800;margin-bottom:4px;color:var(--accent-color-dark);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.pad-tile__name[data-v-c1426ee1]{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.pad-tile__ripple[data-v-c1426ee1]{position:absolute;top:50%;left:50%;width:20px;height:20px;background:var(--accent-color);border-radius:50%;opacity:.3;transform:translate(-50%,-50%);animation:ripple-c1426ee1 .3s ease-out}@keyframes ripple-c1426ee1{0%{width:0;height:0;opacity:.5}to{width:100px;height:100px;opacity:0}}@media (min-width: 768px){.pad-tile[data-v-c1426ee1]{min-height:100px}.pad-tile__key[data-v-c1426ee1]{font-size:2.2rem}.pad-tile__name[data-v-c1426ee1]{font-size:.85rem}}@media (min-width: 1024px){.pad-tile[data-v-c1426ee1]{min-height:120px}.pad-tile__key[data-v-c1426ee1]{font-size:2.5rem}.pad-tile__name[data-v-c1426ee1]{font-size:.9rem}}.drumpad[data-v-aadfda8e]{width:100%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:20px;box-sizing:border-box}.drum-toggle[data-v-aadfda8e]{min-height:80px;padding:.35rem .25rem;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;font-family:var(--font-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-align:center}.drum-toggle__symbol[data-v-aadfda8e]{font-size:1.5rem;font-weight:800;line-height:1;color:var(--accent-color-dark)}.drum-toggle--active .drum-toggle__symbol[data-v-aadfda8e]{color:#fff}.drum-toggle__label[data-v-aadfda8e]{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1}.drum-toggle__state[data-v-aadfda8e]{font-size:.55rem;font-weight:500;opacity:.85;line-height:1.1}.drum-toggle__text[data-v-aadfda8e]{display:flex;flex-direction:column;align-items:center;gap:.05rem}.drum-toggle--horizontal[data-v-aadfda8e]{flex-direction:row;align-items:center;justify-content:center;gap:.35rem;padding:.25rem .5rem;text-align:center}.drum-toggle--horizontal .drum-toggle__text[data-v-aadfda8e]{min-width:0}.drum-toggle--horizontal .drum-toggle__symbol[data-v-aadfda8e]{flex-shrink:0}.drumpad__metro-row[data-v-aadfda8e]{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;align-items:stretch}.drumpad__metro-row .drum-toggle--metro[data-v-aadfda8e]{min-height:0;width:100%}.drum-toggle--metro[data-v-aadfda8e]{background:var(--metro-bg, var(--bg-tertiary));border-color:var(--metro-border, var(--border-color-light));color:var(--text-secondary)}.drum-toggle--metro .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--metro .drum-toggle__bpm-input[data-v-aadfda8e],.drum-toggle--metro .drum-toggle__spacebar[data-v-aadfda8e],.drum-toggle--metro .drum-toggle__metro-icon[data-v-aadfda8e]{color:var(--accent-color-dark);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.drum-toggle--metro[data-v-aadfda8e]:hover:not(:disabled):not(.drum-toggle--active){background:var(--metro-bg-hover, var(--bg-quaternary));border-color:var(--metro-border, var(--border-color-light));color:var(--text-primary);transform:none}.drum-toggle--metro.drum-toggle--active[data-v-aadfda8e]{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.drum-toggle--metro.drum-toggle--active .drum-toggle__label[data-v-aadfda8e],.drum-toggle--metro.drum-toggle--active .drum-toggle__state[data-v-aadfda8e]{color:#fff}.drum-toggle--metro.drum-toggle--active[data-v-aadfda8e]:hover{background:var(--accent-color-dark);border-color:var(--accent-color-dark)}.drum-toggle--metro-bpm[data-v-aadfda8e]{cursor:default}.metro-beat-bar[data-v-aadfda8e]{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:1.75rem;padding:.45rem .75rem;border-radius:8px;background:var(--metro-inset-bg, var(--bg-quaternary));border:2px solid var(--metro-border, var(--border-color-light));box-sizing:border-box;opacity:.45;overflow:hidden;transition:opacity .2s ease}.metro-beat-bar--running[data-v-aadfda8e]{opacity:1}.metro-beat-bar__strike[data-v-aadfda8e]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent-color, #ff8c3c);pointer-events:none;animation:metro-beat-strike-aadfda8e .3s ease-out forwards}@keyframes metro-beat-strike-aadfda8e{0%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1)}}.metro-beat-bar--flash[data-v-aadfda8e]{border-color:var(--accent-color, #ff8c3c);box-shadow:0 0 18px #ff8c3cb3}.metro-beat-bar__dot[data-v-aadfda8e]{position:relative;z-index:1;width:.85rem;height:.85rem;border-radius:50%;background:var(--metro-border, var(--border-color-light));opacity:.4}.metro-beat-bar--running .metro-beat-bar__dot[data-v-aadfda8e]{opacity:.55}.metro-beat-bar__dot--on[data-v-aadfda8e]{opacity:1;background:var(--accent-color-dark, #e67a2e);transform:scale(1.75);box-shadow:0 0 12px #ff8c3ce6}.metro-beat-bar--flash .metro-beat-bar__dot--on[data-v-aadfda8e]{background:#fff;transform:scale(2);box-shadow:0 0 14px #fff}.drum-toggle--beat-flash[data-v-aadfda8e]:not(.drum-toggle--active){background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.drum-toggle--beat-flash:not(.drum-toggle--active) .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--beat-flash:not(.drum-toggle--active) .drum-toggle__bpm-input[data-v-aadfda8e],.drum-toggle--beat-flash:not(.drum-toggle--active) .drum-toggle__spacebar[data-v-aadfda8e],.drum-toggle--beat-flash:not(.drum-toggle--active) .drum-toggle__label[data-v-aadfda8e],.drum-toggle--beat-flash:not(.drum-toggle--active) .drum-toggle__state[data-v-aadfda8e]{color:#fff!important;filter:none!important}.drum-toggle--metro.drum-toggle--active.drum-toggle--beat-flash[data-v-aadfda8e]{filter:brightness(1.5);box-shadow:0 0 0 3px #fff,0 0 16px #ffffffa6}.drum-toggle--beat-flash .drum-toggle__bpm-input[data-v-aadfda8e]{transform:scale(1.15);transition:transform .08s ease-out}.drum-toggle--metro-minus .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--metro-plus .drum-toggle__symbol[data-v-aadfda8e]{font-size:1.25rem}.drum-toggle--metro .drum-toggle__bpm-input[data-v-aadfda8e]{width:2.75rem;padding:0;border:none;background:transparent;font-size:1.5rem;font-weight:800;font-family:var(--font-secondary);text-align:center;outline:none;flex-shrink:0;transition:transform .12s ease-out}.drum-toggle--metro.drum-toggle--active .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--metro.drum-toggle--active .drum-toggle__bpm-input[data-v-aadfda8e],.drum-toggle--metro.drum-toggle--active .drum-toggle__spacebar[data-v-aadfda8e],.drum-toggle--metro.drum-toggle--active .drum-toggle__metro-icon[data-v-aadfda8e],.drum-toggle--metro.drum-toggle--active .drum-toggle__metro-icon-svg[data-v-aadfda8e]{color:#fff;filter:none}.drum-toggle__bpm-input[data-v-aadfda8e]:disabled{opacity:.5}.drum-toggle__bpm-input[data-v-aadfda8e]::-webkit-outer-spin-button,.drum-toggle__bpm-input[data-v-aadfda8e]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drum-toggle__bpm-input[type=number][data-v-aadfda8e]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.drum-toggle--metro-space[data-v-aadfda8e]{width:100%;min-height:48px;flex-shrink:0;padding:.5rem .75rem;gap:.5rem;align-items:center;justify-content:center}.drum-toggle--metro-space .drum-toggle__metro-icon[data-v-aadfda8e]{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:2rem;height:2rem;margin:0;padding:0;line-height:0}.drum-toggle--metro-space .drum-toggle__metro-icon-svg[data-v-aadfda8e]{display:block;width:1.25rem;height:1.25rem}.drum-toggle--metro .drum-toggle__spacebar[data-v-aadfda8e]{flex:1;display:flex;align-items:center;justify-content:center;align-self:center;min-height:2rem;padding:0 1rem;background:var(--metro-inset-bg, var(--bg-quaternary));border:1px solid var(--metro-border, var(--border-color-light));border-radius:6px;font-size:1rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.drum-toggle--metro.drum-toggle--active .drum-toggle__spacebar[data-v-aadfda8e]{background:#ffffff26;border-color:#ffffff59}.drum-toggle--metro-space .drum-toggle__text[data-v-aadfda8e]{flex-shrink:0;align-self:center;justify-content:center}.drum-toggle--minus[data-v-aadfda8e]{grid-row:2;grid-column:4;align-self:stretch;min-height:0}.drum-toggle--plus[data-v-aadfda8e]{grid-row:3;grid-column:4;align-self:stretch;min-height:0}.drum-toggle--enter[data-v-aadfda8e]{grid-row:4 / 6;grid-column:4;align-self:stretch;min-height:0;flex-direction:column;justify-content:center;gap:.25rem;padding:.35rem .2rem}.drum-toggle--zero[data-v-aadfda8e]{grid-row:5;grid-column:1 / 3;align-self:stretch;min-height:0}.drum-toggle--decimal[data-v-aadfda8e]{grid-row:5;grid-column:3;align-self:stretch;min-height:0}.drum-toggle--zero .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--decimal .drum-toggle__symbol[data-v-aadfda8e]{font-size:1.15rem}.drum-toggle--zero .drum-toggle__label[data-v-aadfda8e],.drum-toggle--decimal .drum-toggle__label[data-v-aadfda8e]{font-size:.55rem}.drum-toggle--zero .drum-toggle__state[data-v-aadfda8e],.drum-toggle--decimal .drum-toggle__state[data-v-aadfda8e]{font-size:.5rem}.drum-toggle--enter .drum-toggle__label[data-v-aadfda8e]{font-size:.55rem}.drum-toggle--enter .drum-toggle__state[data-v-aadfda8e]{font-size:.5rem}.drum-toggle--enter .drum-toggle__symbol[data-v-aadfda8e]{font-size:1.25rem}.drum-toggle--record.drum-toggle--active[data-v-aadfda8e]{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.drum-toggle--record.drum-toggle--active .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--record.drum-toggle--active .drum-toggle__label[data-v-aadfda8e],.drum-toggle--record.drum-toggle--active .drum-toggle__state[data-v-aadfda8e]{color:#fff}.drum-toggle--record.drum-toggle--active[data-v-aadfda8e]:hover{background:var(--danger-color-dark, #dc2626);border-color:var(--danger-color-dark, #dc2626)}.drum-toggle--play.drum-toggle--active[data-v-aadfda8e]{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.drum-toggle--play.drum-toggle--active .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--play.drum-toggle--active .drum-toggle__label[data-v-aadfda8e],.drum-toggle--play.drum-toggle--active .drum-toggle__state[data-v-aadfda8e]{color:#fff}.drum-toggle--play.drum-toggle--active[data-v-aadfda8e]:hover{background:var(--accent-color-dark);border-color:var(--accent-color-dark)}.drum-toggle[data-v-aadfda8e]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.drum-toggle--active[data-v-aadfda8e]{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.drum-toggle--active[data-v-aadfda8e]:hover{background:var(--accent-color-dark);border-color:var(--accent-color-dark)}.drum-toggle[data-v-aadfda8e]:disabled{opacity:.5;cursor:not-allowed}.drum-toggle[data-v-aadfda8e]:disabled:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);transform:none}.drumpad__grid[data-v-aadfda8e]{display:grid;grid-template-columns:repeat(3,1fr) minmax(3.75rem,.42fr);grid-template-rows:minmax(52px,auto) repeat(3,minmax(80px,1fr)) minmax(44px,auto);gap:12px}@media (max-width: 767px),(hover: none) and (pointer: coarse){.drumpad[data-v-aadfda8e]{flex:1;max-width:none;width:100%;min-height:0;padding:.5rem;gap:8px}.metro-beat-bar[data-v-aadfda8e]{flex-shrink:0}.drumpad__grid[data-v-aadfda8e]{flex:1;min-height:0;gap:8px;grid-template-rows:minmax(40px,auto) repeat(3,minmax(0,1fr)) minmax(36px,auto)}.drum-toggle[data-v-aadfda8e]{min-height:0}}@media (min-width: 768px){.drumpad[data-v-aadfda8e]{max-width:600px;gap:16px;padding:24px}.drumpad__grid[data-v-aadfda8e]{gap:16px;grid-template-rows:minmax(56px,auto) repeat(3,minmax(100px,1fr)) minmax(48px,auto)}.drumpad__metro-row[data-v-aadfda8e]{gap:16px}.drum-toggle[data-v-aadfda8e]{min-height:100px}.drum-toggle--metro-minus[data-v-aadfda8e],.drum-toggle--metro-plus[data-v-aadfda8e],.drum-toggle--metro-bpm[data-v-aadfda8e],.drum-toggle--metro-space[data-v-aadfda8e],.drum-toggle--zero[data-v-aadfda8e],.drum-toggle--decimal[data-v-aadfda8e]{min-height:0}.drum-toggle__bpm-input[data-v-aadfda8e]{font-size:1.4rem}.drum-toggle--zero .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--decimal .drum-toggle__symbol[data-v-aadfda8e]{font-size:1.25rem}.drum-toggle__symbol[data-v-aadfda8e]{font-size:1.75rem}.drum-toggle__label[data-v-aadfda8e]{font-size:.65rem}.drum-toggle__state[data-v-aadfda8e]{font-size:.6rem}}@media (min-width: 1024px){.drumpad[data-v-aadfda8e]{max-width:720px;gap:20px;padding:32px}.drumpad__grid[data-v-aadfda8e]{gap:20px;grid-template-rows:minmax(60px,auto) repeat(3,minmax(120px,1fr)) minmax(52px,auto)}.drumpad__metro-row[data-v-aadfda8e]{gap:20px}.drum-toggle[data-v-aadfda8e]{min-height:120px}.drum-toggle--metro-minus[data-v-aadfda8e],.drum-toggle--metro-plus[data-v-aadfda8e],.drum-toggle--metro-bpm[data-v-aadfda8e],.drum-toggle--metro-space[data-v-aadfda8e],.drum-toggle--zero[data-v-aadfda8e],.drum-toggle--decimal[data-v-aadfda8e]{min-height:0}.drum-toggle__bpm-input[data-v-aadfda8e]{font-size:1.5rem}.drum-toggle--zero .drum-toggle__symbol[data-v-aadfda8e],.drum-toggle--decimal .drum-toggle__symbol[data-v-aadfda8e]{font-size:1.35rem}.drum-toggle__symbol[data-v-aadfda8e]{font-size:2rem}.drum-toggle__label[data-v-aadfda8e]{font-size:.7rem}.drum-toggle__state[data-v-aadfda8e]{font-size:.65rem}}.drumpad-view[data-v-1a6d097a]{flex:1;display:flex;flex-direction:column;width:100%;min-height:0}.drumpad-view__center[data-v-1a6d097a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;width:100%}.drumpad-view__hint[data-v-1a6d097a]{margin:0;max-width:500px;text-align:center;font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.4}@media (min-width: 768px){.drumpad-view__hint[data-v-1a6d097a]{max-width:600px;font-size:.95rem}}@media (min-width: 1024px){.drumpad-view__hint[data-v-1a6d097a]{max-width:720px;font-size:1rem}}@media (max-width: 767px),(hover: none) and (pointer: coarse){.drumpad-view[data-v-1a6d097a]{overflow:hidden}.drumpad-view__center[data-v-1a6d097a]{justify-content:flex-start;padding:.5rem .75rem;padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));gap:.5rem;min-height:0}.drumpad-view__hint[data-v-1a6d097a]{max-width:none;flex-shrink:0;font-size:.8rem}}.controls[data-v-1a6d097a]{display:flex;justify-content:center;gap:1rem;padding:1rem;flex-wrap:wrap}.control-btn[data-v-1a6d097a]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:500}.control-btn[data-v-1a6d097a]:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px)}.control-btn[data-v-1a6d097a]:disabled{opacity:.5;cursor:not-allowed}.control-btn--stop[data-v-1a6d097a]{background:var(--warning-color, #f59e0b);border-color:var(--warning-color, #f59e0b);color:#fff}.control-btn--stop[data-v-1a6d097a]:hover:not(:disabled){background:var(--warning-color-dark, #d97706);border-color:var(--warning-color-dark, #d97706)}.control-btn--debug[data-v-1a6d097a]{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.control-btn--debug[data-v-1a6d097a]:hover:not(:disabled){background:var(--accent-color-dark, #2563eb);border-color:var(--accent-color-dark, #2563eb)}.control-btn__icon[data-v-1a6d097a]{width:1rem;height:1rem}.theme-selector[data-v-7797ee7a]{display:flex;flex-direction:column;gap:.75rem}.theme-selector__label[data-v-7797ee7a]{font-weight:500;color:var(--text-primary);font-size:.875rem}.theme-selector__options[data-v-7797ee7a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.theme-option[data-v-7797ee7a]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:80px}.theme-option[data-v-7797ee7a]:hover{border-color:var(--border-color-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.theme-option--active[data-v-7797ee7a]{border-color:var(--accent-color);background:var(--accent-color-light);box-shadow:0 0 0 1px var(--accent-color)}.theme-option__preview[data-v-7797ee7a]{position:relative;width:32px;height:20px;border-radius:.25rem;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.theme-option__preview-bg[data-v-7797ee7a]{width:100%;height:100%;transition:background-color .2s ease}.theme-option__preview-accent[data-v-7797ee7a]{position:absolute;bottom:0;left:0;right:0;height:4px;transition:background-color .2s ease}.theme-option__preview--dark .theme-option__preview-bg[data-v-7797ee7a]{background:#0f0f23}.theme-option__preview--dark .theme-option__preview-accent[data-v-7797ee7a]{background:#3b82f6}.theme-option__preview--og .theme-option__preview-bg[data-v-7797ee7a]{background:#282828}.theme-option__preview--og .theme-option__preview-accent[data-v-7797ee7a]{background:#f5a623}.theme-option__preview--light .theme-option__preview-bg[data-v-7797ee7a]{background:#fff}.theme-option__preview--light .theme-option__preview-accent[data-v-7797ee7a]{background:#3b82f6}.theme-option__preview--cyber .theme-option__preview-bg[data-v-7797ee7a]{background:#000}.theme-option__preview--cyber .theme-option__preview-accent[data-v-7797ee7a]{background:#ff0080}.theme-option__preview--sunset .theme-option__preview-bg[data-v-7797ee7a]{background:#1c1218}.theme-option__preview--sunset .theme-option__preview-accent[data-v-7797ee7a]{background:#ff6b4a}.theme-option__preview--ocean .theme-option__preview-bg[data-v-7797ee7a]{background:#041c2c}.theme-option__preview--ocean .theme-option__preview-accent[data-v-7797ee7a]{background:#14b8a6}.theme-option__name[data-v-7797ee7a]{font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center}.theme-option--active .theme-option__name[data-v-7797ee7a]{color:var(--accent-color);font-weight:600}@media (min-width: 768px){.theme-selector__options[data-v-7797ee7a]{grid-template-columns:repeat(3,1fr)}.theme-option[data-v-7797ee7a]{min-height:90px}.theme-option__preview[data-v-7797ee7a]{width:36px;height:24px}}.view[data-v-535858bb]{min-height:calc(100vh - 8rem);padding:1rem;box-sizing:border-box}.view__content[data-v-535858bb]{max-width:800px;margin:0 auto}.view__title[data-v-535858bb]{text-align:center;margin-bottom:2rem;font-family:var(--font-primary);font-size:2rem;font-weight:700;color:var(--text-primary)}.settings-group[data-v-535858bb]{margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.settings-group h3[data-v-535858bb]{margin-bottom:1rem;color:var(--accent-color);font-size:1.125rem}.setting-item[data-v-535858bb]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.setting-item[data-v-535858bb]:last-child{margin-bottom:0}.setting-label[data-v-535858bb]{min-width:5.5rem;font-weight:500}.range-input[data-v-535858bb]{flex:1;height:.5rem;background:var(--bg-tertiary);border-radius:.25rem;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.range-input[data-v-535858bb]::-webkit-slider-thumb{-webkit-appearance:none;width:1rem;height:1rem;background:var(--accent-color);border-radius:50%;cursor:pointer}.setting-value[data-v-535858bb]{min-width:3rem;text-align:right;font-weight:600;color:var(--accent-color)}.volume-reset-btn[data-v-535858bb]{width:100%;margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500}.volume-reset-btn[data-v-535858bb]:hover{background:var(--bg-quaternary, var(--bg-tertiary));border-color:var(--accent-color);color:var(--accent-color)}.tip-display[data-v-535858bb]{background:var(--bg-tertiary);border-radius:.5rem;padding:1rem}.tip-text[data-v-535858bb]{margin-bottom:.75rem;font-style:italic}.tip-btn[data-v-535858bb]{padding:.375rem .75rem;background:var(--accent-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem}@media (min-width: 768px){.view[data-v-535858bb]{min-height:calc(100vh - 5rem)}}.mobile-nav[data-v-eafec3f7]{display:flex;flex-shrink:0;width:100%;z-index:100;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.75rem;gap:.25rem;box-sizing:border-box}.mobile-nav__btn[data-v-eafec3f7]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:transparent;color:var(--text-secondary);border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.mobile-nav__btn--active[data-v-eafec3f7]{background:var(--accent-color-light);color:var(--accent-color)}.mobile-nav__icon[data-v-eafec3f7]{width:1.25rem;height:1.25rem}.mobile-nav__label[data-v-eafec3f7]{font-size:.75rem;font-weight:500}@media (min-width: 768px){.mobile-nav[data-v-eafec3f7]{display:none}}.audio-loading-overlay[data-v-883a66f1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-content[data-v-883a66f1]{text-align:center;color:#fff;max-width:400px;padding:2rem}.loading-spinner[data-v-883a66f1]{margin-bottom:2rem}.spinner[data-v-883a66f1]{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-left:4px solid var(--accent-color, #3b82f6);border-radius:50%;animation:spin-883a66f1 1s linear infinite;margin:0 auto}@keyframes spin-883a66f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title[data-v-883a66f1]{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.loading-description[data-v-883a66f1]{font-size:1rem;color:#fffc;margin-bottom:2rem;line-height:1.5}.progress-container[data-v-883a66f1]{margin-bottom:2rem}.progress-bar[data-v-883a66f1]{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-883a66f1]{height:100%;background:linear-gradient(90deg,var(--accent-color, #3b82f6),#60a5fa);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill[data-v-883a66f1]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-883a66f1 2s infinite}@keyframes shimmer-883a66f1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-883a66f1]{font-size:.875rem;color:#ffffffe6;font-weight:600}.loading-tips[data-v-883a66f1]{margin-top:1.5rem}.tip[data-v-883a66f1]{font-size:.875rem;color:#ffffffb3;font-style:italic}@media (max-width: 768px){.loading-content[data-v-883a66f1]{padding:1.5rem;max-width:320px}.loading-title[data-v-883a66f1]{font-size:1.25rem}.loading-description[data-v-883a66f1]{font-size:.9rem}}#app[data-v-539213ae]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}#app.is-standalone-pwa[data-v-539213ae]{min-height:0;height:100%}.app-main[data-v-539213ae]{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transition:opacity .3s ease}.app-main--loading[data-v-539213ae]{opacity:.3;pointer-events:none}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{border:none;background:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--app-height: 100dvh;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "JetBrains Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}html{background:var(--bg-primary)}html:not(.is-standalone-pwa),html:not(.is-standalone-pwa) body{min-height:100%;min-height:100dvh}@media (max-width: 767px),(hover: none) and (pointer: coarse){html:not(.is-standalone-pwa),html:not(.is-standalone-pwa) body,html:not(.is-standalone-pwa) #app{height:var(--app-height, 100dvh);overflow:hidden}#app{display:flex;flex-direction:column}.app-main{flex:1 1 auto;min-height:0}html:not(.is-standalone-pwa) .mobile-nav{flex:0 0 auto;margin-top:auto;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}}@media (max-width: 767px),(hover: none) and (pointer: coarse){html.is-standalone-pwa,html.is-standalone-pwa body,html.is-standalone-pwa #app{height:var(--app-height, 100vh);overflow:hidden}html.is-standalone-pwa body{touch-action:manipulation}html.is-standalone-pwa .mobile-nav{flex:0 0 auto;margin-top:auto;padding-bottom:.75rem}}@supports (-webkit-touch-callout: none){@media (max-width: 767px),(hover: none) and (pointer: coarse){html.is-standalone-pwa,html.is-standalone-pwa body,html.is-standalone-pwa #app{height:100vh;min-height:100vh;max-height:100vh}}}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color-dark)}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}button:focus{outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@media (min-width: 640px){.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 768px){.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 1024px){.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.mobile-nav,.desktop-nav,.control-btn{display:none!important}}@media (prefers-contrast: high){:root{--border-color: #ffffff;--border-color-light: #ffffff;--pad-border: #ffffff;--pad-border-hover: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pad-tile__ripple{display:none}}@media (hover: none) and (pointer: coarse){.drum-toggle__symbol:not(.drum-toggle__metro-icon),.drum-toggle__spacebar,.pad-tile__key,.drum-toggle--enter .drum-toggle__state{display:none!important}}