.milestone-toast-region[data-v-d5a70f98]{position:fixed;top:1.2rem;right:1.2rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.milestone-toast[data-v-d5a70f98]{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:min(26rem,calc(100vw - 2.4rem));max-width:min(30rem,calc(100vw - 2.4rem));padding:1rem 1.1rem;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,white 8%),var(--surface));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.milestone-toast__eyebrow[data-v-d5a70f98],.milestone-toast__title[data-v-d5a70f98],.milestone-toast__body[data-v-d5a70f98]{margin:0}.milestone-toast__eyebrow[data-v-d5a70f98]{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.milestone-toast__title[data-v-d5a70f98]{margin-top:.2rem;font-size:1rem;font-weight:800}.milestone-toast__body[data-v-d5a70f98]{margin-top:.3rem;color:var(--text-muted);font-size:.9rem}.milestone-toast__dismiss[data-v-d5a70f98]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1}@media(max-width:700px){.milestone-toast-region[data-v-d5a70f98]{left:1rem;right:1rem;top:1rem}.milestone-toast[data-v-d5a70f98]{min-width:0;max-width:none}}.looper-transport-controls[data-v-231b15ea]{display:flex;flex-direction:column;gap:1rem}.looper-transport-controls--compact[data-v-231b15ea]{flex-direction:row;align-items:center;gap:1.25rem;flex:1;min-width:0}.looper-transport-controls__header[data-v-231b15ea]{display:flex;flex-direction:column;gap:.35rem}.looper-transport-controls__title[data-v-231b15ea]{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.looper-transport-controls__status[data-v-231b15ea]{margin:0;color:var(--text-muted);font-size:.92rem}.looper-transport-controls__status--error[data-v-231b15ea]{color:var(--accent)}.looper-transport-controls__transport[data-v-231b15ea]{display:flex;align-items:center;gap:.75rem}.looper-transport-controls__mobile-extra[data-v-231b15ea]{display:none}.looper-transport-controls__mobile-trailing[data-v-231b15ea]{display:flex;align-items:center;gap:.75rem}.looper-transport-controls__mobile-leading[data-v-231b15ea]{display:contents}.looper-transport-controls__theme-icon[data-v-231b15ea]{position:relative;display:inline-grid;place-items:center;width:1.2rem;height:1.2rem}.looper-transport-controls__icon-image[data-v-231b15ea]{display:block;width:1.2rem;height:1.2rem;object-fit:contain}.looper-transport-controls__icon-image--theme-dark[data-v-231b15ea],html[data-theme=dark] .looper-transport-controls__icon-image--theme-light{display:none}html[data-theme=dark] .looper-transport-controls__icon-image--theme-dark{display:block}.ltc-btn[data-v-231b15ea]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-primary);border-radius:999px;min-height:3rem;padding:0 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.ltc-btn[data-v-231b15ea]:disabled{cursor:not-allowed;opacity:.55}.ltc-btn[data-v-231b15ea]:not(:disabled):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.ltc-btn--icon[data-v-231b15ea]{width:3rem;padding:0}.ltc-btn--icon svg[data-v-231b15ea]{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ltc-btn--primary[data-v-231b15ea]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,white) 0%,var(--accent) 100%);color:#fff;border-color:transparent;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 28%,transparent)}.ltc-btn--primary svg[data-v-231b15ea]{fill:currentColor;stroke:currentColor}.looper-transport-controls--compact .ltc-btn[data-v-231b15ea]{min-height:2.65rem}.looper-transport-controls--compact .ltc-btn--icon[data-v-231b15ea]{width:2.65rem;height:2.65rem}.looper-transport-controls--compact .ltc-btn--icon svg[data-v-231b15ea]{width:1.2rem;height:1.2rem}.looper-transport-controls--compact .ltc-btn--icon .looper-transport-controls__theme-icon[data-v-231b15ea],.looper-transport-controls--compact .ltc-btn--icon .looper-transport-controls__icon-image[data-v-231b15ea]{width:1.2rem;height:1.2rem}.looper-transport-controls--compact .ltc-btn--primary[data-v-231b15ea]{background:var(--accent);box-shadow:none}.ltc-btn--toggle.is-active[data-v-231b15ea]{background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong));border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}@media(min-width:721px){.looper-transport-controls--compact .looper-transport-controls__mobile-extra--loop .looper-transport-controls__theme-icon[data-v-231b15ea],.looper-transport-controls--compact .looper-transport-controls__mobile-extra--count-in .looper-transport-controls__theme-icon[data-v-231b15ea],.looper-transport-controls--compact .looper-transport-controls__mobile-extra--loop .looper-transport-controls__icon-image[data-v-231b15ea],.looper-transport-controls--compact .looper-transport-controls__mobile-extra--count-in .looper-transport-controls__icon-image[data-v-231b15ea]{width:2.4rem;height:2.4rem}}.looper-transport-controls__spinner[data-v-231b15ea]{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:looper-transport-spin-231b15ea .9s linear infinite}.looper-transport-controls__timeline[data-v-231b15ea]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem}.looper-transport-controls--compact .looper-transport-controls__timeline[data-v-231b15ea]{flex:1;min-width:180px;border-left:1px solid var(--border);padding-left:1.25rem}.looper-transport-controls__time[data-v-231b15ea]{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.82rem}.looper-transport-controls--compact .looper-transport-controls__time[data-v-231b15ea]{font-size:.9rem}.looper-transport-controls__track[data-v-231b15ea]{position:relative;height:.7rem}.looper-transport-controls--compact .looper-transport-controls__track[data-v-231b15ea]{height:20px;display:flex;align-items:center}.looper-transport-controls__section[data-v-231b15ea]{position:absolute;left:var(--looper-section-start, 0%);width:var(--looper-section-width, 0%);top:0;bottom:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:none;z-index:1}.looper-transport-controls__track[data-v-231b15ea]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:color-mix(in srgb,var(--border) 72%,transparent);z-index:0}.looper-transport-controls--compact .looper-transport-controls__track[data-v-231b15ea]:before{inset:50% 0 auto;height:4px;transform:translateY(-50%);background:color-mix(in srgb,var(--text-muted) 28%,transparent)}.looper-transport-controls--compact .looper-transport-controls__section[data-v-231b15ea]{top:50%;bottom:auto;height:8px;transform:translateY(-50%);background:color-mix(in srgb,var(--accent) 34%,transparent)}.looper-transport-controls__progress[data-v-231b15ea]{position:absolute;left:var(--looper-progress-start, 0%);width:var(--looper-progress-width, 0%);inset-block:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 80%,white) 0%,var(--accent) 100%);z-index:2}.looper-transport-controls--compact .looper-transport-controls__progress[data-v-231b15ea]{top:50%;bottom:auto;height:4px;transform:translateY(-50%);background:var(--accent)}.looper-transport-controls__thumb[data-v-231b15ea]{position:absolute;top:50%;left:var(--looper-progress, 0%);width:.9rem;height:.9rem;border-radius:999px;background:#fff;border:2px solid var(--accent);transform:translate(-50%,-50%);box-shadow:0 .2rem .9rem #00000026;pointer-events:none;z-index:3}.looper-transport-controls--compact .looper-transport-controls__thumb[data-v-231b15ea]{width:12px;height:12px;background:var(--surface-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.looper-transport-controls__input[data-v-231b15ea]{position:absolute;top:-.45rem;right:0;bottom:-.45rem;left:0;width:100%;opacity:0;cursor:pointer}.looper-transport-controls__speed-trigger[data-v-231b15ea]{position:relative}.looper-transport-controls__speed-trigger--mobile[data-v-231b15ea]{display:none}.looper-transport-controls__speed-trigger--desktop-inline[data-v-231b15ea]{display:inline-flex}.looper-transport-controls__speed-button[data-v-231b15ea]{font-weight:800;letter-spacing:-.01em}.looper-transport-controls__speed-button-text[data-v-231b15ea]{font-size:.84rem;line-height:1}.looper-transport-controls__speed-menu[data-v-231b15ea]{position:absolute;left:50%;bottom:calc(100% + .65rem);transform:translate(-50%);min-width:5.25rem;display:flex;flex-direction:column;gap:.25rem;padding:.45rem;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,white);box-shadow:0 18px 42px #00000029;z-index:10}.looper-transport-controls__speed-menu--desktop[data-v-231b15ea]{left:auto;right:0;transform:none}.looper-transport-controls__speed-option[data-v-231b15ea]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;padding:.55rem .8rem;cursor:pointer;white-space:nowrap}.looper-transport-controls__speed-option.is-active[data-v-231b15ea]{background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong));color:var(--accent-dark, var(--text-primary))}.looper-transport-controls--compact .looper-transport-controls__spinner[data-v-231b15ea]{width:.95rem;height:.95rem}@media(max-width:980px){.looper-transport-controls--compact[data-v-231b15ea]{flex-wrap:wrap;justify-content:center}.looper-transport-controls--compact .looper-transport-controls__timeline[data-v-231b15ea]{order:3;width:100%;min-width:0;border-left:0;padding-left:0}}@media(max-width:720px){.looper-transport-controls__count-in-text[data-v-231b15ea]{display:none}.looper-transport-controls__mobile-extra[data-v-231b15ea],.looper-transport-controls__speed-trigger--mobile[data-v-231b15ea]{display:inline-flex}.looper-transport-controls__speed-trigger--desktop-inline[data-v-231b15ea]{display:none}.looper-transport-controls__mobile-trailing[data-v-231b15ea]{display:inline-flex;align-items:center;gap:.9rem}.looper-transport-controls__mobile-leading[data-v-231b15ea]{display:inline-flex;align-items:center;justify-self:end;gap:.9rem}.looper-transport-controls--compact[data-v-231b15ea]{width:100%;flex-direction:column;align-items:stretch;gap:.8rem}.looper-transport-controls--compact .looper-transport-controls__transport[data-v-231b15ea]{order:1;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem}.looper-transport-controls--compact .ltc-btn--icon[data-v-231b15ea]{width:3.4rem;height:3.4rem;box-shadow:0 10px 28px #00000014}.looper-transport-controls--compact .ltc-btn--icon svg[data-v-231b15ea]{width:1.55rem;height:1.55rem}.looper-transport-controls--compact .ltc-btn--icon .looper-transport-controls__theme-icon[data-v-231b15ea]{width:1.6rem;height:1.6rem}.looper-transport-controls--compact .ltc-btn--icon .looper-transport-controls__icon-image[data-v-231b15ea]{width:1.55rem;height:1.55rem}.looper-transport-controls--compact .looper-transport-controls__mobile-extra[data-v-231b15ea]{display:inline-flex}.looper-transport-controls--compact .looper-transport-controls__transport>.looper-transport-controls__mobile-leading[data-v-231b15ea]{grid-column:1}.looper-transport-controls--compact .looper-transport-controls__transport>.ltc-btn--primary[data-v-231b15ea]{grid-column:2;justify-self:center}.looper-transport-controls--compact .looper-transport-controls__transport>.looper-transport-controls__mobile-extra[data-v-231b15ea]{grid-column:3;justify-self:start}.looper-transport-controls--compact .looper-transport-controls__transport>.looper-transport-controls__mobile-trailing .looper-transport-controls__theme-icon[data-v-231b15ea]{width:1.85rem;height:1.85rem}.looper-transport-controls--compact .looper-transport-controls__transport>.looper-transport-controls__mobile-trailing .looper-transport-controls__icon-image[data-v-231b15ea]{width:1.8rem;height:1.8rem}.looper-transport-controls--compact .ltc-btn--primary[data-v-231b15ea]{width:4.35rem;height:4.35rem;background:linear-gradient(180deg,#ffb057,#ff9d43);color:#151515}.looper-transport-controls--compact .ltc-btn--primary svg[data-v-231b15ea]{width:1.82rem;height:1.82rem}.looper-transport-controls--compact .looper-transport-controls__timeline[data-v-231b15ea]{order:2;width:100%;min-width:0;border-left:0;padding-left:0}}@keyframes looper-transport-spin-231b15ea{to{transform:rotate(360deg)}}.player-bar__status[data-v-7c5dcfc6]{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.player-bar__status--error[data-v-7c5dcfc6]{color:var(--accent)}.player-bar__spinner[data-v-7c5dcfc6]{width:.82rem;height:.82rem;border-radius:999px;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;animation:player-bar-spin-7c5dcfc6 .9s linear infinite}.player-bar__spinner--button[data-v-7c5dcfc6]{width:1rem;height:1rem;color:currentColor}.player-bar__looper-progress[data-v-7c5dcfc6]{display:flex;align-items:center;gap:.9rem;flex:1;min-width:180px;border-left:1px solid var(--border);padding-left:1.25rem}.player-bar__timeline[data-v-7c5dcfc6]{--looper-progress: 0%;--looper-progress-start: 0%;--looper-progress-width: 0%;--looper-section-start: 0%;--looper-section-width: 0%;position:relative;flex:1;height:20px;display:flex;align-items:center}.player-bar__timeline[data-v-7c5dcfc6]:before{content:"";position:absolute;inset:50% 0 auto;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 28%,transparent);transform:translateY(-50%)}.player-bar__timeline-section[data-v-7c5dcfc6],.player-bar__timeline-progress[data-v-7c5dcfc6],.player-bar__timeline-thumb[data-v-7c5dcfc6]{position:absolute;pointer-events:none}.player-bar__timeline-section[data-v-7c5dcfc6]{left:var(--looper-section-start);width:var(--looper-section-width);top:50%;height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 34%,transparent);transform:translateY(-50%)}.player-bar__timeline-progress[data-v-7c5dcfc6]{left:var(--looper-progress-start);width:var(--looper-progress-width);top:50%;height:4px;border-radius:999px;background:var(--accent);transform:translateY(-50%)}.player-bar__timeline-thumb[data-v-7c5dcfc6]{left:var(--looper-progress);top:50%;width:12px;height:12px;border-radius:999px;background:var(--surface-strong);border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);transform:translate(-50%,-50%)}.player-bar__timeline-input[data-v-7c5dcfc6]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;cursor:pointer}.player-bar__timeline-input[data-v-7c5dcfc6]:disabled{cursor:not-allowed}.player-bar__timeline-input[data-v-7c5dcfc6]:focus-visible{opacity:1}.player-bar__timeline-input[data-v-7c5dcfc6]:focus-visible::-webkit-slider-runnable-track{height:20px;background:transparent}.player-bar__timeline-input[data-v-7c5dcfc6]:focus-visible::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 64%,white)}@media(max-width:980px){.player-bar__looper-progress[data-v-7c5dcfc6]{order:4;width:100%;padding-left:0;border-left:none}}@keyframes player-bar-spin-7c5dcfc6{to{transform:rotate(360deg)}}.streak-badge[data-v-4fb2475f]{padding:1rem 0 0;border-top:1px solid var(--border)}.streak-badge__text[data-v-4fb2475f]{margin:0;color:var(--accent-dark);font-size:.95rem;font-weight:800}.streak-badge__icon[data-v-4fb2475f]{margin-right:.35rem}.streak-badge__hint[data-v-4fb2475f]{margin-left:.35rem;color:var(--text-muted);font-weight:600}.streak-badge--muted .streak-badge__text[data-v-4fb2475f]{color:var(--text-muted)}.mobile-menu-toggle[data-v-0c67a230]{display:none;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:inherit;border-radius:999px;width:2.9rem;height:2.9rem;font-size:1.1rem;cursor:pointer;flex-shrink:0}.mobile-theme-btn[data-v-0c67a230],.mobile-auth-btn[data-v-0c67a230]{display:none;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:inherit;border-radius:999px;height:2.9rem;padding:0 .9rem;font-size:.88rem;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;text-decoration:none}.mobile-auth-btn--signin[data-v-0c67a230]{background:var(--accent);border-color:transparent;color:#fff}@media(max-width:820px){.mobile-menu-toggle[data-v-0c67a230],.mobile-theme-btn[data-v-0c67a230],.mobile-auth-btn[data-v-0c67a230]{display:inline-flex}.top-navbar__desktop-action[data-v-0c67a230]{display:none!important}.top-navbar__path[data-v-0c67a230]{display:none}}.app-shell--immersive[data-v-0c67a230]{width:min(100%,44rem);min-height:100dvh;padding:0}.app-layout--single-column[data-v-0c67a230]{grid-template-columns:minmax(0,1fr);min-height:100%}.app-sidebar__streak[data-v-0c67a230],.mobile-nav__streak[data-v-0c67a230]{padding:0 .9rem}.xml-preview-tools[data-v-0a2aa86a]{display:grid;gap:.85rem;margin-top:1rem}.xml-preview-tools__download[data-v-0a2aa86a]{justify-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:inherit;border-radius:999px;width:2.5rem;height:2.5rem;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.xml-preview-tools__download[data-v-0a2aa86a]:hover{background:var(--surface)}.xml-preview-tools__download svg[data-v-0a2aa86a]{width:1.1rem;height:1.1rem}.xml-preview[data-v-0a2aa86a]{margin:0}.xml-preview summary[data-v-0a2aa86a]{cursor:pointer}.xml-preview pre[data-v-0a2aa86a]{margin:.85rem 0 0;padding:1rem;border-radius:1rem;border:1px solid var(--border);background:var(--surface-strong);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.pattern-preview-transport[data-v-844306c8],.pattern-preview-transport__trailing[data-v-844306c8]{display:flex;align-items:center;gap:.75rem}.pattern-preview-transport__theme-icon[data-v-844306c8]{position:relative;display:inline-grid;place-items:center;width:1.2rem;height:1.2rem}.pattern-preview-transport__icon-image[data-v-844306c8]{display:block;width:1.2rem;height:1.2rem;object-fit:contain}.pattern-preview-transport__icon-image--theme-dark[data-v-844306c8],html[data-theme=dark] .pattern-preview-transport__icon-image--theme-light{display:none}html[data-theme=dark] .pattern-preview-transport__icon-image--theme-dark{display:block}.ppt-btn[data-v-844306c8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-primary);border-radius:999px;width:2.9rem;height:2.9rem;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.ppt-btn[data-v-844306c8]:disabled{cursor:not-allowed;opacity:.55}.ppt-btn[data-v-844306c8]:not(:disabled):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.ppt-btn svg[data-v-844306c8]{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ppt-btn--primary[data-v-844306c8]{width:3.6rem;height:3.6rem;background:linear-gradient(180deg,#ffb057,#ff9d43);color:#151515;border-color:transparent;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.ppt-btn--primary svg[data-v-844306c8]{width:1.55rem;height:1.55rem;fill:currentColor;stroke:currentColor}.ppt-btn--toggle.is-active[data-v-844306c8]{background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong));border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.pattern-preview-transport__spinner[data-v-844306c8]{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(21,21,21,.25);border-top-color:#151515;animation:pattern-preview-transport-spin-844306c8 .9s linear infinite}@media(max-width:720px){.pattern-preview-transport[data-v-844306c8]{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem}.pattern-preview-transport>.ppt-btn[data-v-844306c8]:first-child{justify-self:end}.pattern-preview-transport>.ppt-btn--primary[data-v-844306c8]{justify-self:center;width:4.35rem;height:4.35rem}.pattern-preview-transport>.ppt-btn--primary svg[data-v-844306c8]{width:1.82rem;height:1.82rem}.pattern-preview-transport__trailing[data-v-844306c8]{justify-self:start;gap:.9rem}.ppt-btn[data-v-844306c8]:not(.ppt-btn--primary){width:3.4rem;height:3.4rem;box-shadow:0 10px 28px #00000014}.ppt-btn:not(.ppt-btn--primary) svg[data-v-844306c8]{width:1.55rem;height:1.55rem}.pattern-preview-transport__theme-icon[data-v-844306c8]{width:1.85rem;height:1.85rem}.pattern-preview-transport__icon-image[data-v-844306c8]{width:1.8rem;height:1.8rem}}@keyframes pattern-preview-transport-spin-844306c8{to{transform:rotate(360deg)}}.ai-chat[data-v-72fd59e5]{display:grid;grid-template-columns:1fr}.ai-chat__conversation[data-v-72fd59e5]{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.ai-chat__toolbar[data-v-72fd59e5]{display:flex;justify-content:flex-end;padding:.4rem .75rem;border-bottom:1px solid var(--border)}.ai-chat__toolbar-btn[data-v-72fd59e5]{background:none;border:1px solid var(--border);border-radius:8px;padding:.25rem .65rem;font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:color .12s ease,border-color .12s ease}.ai-chat__toolbar-btn[data-v-72fd59e5]:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.ai-chat__toolbar-btn[data-v-72fd59e5]:disabled{opacity:.4;cursor:not-allowed}.ai-chat__history[data-v-72fd59e5]{min-height:200px;max-height:340px;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.ai-chat__empty[data-v-72fd59e5]{color:var(--text-muted);padding:.5rem 0}.ai-chat__empty p[data-v-72fd59e5]{margin:0 0 .5rem}.ai-chat__hint[data-v-72fd59e5]{font-size:.9rem}.ai-chat__message[data-v-72fd59e5]{max-width:88%;border-radius:16px;padding:.65rem .9rem;line-height:1.5}.ai-chat__message--user[data-v-72fd59e5]{align-self:flex-end;background:var(--accent);color:#fff}.ai-chat__message--assistant[data-v-72fd59e5]{align-self:flex-start;background:var(--subtle-surface)}.ai-chat__message-text[data-v-72fd59e5]{margin:0;white-space:pre-wrap;word-break:break-word}.ai-chat__message-text--thinking[data-v-72fd59e5]{color:var(--text-muted);font-style:italic}.ai-chat__image-preview[data-v-72fd59e5]{margin-bottom:.5rem}.ai-chat__image-preview img[data-v-72fd59e5]{max-width:200px;max-height:160px;border-radius:10px;object-fit:cover;display:block}.ai-chat__pattern-card[data-v-72fd59e5]{border-top:1px solid var(--border);display:flex;flex-direction:column}.ai-chat__pattern-header[data-v-72fd59e5]{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem}.ai-chat__pattern-reset[data-v-72fd59e5]{padding:.25rem .65rem;font-size:.8rem}.ai-chat__player-bar[data-v-72fd59e5]{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap}.ai-chat__bpm[data-v-72fd59e5]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.ai-chat__bpm-display[data-v-72fd59e5]{font-weight:700;min-width:6ch;text-align:center}.ai-chat__bpm-btn[data-v-72fd59e5]{padding:.35rem .65rem}.ai-chat__save-bar[data-v-72fd59e5]{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap}.ai-chat__save-title[data-v-72fd59e5]{flex:1 1 160px;min-width:120px}.ai-chat__input-area[data-v-72fd59e5]{border-top:1px solid var(--border);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.ai-chat__attached-image[data-v-72fd59e5]{position:relative;display:inline-block;align-self:flex-start}.ai-chat__attached-image img[data-v-72fd59e5]{display:block;max-width:80px;max-height:64px;border-radius:8px;object-fit:cover}.ai-chat__remove-image[data-v-72fd59e5]{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--text);color:var(--surface);border:none;font-size:.65rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-chat__input-row[data-v-72fd59e5]{display:flex;gap:.5rem;align-items:flex-end}.ai-chat__textarea[data-v-72fd59e5]{flex:1;min-width:0;resize:none;padding:.65rem .8rem;border-radius:14px;border:1px solid var(--input-border);background:var(--input-background);color:inherit;font:inherit;line-height:1.5}.ai-chat__textarea[data-v-72fd59e5]:focus{outline:2px solid var(--accent);outline-offset:1px}.ai-chat__file-input[data-v-72fd59e5]{display:none}.ai-chat__input-actions[data-v-72fd59e5]{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.ai-chat__icon-btn[data-v-72fd59e5]{background:var(--subtle-surface);border:1px solid var(--border);border-radius:10px;padding:.45rem .55rem;font-size:1rem;line-height:1;transition:transform .12s ease}.ai-chat__icon-btn[data-v-72fd59e5]:hover:not(:disabled){transform:translateY(-1px)}.ai-chat__icon-btn[data-v-72fd59e5]:disabled,.ai-chat__send-btn[data-v-72fd59e5]:disabled{opacity:.45;cursor:not-allowed}.ai-chat__send-btn[data-v-72fd59e5]{padding:.45rem .9rem;font-weight:700;white-space:nowrap}.manage-form__success[data-v-72fd59e5]{color:#2a7a56;font-weight:600}.manage-card[data-v-ae5bbc31]{display:grid;gap:1rem;margin-bottom:1.5rem;padding:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.manage-card__tabs[data-v-ae5bbc31]{display:flex;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.manage-card__tab[data-v-ae5bbc31]{padding:.45rem 1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-weight:600;font-size:.9rem;transition:background-color .12s ease,color .12s ease}.manage-card__tab[data-v-ae5bbc31]:hover:not(.manage-card__tab--active){background:var(--subtle-surface);color:inherit}.manage-card__tab--active[data-v-ae5bbc31]{background:var(--accent);border-color:var(--accent);color:#fff}.manage-card__header[data-v-ae5bbc31]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.manage-card__header--nested[data-v-ae5bbc31]{align-items:center}.manage-preview[data-v-ae5bbc31]{display:grid;gap:.9rem;padding-top:.4rem;border-top:1px solid var(--border)}.manage-preview__header[data-v-ae5bbc31]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.manage-preview__reset[data-v-ae5bbc31]{padding:.25rem .65rem;font-size:.8rem}.manage-preview__loading[data-v-ae5bbc31]{padding:1rem 0;color:var(--text-muted)}.manage-preview__player-bar[data-v-ae5bbc31]{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-top:1px solid var(--border);flex-wrap:wrap}.manage-preview__bpm[data-v-ae5bbc31]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.manage-preview__bpm-display[data-v-ae5bbc31]{font-weight:700;min-width:6ch;text-align:center}.manage-preview__bpm-btn[data-v-ae5bbc31]{padding:.35rem .65rem}.manage-preview__summary[data-v-ae5bbc31]{margin:0;color:var(--text-muted);font-size:.92rem}.manage-card__header h2[data-v-ae5bbc31],.manage-card__header h3[data-v-ae5bbc31],.imported-list__item h3[data-v-ae5bbc31]{margin:.2rem 0 0}.manage-card__divider[data-v-ae5bbc31]{height:1px;background:var(--border)}.manage-form[data-v-ae5bbc31]{display:grid;gap:1rem}.manage-form__theme-toggle[data-v-ae5bbc31]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--text-primary);border-radius:999px;min-height:2.75rem;padding:.55rem .9rem;display:inline-flex;align-items:center;gap:.55rem;font-weight:700;cursor:pointer;flex-shrink:0}.manage-form__theme-toggle-state[data-v-ae5bbc31]{color:var(--text-muted);font-size:.88rem}.midi-import-card[data-v-ae5bbc31]{display:grid;gap:1rem;padding:1rem;border:1px dashed rgba(148,163,184,.45);border-radius:1rem;background:#0f172a47;margin-bottom:1rem}.midi-import-card h3[data-v-ae5bbc31]{margin:.35rem 0 .5rem}.midi-import-card p[data-v-ae5bbc31]{margin:0;color:#e2e8f0c7}.midi-import-card code[data-v-ae5bbc31]{font-size:.92em}.manage-form__row[data-v-ae5bbc31]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.manage-form__row--compact[data-v-ae5bbc31]{align-items:start}.manage-form__field[data-v-ae5bbc31]{display:grid;gap:.45rem}.manage-form__field small[data-v-ae5bbc31],.imported-list__description[data-v-ae5bbc31]{color:var(--text-muted)}.manage-form__input[data-v-ae5bbc31]{width:100%;padding:.7rem .8rem;border-radius:14px;border:1px solid var(--input-border);background:var(--input-background);color:inherit}.manage-form__textarea[data-v-ae5bbc31]{resize:vertical}.manage-form__textarea--code[data-v-ae5bbc31]{min-height:14rem;font-family:SFMono-Regular,SF Mono,Cascadia Code,JetBrains Mono,Fira Code,monospace;font-size:.92rem}.manage-form__actions[data-v-ae5bbc31],.imported-list__actions[data-v-ae5bbc31]{display:flex;flex-wrap:wrap;gap:.65rem}.manage-form__success[data-v-ae5bbc31]{margin:0;color:#2f7d32}:root[data-theme=dark]{color:#8fd694}.imported-list[data-v-ae5bbc31]{display:grid;gap:.9rem}.imported-list__item[data-v-ae5bbc31]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;border-radius:18px;background:var(--subtle-surface)}.empty-state--embedded[data-v-ae5bbc31]{margin:0}@media(max-width:720px){.manage-form__theme-toggle[data-v-ae5bbc31]{width:100%;justify-content:space-between}.imported-list__item[data-v-ae5bbc31]{flex-direction:column}}.confirm-dialog-backdrop[data-v-c5aa06e3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at top,rgb(217 93 57 / .2),transparent 36%),#05080cad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-dialog[data-v-c5aa06e3]{position:relative;width:min(100%,30rem);display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;border:1px solid rgb(255 255 255 / .08);border-radius:26px;background:linear-gradient(180deg,rgb(255 255 255 / .05),transparent),linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14}.confirm-dialog__close[data-v-c5aa06e3]{position:absolute;top:.9rem;right:.9rem;width:2rem;height:2rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--text-muted);cursor:pointer}.confirm-dialog__close[data-v-c5aa06e3]:disabled{cursor:not-allowed;opacity:.5}.confirm-dialog__eyebrow[data-v-c5aa06e3]{margin:0;padding-right:2.4rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.confirm-dialog__title[data-v-c5aa06e3]{margin:0;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.2}.confirm-dialog__body[data-v-c5aa06e3]{margin:0;color:var(--text-muted);line-height:1.6}.confirm-dialog__actions[data-v-c5aa06e3]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.35rem}.confirm-dialog__confirm[data-v-c5aa06e3]{min-width:7.5rem}@media(max-width:640px){.confirm-dialog[data-v-c5aa06e3]{padding:1.15rem}.confirm-dialog__actions[data-v-c5aa06e3]{flex-direction:column-reverse}.confirm-dialog__actions[data-v-c5aa06e3]>*{width:100%}}.favorite-button[data-v-8ef72e55]{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--input-border);border-radius:999px;background:var(--input-background);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.favorite-button[data-v-8ef72e55]:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--input-border));color:var(--accent);transform:translateY(-1px)}.favorite-button[data-v-8ef72e55]:disabled{opacity:.6;cursor:wait}.favorite-button.is-active[data-v-8ef72e55]{border-color:color-mix(in srgb,var(--accent) 60%,var(--input-border));background:color-mix(in srgb,var(--accent) 12%,var(--input-background));color:var(--accent)}.favorite-button svg[data-v-8ef72e55]{width:1.1rem;height:1.1rem;fill:currentColor}.pattern-card__admin-meta[data-v-1433e8b4]{display:flex;margin-bottom:1rem}.pattern-card__info-button[data-v-1433e8b4]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--input-border);border-radius:999px;background:var(--input-background);color:var(--text-muted);font-size:.85rem;font-weight:700;line-height:1;cursor:help}.library-grid[data-v-5ce9d454]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.library-section-card[data-v-5ce9d454]{display:grid;gap:.75rem;min-height:180px;padding:1.35rem;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.library-section-card[data-v-5ce9d454]:hover{transform:translateY(-2px);border-color:#d95d394d}.library-section-card h2[data-v-5ce9d454],.library-section-card p[data-v-5ce9d454]{margin:0}.library-section-card p[data-v-5ce9d454]:not(.eyebrow){color:var(--text-muted)}.login-page[data-v-58d6c9ae]{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem)}.login-card[data-v-58d6c9ae]{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:2.5rem 2rem;width:100%;max-width:380px}.login-title[data-v-58d6c9ae]{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.login-subtitle[data-v-58d6c9ae]{color:var(--text-muted);font-size:.875rem;margin:0 0 2rem}.login-form[data-v-58d6c9ae]{display:flex;flex-direction:column;gap:1.25rem}.form-field[data-v-58d6c9ae]{display:flex;flex-direction:column;gap:.375rem}.form-label[data-v-58d6c9ae]{font-size:.875rem;font-weight:500}.form-input[data-v-58d6c9ae]{background:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:inherit;font-family:inherit;font-size:1rem;padding:.625rem .75rem;transition:border-color .15s;width:100%}.form-input[data-v-58d6c9ae]:focus{border-color:var(--accent);outline:none}.form-input[data-v-58d6c9ae]:disabled{opacity:.6}.form-error[data-v-58d6c9ae]{color:var(--accent);font-size:.875rem;margin:0}.login-btn[data-v-58d6c9ae]{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.25rem;padding:.7rem 1rem;transition:opacity .15s;width:100%}.login-btn[data-v-58d6c9ae]:hover:not(:disabled){opacity:.88}.login-btn[data-v-58d6c9ae]:disabled{cursor:not-allowed;opacity:.5}.auth-footer[data-v-58d6c9ae]{color:var(--text-muted);font-size:.875rem;margin:0;text-align:center}.auth-link[data-v-58d6c9ae]{color:var(--accent);text-decoration:none}.auth-link[data-v-58d6c9ae]:hover{text-decoration:underline}.dropdown-select-field[data-v-0018ea5f]{position:relative;display:grid;gap:.5rem;width:100%}.dropdown-select-field__label[data-v-0018ea5f]{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark)}.dropdown-select-field__trigger[data-v-0018ea5f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:3.5rem;padding:.85rem 3.1rem .85rem 1rem;border:1px solid var(--input-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 78%,transparent),transparent),var(--input-background);color:inherit;box-shadow:inset 0 1px color-mix(in srgb,white 36%,transparent),var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease,background-color .14s ease}.dropdown-select-field__trigger[data-v-0018ea5f]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--input-border))}.dropdown-select-field__trigger[data-v-0018ea5f]:focus{outline:none}.dropdown-select-field__trigger[data-v-0018ea5f]:focus-visible,.dropdown-select-field__trigger[aria-expanded=true][data-v-0018ea5f]{border-color:color-mix(in srgb,var(--accent) 55%,var(--input-border));box-shadow:inset 0 1px color-mix(in srgb,white 42%,transparent),0 0 0 4px #d95d3924,var(--shadow)}.dropdown-select-field__trigger[data-v-0018ea5f]:disabled{opacity:.62;cursor:not-allowed;transform:none}.dropdown-select-field__trigger-copy[data-v-0018ea5f]{display:grid;gap:.18rem;min-width:0}.dropdown-select-field__value[data-v-0018ea5f],.dropdown-select-field__meta[data-v-0018ea5f],.dropdown-select-field__option-main[data-v-0018ea5f],.dropdown-select-field__option-meta[data-v-0018ea5f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-select-field__value[data-v-0018ea5f]{font-weight:700}.dropdown-select-field__meta[data-v-0018ea5f]{color:var(--text-muted);font-size:.88rem}.dropdown-select-field__chevron[data-v-0018ea5f]{position:relative;width:.85rem;height:.85rem;flex:0 0 auto;transition:transform .14s ease}.dropdown-select-field__chevron.is-open[data-v-0018ea5f]{transform:rotate(180deg)}.dropdown-select-field__chevron[data-v-0018ea5f]:before,.dropdown-select-field__chevron[data-v-0018ea5f]:after{content:"";position:absolute;top:50%;width:.55rem;height:2px;border-radius:999px;background:var(--accent-dark)}.dropdown-select-field__chevron[data-v-0018ea5f]:before{left:.02rem;transform:translateY(-50%) rotate(45deg)}.dropdown-select-field__chevron[data-v-0018ea5f]:after{right:.02rem;transform:translateY(-50%) rotate(-45deg)}.dropdown-select-field__menu[data-v-0018ea5f]{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:30;display:grid;gap:.3rem;max-height:min(18rem,calc(100vh - 8rem));padding:.45rem;overflow-y:auto;scrollbar-gutter:stable;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 88%,transparent),transparent),var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dropdown-select-field__option[data-v-0018ea5f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.8rem .9rem;border:0;border-radius:14px;background:transparent;color:inherit;display:grid;gap:.14rem;text-align:left}.dropdown-select-field__option[data-v-0018ea5f]:hover,.dropdown-select-field__option.is-highlighted[data-v-0018ea5f]{background:color-mix(in srgb,var(--accent) 10%,var(--surface-strong))}.dropdown-select-field__option[data-v-0018ea5f]:focus{outline:none;background:color-mix(in srgb,var(--accent) 12%,var(--surface-strong))}.dropdown-select-field__option.is-active[data-v-0018ea5f]{background:color-mix(in srgb,var(--accent) 16%,var(--surface-strong))}.dropdown-select-field__option-main[data-v-0018ea5f]{font-weight:700}.dropdown-select-field__option-meta[data-v-0018ea5f]{color:var(--text-muted);font-size:.88rem}.pattern-page-heading[data-v-5b94224f]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pattern-description[data-v-5b94224f]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.pattern-description .lead[data-v-5b94224f]{margin:0}.pattern-description__info-button[data-v-5b94224f]{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;margin-top:.1rem;border:1px solid var(--input-border);border-radius:999px;background:var(--input-background);color:var(--text-muted);font-size:.9rem;font-weight:700;line-height:1;cursor:help}.pattern-merge-panel[data-v-5b94224f]{display:block;margin-bottom:1.5rem}.pattern-merge-panel[data-v-5b94224f] .dropdown-select-field{max-width:28rem}.practice-summary__header[data-v-689d2210],.practice-summary__section[data-v-689d2210]{display:flex;flex-direction:column;gap:1rem}.practice-summary__section[data-v-689d2210]{margin-top:1rem}.practice-summary__lede[data-v-689d2210]{max-width:44rem;margin:.35rem 0 0;color:var(--text-muted)}.practice-summary__streak[data-v-689d2210]{margin:.7rem 0 0;color:var(--accent-dark);font-weight:800}.practice-summary__streak--muted[data-v-689d2210]{color:var(--text-muted)}.practice-summary__section-header h2[data-v-689d2210],.practice-summary__title[data-v-689d2210],.practice-summary__meta[data-v-689d2210],.practice-summary__value[data-v-689d2210]{margin:0}.practice-summary__list[data-v-689d2210]{display:grid;gap:.85rem}.practice-summary__row[data-v-689d2210]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}.practice-summary__row[data-v-689d2210]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow)}.practice-summary__title[data-v-689d2210]{font-weight:800}.practice-summary__meta[data-v-689d2210]{margin-top:.25rem;color:var(--text-muted);font-size:.88rem}.practice-summary__value[data-v-689d2210]{white-space:nowrap;font-weight:800}@media(max-width:700px){.practice-summary__row[data-v-689d2210]{align-items:flex-start;flex-direction:column}}.settings-view__header[data-v-e5278e72]{margin-bottom:1.5rem}.settings-view__panel[data-v-e5278e72]{display:grid;gap:1.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),transparent),var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-view__copy h2[data-v-e5278e72]{margin:.15rem 0 0}.settings-view__copy p[data-v-e5278e72]{margin:0}.settings-view__copy p[data-v-e5278e72]:not(.eyebrow){color:var(--text-muted)}.settings-view__form[data-v-e5278e72]{display:grid;gap:1rem;max-width:30rem}.settings-view__field[data-v-e5278e72]{display:grid;gap:.55rem}.settings-view__field-label[data-v-e5278e72]{font-size:.95rem;font-weight:700}.settings-view__input[data-v-e5278e72]{width:100%;padding:.9rem 1rem;border:1px solid var(--input-border);border-radius:16px;background:var(--input-background);color:inherit;font:inherit}.settings-view__status[data-v-e5278e72]{margin:0;font-weight:600}.settings-view__status--error[data-v-e5278e72]{color:var(--accent)}.settings-view__status--success[data-v-e5278e72]{color:var(--accent-dark)}.settings-view__actions[data-v-e5278e72]{display:flex;gap:.75rem}.login-page[data-v-ba126dca]{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem)}.login-card[data-v-ba126dca]{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:2.5rem 2rem;width:100%;max-width:380px}.login-title[data-v-ba126dca]{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.login-subtitle[data-v-ba126dca]{color:var(--text-muted);font-size:.875rem;margin:0 0 2rem}.login-form[data-v-ba126dca]{display:flex;flex-direction:column;gap:1.25rem}.form-field[data-v-ba126dca]{display:flex;flex-direction:column;gap:.375rem}.form-label[data-v-ba126dca]{font-size:.875rem;font-weight:500}.form-input[data-v-ba126dca]{background:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:inherit;font-family:inherit;font-size:1rem;padding:.625rem .75rem;transition:border-color .15s;width:100%}.form-input[data-v-ba126dca]:focus{border-color:var(--accent);outline:none}.form-input[data-v-ba126dca]:disabled{opacity:.6}.form-error[data-v-ba126dca]{color:var(--accent);font-size:.875rem;margin:0}.login-btn[data-v-ba126dca]{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.25rem;padding:.7rem 1rem;transition:opacity .15s;width:100%}.login-btn[data-v-ba126dca]:hover:not(:disabled){opacity:.88}.login-btn[data-v-ba126dca]:disabled{cursor:not-allowed;opacity:.5}.auth-footer[data-v-ba126dca]{color:var(--text-muted);font-size:.875rem;margin:0;text-align:center}.auth-link[data-v-ba126dca]{color:var(--accent);text-decoration:none}.auth-link[data-v-ba126dca]:hover{text-decoration:underline}.success-message[data-v-ba126dca]{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.success-message p[data-v-ba126dca]{margin:0}.workout-view__header[data-v-93732ebc]{align-items:center;display:flex;gap:1rem;justify-content:space-between}.workout-view__generate[data-v-93732ebc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#d95d39;color:#fff7f2;cursor:pointer;font:inherit;font-weight:700;padding:.9rem 1.4rem}.workout-view__generate[data-v-93732ebc]:hover{background:#bf4c2a}@media(max-width:720px){.workout-view__header[data-v-93732ebc]{align-items:stretch;flex-direction:column}.workout-view__generate[data-v-93732ebc]{width:100%}}:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#18211f;background:radial-gradient(circle at top left,rgba(255,214,153,.55),transparent 30%),linear-gradient(180deg,#fff9ef,#f2efe8);--app-background: radial-gradient(circle at top left, rgba(255, 214, 153, .55), transparent 30%), linear-gradient(180deg, #fff9ef 0%, #f2efe8 100%);--surface: rgba(255, 255, 255, .82);--surface-strong: #fffdf8;--border: rgba(24, 33, 31, .12);--accent: #d95d39;--accent-dark: #8f341a;--text-muted: #55635e;--shadow: 0 18px 40px rgba(51, 41, 24, .08);--input-background: rgba(255, 255, 255, .88);--input-border: rgba(24, 33, 31, .18);--subtle-surface: rgba(24, 33, 31, .06);--notation-surface: rgba(255, 253, 248, .78);--notation-border: rgba(24, 33, 31, .22);--theme-toggle-background: rgba(255, 255, 255, .72);--theme-toggle-border: rgba(24, 33, 31, .12)}:root[data-theme=dark]{color-scheme:dark;color:#edf2ef;background:radial-gradient(circle at top left,rgba(255,126,79,.22),transparent 26%),radial-gradient(circle at top right,rgba(95,139,255,.16),transparent 24%),linear-gradient(180deg,#151a1f,#0b0e12);--app-background: radial-gradient(circle at top left, rgba(255, 126, 79, .22), transparent 26%), radial-gradient(circle at top right, rgba(95, 139, 255, .16), transparent 24%), linear-gradient(180deg, #151a1f 0%, #0b0e12 100%);--surface: rgba(17, 23, 29, .82);--surface-strong: #1a2129;--border: rgba(236, 242, 239, .12);--accent: #ff8e63;--accent-dark: #ffc2ad;--text-muted: #a7b4ae;--shadow: 0 24px 54px rgba(0, 0, 0, .28);--input-background: rgba(24, 31, 38, .96);--input-border: rgba(236, 242, 239, .14);--subtle-surface: rgba(236, 242, 239, .08);--notation-surface: rgba(248, 244, 236, .96);--notation-border: rgba(236, 242, 239, .16);--theme-toggle-background: rgba(17, 23, 29, .78);--theme-toggle-border: rgba(236, 242, 239, .12)}*{box-sizing:border-box}html{min-height:100%;background:var(--app-background)}body{margin:0;min-width:320px;min-height:100vh;position:relative;isolation:isolate;background:transparent;color:inherit;transition:color .18s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--app-background);transition:background .18s ease;pointer-events:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{width:min(1280px,calc(100% - 2rem));min-height:100vh;margin:0 auto;padding:1.25rem 0 calc(72px + 1.5rem)}.top-navbar{position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:.95rem 1.15rem;border-radius:28px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow)}.top-navbar__brand,.top-navbar__actions{display:flex;align-items:center;gap:1rem;min-width:0}.top-navbar__brand{flex:1 1 auto}.top-navbar__path{display:flex;align-items:center;gap:.55rem;min-width:0;margin:0;color:var(--text-muted);font-weight:600}.top-navbar__section,.top-navbar__detail{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-navbar__detail{color:var(--accent-dark)}.top-navbar__separator{color:var(--text-muted);font-weight:700}.app-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:1.25rem;align-items:start}.app-sidebar{position:sticky;top:1rem;display:grid;gap:1rem;padding:1.1rem;border-radius:28px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow)}.app-content{min-width:0}.brand{display:inline-block;flex-shrink:0;font-size:clamp(1.2rem,3vw,1.65rem);font-weight:800;letter-spacing:.02em}.tagline,.lead{color:var(--text-muted);max-width:38rem}.theme-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:999px;border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-background);color:inherit;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle__label{font-weight:700}.theme-toggle__state{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;padding:.28rem .65rem;border-radius:999px;background:#d95d3929;color:var(--accent-dark);font-size:.85rem;font-weight:700}.signout-btn,.signin-link{display:inline-flex;align-items:center;padding:.65rem .9rem;border-radius:999px;font-size:inherit;font-weight:700;text-decoration:none;transition:opacity .15s,transform .14s ease;cursor:pointer}.signout-btn{border:1px solid var(--border);background:var(--theme-toggle-background);color:inherit;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signout-btn:hover{transform:translateY(-1px)}.signin-link{border:none;background:var(--accent);color:#fff;box-shadow:var(--shadow)}.signin-link:hover{opacity:.88;transform:translateY(-1px)}.page-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-intro h1,.metronome-pulse strong,.notation-card h2,.pattern-card h2{margin:.2rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent-dark);margin:0}.filter-panel,.pattern-card,.notation-card,.control-card,.empty-state{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.filter-panel{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;margin-bottom:1.5rem}.filter-panel label{display:grid;gap:.45rem;min-width:180px}.pattern-filters{align-items:flex-end}.pattern-filters__chips{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.65rem;align-items:center}.pattern-filters__label{color:var(--text-muted);font-size:.9rem;font-weight:700}.pattern-filters__chip{background:var(--surface-strong)}.pattern-filters__actions{margin-left:auto}.filter-panel select,input[type=range]{width:100%}select,input[type=range]{accent-color:var(--accent)}select{padding:.7rem .8rem;border-radius:14px;border:1px solid var(--input-border);background:var(--input-background);color:inherit}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.pattern-card{display:flex;flex-direction:column;height:100%;padding:1.2rem}.pattern-card h2{margin:.65rem 0 0}.pattern-card__description{margin:.6rem 0 0;color:var(--text-muted)}.pattern-card__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto}.pattern-card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.pattern-card__badge{font-size:.8rem}.pattern-card__header,.notation-card__header,.tempo-header,.control-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.control-row--transport{flex-wrap:nowrap}.control-row--transport>*{flex:1 1 0;min-width:0}.pill,.status-chip{background:#d95d391f;color:var(--accent-dark);padding:.35rem .7rem;border-radius:999px;font-size:.9rem;font-weight:700}.pattern-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.2rem}.pattern-meta dt{color:var(--text-muted);font-size:.88rem}.pattern-meta dd{margin:.2rem 0 0;font-weight:700}.button-link,.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:.45rem .8rem;font-size:.9rem;transition:transform .14s ease,background-color .14s ease}.button-link,.button-primary{background:var(--accent);color:#fff}.button-secondary{background:var(--surface-strong);border-color:var(--border);color:inherit}.button-secondary.pattern-filters__chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.button-link:hover,.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.pattern-layout{display:flex;flex-direction:column;gap:.75rem}.pattern-layout__main{min-width:0}.pattern-layout__sidebar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.pattern-layout__sidebar>*{flex:1 1 180px}.notation-card,.empty-state{padding:1.2rem}.control-card{padding:.65rem .85rem}.beat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.sidebar-nav{display:grid;gap:.6rem}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .9rem;border-radius:16px;color:var(--text-muted);border:1px solid transparent;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.sidebar-link:hover{transform:translate(2px);background:var(--subtle-surface);color:inherit}.sidebar-link.router-link-exact-active{background:#d95d3924;border-color:#d95d3938;color:var(--accent-dark)}.metronome-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:1rem}.metronome-layout--compact{grid-template-columns:minmax(0,1fr)}.basics-grid{display:grid;gap:1rem}.basics-card{gap:1rem}.basics-card__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:start}.basics-pill{max-width:100%;line-height:1.35}.metronome-hero{display:grid;gap:1rem;align-content:start}.metronome-pulse{display:grid;gap:.35rem;place-items:center;text-align:center;padding:2.5rem 1.5rem;min-height:320px;border-radius:28px;background:radial-gradient(circle at top,rgba(217,93,57,.24),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 100%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.metronome-pulse strong{font-size:clamp(4rem,10vw,7rem);line-height:1}.metronome-pulse span,.meter-copy{color:var(--text-muted)}.meter-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 .8rem}.meter-button{padding:1rem;border-radius:18px;border:1px solid var(--input-border);background:var(--input-background);color:inherit;font-weight:700;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.meter-button:hover{transform:translateY(-1px)}.meter-button--active{background:#d95d3924;border-color:#d95d3966;color:var(--accent-dark)}@media(max-width:980px){.app-layout,.metronome-layout{grid-template-columns:1fr}.app-sidebar{position:static}}.beat-strip__beat{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:18px;background:var(--subtle-surface);font-weight:700}.beat-strip__beat.is-active{background:linear-gradient(135deg,#d95d39,#ee8f52);color:#fff}.notation-placeholder{min-height:220px;border:1px dashed var(--notation-border);border-radius:18px;padding:1rem;background:var(--notation-surface)}.notation-stage{position:relative}.notation-stage__viewport{max-height:26rem;overflow-x:auto;overflow-y:auto;padding-right:.25rem;scroll-behavior:smooth}.osmd-container{min-width:720px}.osmd-container svg{max-width:100%;height:auto}.osmd-container.is-hidden{display:none}.toggle-row{display:flex;align-items:center;gap:.7rem;min-width:0;flex-wrap:wrap}.transport-loop-row{padding-top:.1rem;border-top:1px solid var(--border)}.toggle-row+.toggle-row{margin-top:.4rem}.toggle-row input[type=checkbox]{width:1.05rem;height:1.05rem}.xml-preview{margin-top:1rem}.xml-preview summary{cursor:pointer;color:var(--text-muted)}.xml-preview pre{overflow:auto;padding:1rem;border-radius:18px;background:var(--subtle-surface);white-space:pre-wrap;font-size:.82rem}.mobile-nav{display:grid;gap:.6rem;padding:1.1rem;border-radius:28px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.25rem}.mobile-nav__links{display:grid;gap:.6rem}@media(max-width:820px){.app-sidebar{display:none}.app-layout{grid-template-columns:1fr}}.toggle-row{display:flex;gap:.65rem;align-items:center}.control-card{display:grid;gap:.5rem;min-width:0}.empty-state{display:grid;gap:1rem;justify-items:start}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:1.25rem;height:72px;padding:0 1.5rem;background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--border);box-shadow:0 -6px 32px #0000001a}.player-bar__info{display:flex;flex-direction:column;gap:.1rem;min-width:120px;max-width:200px;border-right:1px solid var(--border);padding-right:1.25rem}.player-bar__context{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dark)}.player-bar__title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__transport{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.player-bar__tempo{display:flex;align-items:center;gap:.6rem;flex:0 1 360px;border-left:1px solid var(--border);padding-left:1.25rem;min-width:0}.player-bar__tempo-track{display:flex;align-items:center;gap:.6rem;flex:1 1 auto;min-width:0}.player-bar__bpm{white-space:nowrap;font-size:.9rem;min-width:62px}.player-bar__bpm--leading{flex-shrink:0}.player-bar__bpm-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.player-bar__slider{flex:1;min-width:60px;max-width:180px;accent-color:var(--accent)}.player-bar__options{display:none;align-items:center;gap:1rem;flex-shrink:0;border-left:1px solid var(--border);padding-left:1.25rem}.player-bar__icon-image{display:block;width:1.1rem;height:1.1rem;object-fit:contain}.player-bar__icon-image--metronome{width:1.2rem;height:1.2rem}.player-bar__theme-icon{position:relative;display:inline-grid;place-items:center;width:1.2rem;height:1.2rem}.player-bar__icon-image--theme-dark,html[data-theme=dark] .player-bar__icon-image--theme-light{display:none}html[data-theme=dark] .player-bar__icon-image--theme-dark{display:block}.player-bar__bpm-badge,.player-bar__mobile-transport-extra,.player-bar__mobile-transport-trailing{display:none}.player-bar__transport-trailing{display:inline-flex;align-items:center;gap:.75rem}.player-bar__mobile-tempo-extra{display:none}.player-bar__dial-image{display:block;width:1.75rem;height:1.75rem;object-fit:contain}.player-bar__bpm-badge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.82rem;font-weight:900;letter-spacing:.02em;color:#151515;text-shadow:0 1px 2px rgba(255,255,255,.2)}html[data-theme=dark] .player-bar__bpm-badge-value{color:#f5f5f5;text-shadow:0 1px 2px rgba(0,0,0,.45)}.player-bar__looper-time{display:flex;align-items:center;flex-shrink:0;border-left:1px solid var(--border);padding-left:1.25rem}.player-bar__time{font-variant-numeric:tabular-nums;font-size:.9rem;display:flex;gap:.3rem;align-items:center}.player-bar__time-sep{color:var(--color-text-muted, #94a3b8)}.player-bar__loop-hint{font-size:.8rem;color:var(--accent);margin-left:.5rem;white-space:nowrap}.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;border:1px solid var(--border);padding:.4rem 1rem;font-size:.88rem;background:var(--surface-strong);color:inherit;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background-color .12s ease}.pb-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pb-btn:hover{transform:translateY(-1px)}.pb-btn--primary{background:var(--accent);color:#fff;border-color:transparent;min-width:76px}.pb-btn--primary svg{fill:currentColor;stroke:currentColor}.pb-btn--icon{width:2.65rem;height:2.65rem;padding:0}.player-bar__transport .pb-btn--icon{width:2.65rem;height:2.65rem}.player-bar__transport .pb-btn--icon svg{width:1.2rem;height:1.2rem}.pb-btn--sm{width:2.2rem;height:2.2rem;font-size:.82rem}.pb-btn--toggle.is-active{background:#d95d3924;border-color:#d95d396b;color:var(--accent-dark)}@media(min-width:721px){.player-bar--pattern .player-bar__transport>.player-bar__mobile-transport-extra--metronome{display:none}.player-bar--pattern .player-bar__transport .player-bar__transport-extra--metronome .player-bar__theme-icon,.player-bar--pattern .player-bar__transport .player-bar__transport-extra--metronome .player-bar__icon-image--metronome{width:1.35rem;height:1.35rem}.player-bar--pattern .player-bar__mobile-transport-extra--metronome .player-bar__theme-icon,.player-bar--pattern .player-bar__mobile-transport-extra--loop .player-bar__theme-icon,.player-bar--pattern .player-bar__mobile-transport-extra--count-in .player-bar__theme-icon{width:2.4rem;height:2.4rem}.player-bar--pattern .player-bar__mobile-transport-extra--metronome .player-bar__icon-image,.player-bar--pattern .player-bar__mobile-transport-extra--loop .player-bar__icon-image,.player-bar--pattern .player-bar__mobile-transport-extra--count-in .player-bar__icon-image{width:2.2rem;height:2.2rem}.player-bar--pattern .player-bar__mobile-transport-extra--metronome .player-bar__icon-image--metronome,.player-bar--pattern .player-bar__mobile-transport-extra--count-in .player-bar__icon-image--metronome{width:2.4rem;height:2.4rem}}@media(max-width:980px){.player-bar{height:auto;padding:.9rem 1rem;flex-wrap:wrap;justify-content:center}.player-bar__info,.player-bar__tempo,.player-bar__options{border:0;padding:0}.player-bar__info{align-items:center;text-align:center;max-width:none;width:100%}.player-bar__tempo{flex:1 1 220px;min-width:0}.player-bar__slider{max-width:none}}@media(max-width:720px){.player-bar__mobile-transport-extra{display:inline-flex}.player-bar__mobile-transport-trailing{display:inline-flex;align-items:center;gap:.9rem}.player-bar__mobile-tempo-extra{display:grid}.player-bar{gap:.8rem;padding:.8rem .85rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 34%,transparent),color-mix(in srgb,var(--surface-strong) 52%,transparent) 42%,color-mix(in srgb,var(--surface) 78%,transparent));-webkit-backdrop-filter:blur(30px) saturate(1.1);backdrop-filter:blur(30px) saturate(1.1)}.player-bar__info{order:1;align-items:flex-end;text-align:right}.player-bar--looper .player-bar__info{order:1;width:100%;align-items:flex-end;text-align:right}.player-bar--looper .looper-transport-controls--compact{order:2;width:100%}.player-bar__context{letter-spacing:.14em}.player-bar__title{font-size:1.05rem}.player-bar--pattern .player-bar__transport,.player-bar__options{width:100%}.player-bar--pattern .player-bar__transport{order:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem;flex-wrap:nowrap}.player-bar--pattern .player-bar__transport>.pb-btn--primary{grid-column:2;justify-self:center}.player-bar--pattern .player-bar__transport>.player-bar__mobile-transport-extra--metronome{grid-column:1;justify-self:end}.player-bar--pattern .player-bar__transport>.pb-btn:not(.pb-btn--primary):not(.player-bar__mobile-transport-extra){display:none}.player-bar--pattern .player-bar__transport>.player-bar__transport-trailing{grid-column:3;justify-self:start}.player-bar--pattern .player-bar__transport .player-bar__transport-extra--metronome{display:none}.player-bar--pattern .player-bar__tempo{order:4;width:100%;border:0;padding:0;gap:.7rem;align-items:center}.player-bar__tempo-track{position:relative;flex:1;min-width:0;padding:.9rem 0;gap:.7rem;background:transparent}.player-bar__tempo-track .player-bar__bpm,.player-bar--pattern .player-bar__bpm--leading,.player-bar__bpm--desktop-metronome{display:none}.player-bar__slider{min-width:0}.player-bar__options{display:flex;order:3;justify-content:center;flex-wrap:wrap;gap:.55rem}.player-bar__options .pb-btn{padding-inline:.85rem;min-height:2.45rem;border-radius:999px;font-size:.82rem}.player-bar__option--metronome,.player-bar__option--loop,.player-bar__option--count-in{display:none}.player-bar--pattern .player-bar__transport .pb-btn{width:3.4rem;height:3.4rem;box-shadow:0 10px 28px #00000014}.player-bar--pattern .player-bar__transport .pb-btn svg{width:1.55rem;height:1.55rem}.player-bar--pattern .player-bar__transport .player-bar__theme-icon{width:1.6rem;height:1.6rem}.player-bar--pattern .player-bar__transport .player-bar__icon-image{width:1.55rem;height:1.55rem}.player-bar--pattern .player-bar__transport .player-bar__icon-image--metronome{width:1.68rem;height:1.68rem}.player-bar--pattern .player-bar__transport .player-bar__mobile-transport-extra--loop .player-bar__theme-icon{width:1.85rem;height:1.85rem}.player-bar--pattern .player-bar__transport .player-bar__mobile-transport-extra--loop .player-bar__icon-image{width:1.8rem;height:1.8rem}.player-bar--pattern .player-bar__transport .pb-btn--primary{width:4.35rem;height:4.35rem;background:linear-gradient(180deg,#ffb057,#ff9d43);color:#151515}.player-bar--pattern .player-bar__transport .pb-btn--primary svg{width:1.82rem;height:1.82rem}.player-bar__bpm-badge{position:absolute;left:50%;top:0;transform:translate(-50%);display:grid;place-items:center;width:auto;height:auto;flex-shrink:0;margin:0;padding:0;border:0;background:transparent;z-index:2}.player-bar__tempo .pb-btn--sm{width:2.8rem;height:2.8rem;flex-shrink:0}.player-bar__tempo-decrease{order:1}.player-bar__tempo-track{order:2}.player-bar__tempo-increase{order:3}.player-bar__tempo-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 82%,transparent);opacity:.22;pointer-events:none;transform:translateY(-50%)}.player-bar__slider{position:relative;z-index:1;margin-top:0}}