:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d13;--bg-panel:#151824;--bg-panel-raised:#1d2130;--bg-panel-raised-alt:#232838;--border:#292d3d;--text:#f0f1f6;--text-dim:#9498ab;--text-faint:#5c6178;--ready:#7c8fd1;--ready-dim:#1c2338;--warn:#d9a25c;--warn-dim:#302416;--danger:#ff4d4d;--danger-dim:#4a1414;--accent:#7c8fd1;--accent-glow:#7c8fd14d;--gold:#e4b058;--cta:#7c8fd1;--on-accent:#10131f;--radius:10px;--text-2xs:.65rem;--text-xs:.72rem;--text-sm:.8rem;--text-md:.9rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-display:clamp(1.9rem, 3.8vw, 2.9rem);font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex}button{font-family:inherit}#app{flex-direction:column;flex:1;min-height:100vh;display:flex}.app-shell{flex-direction:column;min-width:0;min-height:100vh;display:flex}.top-banner{background:var(--warn-dim);color:var(--warn);font-size:var(--text-md);text-align:center;border-bottom:1px solid var(--border);padding:6px 12px}.topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;min-height:48px;padding:6px 14px;display:flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:flex}.hamburger-btn:hover{background:var(--bg-panel-raised)}.hamburger-btn span{background:var(--text);border-radius:1px;width:18px;height:2px;display:block}.topbar-title{font-size:var(--text-base);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:700;overflow:hidden}.performance-route .topbar{display:none}.nav-drawer-scrim{z-index:30;background:#0000008c;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.nav-drawer-scrim.is-visible{display:block}.nav-drawer{z-index:31;background:linear-gradient(90deg,#ff2d2d12,#0000 5px),linear-gradient(#101016 0%,#060607 100%);border-right:1px solid #ffffff1a;flex-direction:column;width:min(280px,82vw);transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 30px #0006,inset -1px 0 #ffffff08}.nav-drawer.is-open{transform:translate(0)}.nav-drawer-header{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff09,#fff0);border:0;border-bottom:1px solid #ffffff17;align-items:center;gap:10px;padding:18px 18px 16px;display:flex}.nav-drawer-header:focus-visible{outline:2px solid color-mix(in srgb, var(--mb-active,var(--accent)) 72%, transparent);outline-offset:-4px}.nav-drawer-app-logo{width:32px;height:32px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent), 0 8px 18px #00000059;border-radius:8px;flex-shrink:0}.nav-drawer-app-name{font-weight:800;font-size:var(--text-base);color:var(--text);letter-spacing:0}.nav-drawer-context{border-bottom:1px solid #ffffff14;padding:14px 14px 8px}.nav-drawer-context[hidden]{display:none!important}.nav-drawer-context-label{color:#a0a6c39e;letter-spacing:.14em;padding:4px 10px 8px;font-size:10px;font-weight:850}.nav-drawer-context-card{color:#b1b5cdb8;background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;gap:3px;min-width:0;padding:9px 10px 12px;font-size:12px;display:grid}.nav-drawer-context-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:760;overflow:hidden}.nav-drawer-context-card em{color:#a0a6c3ad;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.nav-drawer-context-actions-label{color:#a0a6c38a;letter-spacing:.13em;padding:14px 10px 4px;font-size:9px;font-weight:850}.nav-drawer-context-action{color:#e8e6f2e6;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;margin-top:4px;padding:7px 10px;font-weight:650;display:grid}.nav-drawer-context-action span:first-child{color:#e8e6f2b8;place-items:center;font-weight:850;display:grid}.nav-drawer-context-action span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-drawer-context-action:hover{background:#ffffff0e}.nav-drawer-context-action.is-current{color:#fff;box-shadow:inset 3px 0 0 var(--mb-active,var(--accent));background:#ff2d2d21}.nav-drawer-context-action:active{background:#ff2d2d29}.nav-drawer-items{flex-direction:column;flex:1;min-height:0;padding:10px 8px 12px;display:flex}.nav-drawer-group{flex-direction:column;gap:7px;display:flex}.nav-drawer-utility{margin-top:auto;padding-top:14px}.nav-drawer-section-label{color:#b2b5ca8f;letter-spacing:.12em;padding:15px 18px 3px;font-size:10px;font-weight:850}.nav-drawer-item{color:#b0b3c7b8;min-height:52px;font:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;background:#14151d3d;border:1px solid #ffffff0b;border-radius:8px;align-items:center;gap:13px;padding:0 13px;font-weight:800;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff06}.nav-drawer-item:before{content:"";width:3px;box-shadow:none;background:0 0;border-radius:0 3px 3px 0;transition:background-color .14s,box-shadow .14s;position:absolute;top:9px;bottom:9px;left:-1px}.nav-drawer-item:hover{color:#f1f2f7eb;background:#1e1f28c7;border-color:#ffffff1a;transform:translate(1px)}.nav-drawer-item.active{color:#fff;background:radial-gradient(circle at 0,#ff2d2d61,#0000 62%),linear-gradient(135deg,#ff2d2d33,#700b1247 54%,#191922c7);border-color:#ff454566;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff05,0 0 0 1px #ff2d2d14,0 12px 26px #ff14141a}.nav-drawer-item.active:before{background:var(--mb-active,var(--accent));box-shadow:0 0 14px #ff2d2db8,0 0 30px #ff2d2d59}.nav-drawer-item-icon{color:currentColor;opacity:.95;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.nav-drawer-item-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.nav-drawer-item[data-section=performance] .nav-drawer-item-icon svg{fill:currentColor;stroke:none}.nav-drawer-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (min-width:1025px){.app-shell{flex-direction:row;align-items:stretch}.topbar,.nav-drawer-scrim,.nav-drawer-scrim.is-visible{display:none}.nav-drawer-scrim.is-visible{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#00000057;display:block}.nav-drawer{z-index:31;border-right:1px solid #ffffff1a;border-radius:0;flex:0 0 76px;width:76px;height:100vh;transition:width .17s,box-shadow .17s;position:sticky;top:0;bottom:auto;left:auto;overflow:hidden;transform:none;box-shadow:1px 0 #ffffff05,inset -1px 0 #ffffff09}.nav-drawer.is-open{width:284px;position:fixed;left:0;overflow:auto;box-shadow:18px 0 54px #00000075}.nav-drawer-header{cursor:pointer;justify-content:center;gap:0;min-height:72px;padding:12px 0}.nav-drawer.is-open .nav-drawer-header{justify-content:flex-start;gap:10px;padding:18px 16px 14px}.nav-drawer-app-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;display:none;overflow:hidden}.nav-drawer.is-open .nav-drawer-app-name{display:block}.nav-drawer-context,.nav-drawer-section-label{display:none}.nav-drawer.is-open .nav-drawer-context:not([hidden]){display:block}.nav-drawer.is-open .nav-drawer-section-label{padding:14px 16px 4px;font-size:9px;display:block}.nav-drawer.is-open .nav-drawer-context{padding:12px 12px 8px}.nav-drawer.is-open .nav-drawer-context-label{padding:4px 8px 6px;font-size:9px}.nav-drawer.is-open .nav-drawer-context-card{padding:8px 8px 10px}.nav-drawer.is-open .nav-drawer-context-card strong{font-size:.98rem}.nav-drawer.is-open .nav-drawer-context-actions-label{padding:12px 8px 3px;font-size:8.5px}.nav-drawer.is-open .nav-drawer-context-action{grid-template-columns:30px minmax(0,1fr);min-height:44px;padding:6px 8px;font-size:.93rem}.nav-drawer-items{padding:14px 10px 16px}.nav-drawer-group{gap:10px}.nav-drawer-item{justify-content:center;align-self:center;gap:0;width:56px;min-height:56px;padding:0;font-size:.94rem}.nav-drawer-item:before{top:10px;bottom:10px}.nav-drawer-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:none;overflow:hidden}.nav-drawer.is-open .nav-drawer-item{justify-content:flex-start;align-self:stretch;gap:12px;width:auto;min-height:48px;padding:11px 16px}.nav-drawer.is-open .nav-drawer-item-label{display:block}.player-hamburger-btn{display:none}main.section{min-width:0}}main.section{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:20px}main.section:has(.performance){flex-direction:column;max-width:none;min-height:0;padding:0;display:flex}h1,h2,h3{font-weight:700}h1{font-size:var(--text-xl)}.settings-app-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-app-brand-logo{width:56px;height:56px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent);border-radius:12px;flex-shrink:0}.settings-app-brand-name{font-size:var(--text-lg);letter-spacing:.02em;color:var(--text);font-weight:800}.route-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.route-page-header h1,.route-page-header p{margin:0}.route-page-header p{max-width:620px;font-size:var(--text-sm);margin-top:5px}.route-subnav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.route-subnav .btn{border-radius:10px;min-height:44px;font-weight:750}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.card-list{flex-direction:column;gap:10px;display:flex}.song-title{font-size:var(--text-lg)}.song-subline{font-size:var(--text-md);margin:4px 0}.song-file-info{font-size:var(--text-sm);margin:0 0 6px;line-height:1.5}.routing-reminder{font-weight:700;font-size:var(--text-base);gap:12px;margin:10px 0;display:flex}.routing-side{text-align:center;border-radius:var(--radius);border:2px solid var(--border);flex:1;padding:12px}.routing-left{color:var(--accent);border-color:var(--accent)}.routing-right{color:var(--warn);border-color:var(--warn)}.btn{border:1px solid var(--border);background:var(--bg-panel-raised);color:var(--text);border-radius:var(--radius);font-size:var(--text-base);cursor:pointer;min-height:44px;padding:10px 16px}.btn:hover{filter:brightness(1.15)}.btn:active{filter:brightness(.9)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.btn-ready{background:var(--ready);color:var(--on-accent);border-color:var(--ready);font-weight:700}.btn-danger{background:var(--danger);color:#2a0000;border-color:var(--danger);font-weight:700}.btn-warn{background:var(--warn);color:#2a1c08;border-color:var(--warn);font-weight:700}.btn-ghost{background:0 0}.btn-small{font-size:var(--text-md);min-height:36px;padding:6px 10px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-heading-row{margin-bottom:12px}.info-toggle-btn{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,serif;font-style:italic;display:flex}.info-toggle-btn:active{color:var(--text);border-color:var(--text-dim);background:var(--bg-panel-raised)}.warning-toggle-btn{border-color:var(--warn);color:var(--warn)}.warning-toggle-btn:active{color:var(--warn);border-color:var(--warn);background:var(--warn-dim)}.info-panel{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:var(--radius);margin:8px 0;padding:10px 12px}.click-tune-grid .info-panel{grid-column:1/-1;margin:0}.song-title-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex}.song-title-actions .mode-select{min-height:40px;font-size:var(--text-md)}.song-header-field{gap:4px;margin:0;display:grid}.song-header-field>span{color:var(--text-dim);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;font-weight:800}.song-icon-actions{align-self:end;align-items:flex-end;gap:8px;display:flex}.song-icon-actions .btn-icon-only{width:40px;height:40px;min-height:40px}.song-editor-card{background:color-mix(in srgb, var(--bg-panel) 88%, var(--bg-panel-raised));border-radius:14px;padding:22px}.song-editor-card:not(.is-collapsed){border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.song-editor-card.is-collapsed{background:var(--bg-panel);padding:10px 14px}.song-editor-card.is-collapsed:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--bg-panel) 88%, var(--bg-panel-raised))}.song-editor-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 24px;margin-bottom:14px;display:grid}.song-editor-card.is-collapsed .song-editor-header{margin-bottom:0}.song-editor-identity{min-width:0}.song-editor-title-row{flex-wrap:wrap;align-items:flex-start;gap:12px;min-width:0}.song-title-toggle{min-width:0;max-width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:auto;align-items:flex-start;gap:12px;padding:6px 8px;display:flex}.song-title-toggle:hover{background:var(--bg-panel-raised);outline:none}.song-title-toggle:focus-visible{background:var(--bg-panel-raised);outline:none}.song-title-chevron{color:var(--text-dim);flex:none;transition:transform .14s,color .14s}.song-title-stack{flex:auto;align-items:start;gap:6px;min-width:0;display:grid}.song-editor-title-row .song-title{text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:0 auto;min-width:0;line-height:1.12;display:-webkit-box;overflow:visible}.song-title-toggle[aria-expanded=true] .song-title-chevron{color:var(--accent);transform:rotate(90deg)}.song-list-meta{color:var(--text-dim);font-size:var(--text-sm);flex:none;font-weight:600}.song-list-meta-mobile{flex-wrap:wrap;align-items:center;gap:6px;display:none}.song-format-pill{padding:1px 7px;font-size:.65rem}.song-duration-mobile{color:var(--text-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.song-badge-mobile{display:none}.song-status-icon-ok{color:var(--ready)}.song-status-icon-warn{color:var(--warn)}.song-status-icon-danger{color:var(--danger)}.song-status-icon-neutral{color:var(--text-dim)}.song-title-support{flex-wrap:wrap;flex:0 auto;align-items:flex-start;gap:8px;min-width:0;display:inline-flex}.song-title-badges{flex-wrap:wrap;flex:0 auto;align-items:center;gap:8px;display:inline-flex}.song-title-toggle[aria-expanded=false]{align-items:center}.song-title-toggle[aria-expanded=false] .song-title-stack{align-items:baseline;gap:12px;display:flex}.song-title-toggle[aria-expanded=false] .song-title{text-overflow:ellipsis;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}.song-title-support:empty,.song-editor-body[hidden],.song-title-actions[hidden]{display:none}.song-edit-workspace{border:1px solid var(--border);background:var(--bg-panel-raised);border-radius:12px;overflow:hidden}.pill{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-weight:700;display:inline-block}.pill-ok{background:var(--ready-dim);color:var(--ready)}.pill-warn{background:var(--warn-dim);color:var(--warn)}.pill-danger{background:var(--danger-dim);color:var(--danger)}.pill-neutral{color:var(--text-dim);background:#2a2a33}.pill-toggle{border:1px solid var(--border);font:inherit;cursor:pointer;align-items:center;gap:4px;transition:filter .1s;display:inline-flex}.pill-toggle:active{filter:brightness(.85)}.band-filter-bar .pill-toggle.is-active{background:var(--accent);border-color:var(--accent);color:#0a0a0d}.pill-toggle-icon{opacity:.75;font-size:.9em}input[type=text],input[type=number],select{background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text);font-size:var(--text-base);border-radius:8px;min-height:44px;padding:10px 12px}label{font-size:var(--text-md);color:var(--text-dim);margin-bottom:4px;display:block}.song-search-input{width:100%;display:block}.field{margin-bottom:12px}.text-dim{color:var(--text-dim)}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}.text-ready{color:var(--ready)}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.checklist-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.checklist-item input[type=checkbox]{width:26px;height:26px;accent-color:var(--ready);flex-shrink:0;margin-top:2px}.modal-backdrop{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{margin-top:0}.modal-wide{max-width:640px}.performance{color:#fff;background:#000;flex-direction:column;flex:1;min-height:0;padding:12px 16px 16px;display:flex}.icon-chip{align-items:center;gap:6px;display:inline-flex}.lead-in-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lead-in-option{border:1px solid var(--border);background:var(--bg-panel);min-height:44px;color:var(--text);font-size:var(--text-sm);cursor:pointer;font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;padding:8px 0;font-weight:700}.lead-in-option:hover{filter:brightness(1.2)}.lead-in-option.is-selected{background:var(--warn-dim);color:var(--warn);border-color:#d9a25c73}.performance-grid{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:18px;width:100%;min-width:0;max-width:100%;min-height:0;display:grid}.performance-grid-resizable{--setlist-panel-width:39%;grid-template-columns:minmax(0, calc(100% - var(--setlist-panel-width) - 18px)) 18px minmax(0, var(--setlist-panel-width));gap:0}.performance-splitter{cursor:col-resize;touch-action:none;outline:none;min-width:18px;position:relative}.performance-splitter:before{content:"";background:color-mix(in srgb, var(--border) 72%, var(--accent));border-radius:999px;transition:background .12s,box-shadow .12s,top .12s,bottom .12s,left .12s,right .12s;position:absolute;top:0;bottom:0;left:7px;right:7px}.performance-splitter:after{content:"";background:color-mix(in srgb, var(--text-muted) 72%, var(--accent));opacity:.7;border-radius:999px;width:5px;height:52px;transition:background .12s,opacity .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.performance-splitter:hover:before,.performance-grid.is-resizing .performance-splitter:before{background:var(--accent);top:0;bottom:0;left:5px;right:5px;box-shadow:0 0 0 2px #7e94d52e}.performance-splitter:focus-visible:before{background:var(--accent);top:0;bottom:0;left:5px;right:5px;box-shadow:0 0 0 2px #7e94d52e}.performance-splitter:hover:after,.performance-grid.is-resizing .performance-splitter:after{background:var(--on-accent);opacity:1;transform:translate(-50%,-50%)scaleY(1.15)}.performance-splitter:focus-visible:after{background:var(--on-accent);opacity:1;transform:translate(-50%,-50%)scaleY(1.15)}body.is-resizing-performance,body.is-resizing-performance *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.performance-col{min-width:0;max-width:100%;min-height:0}.now-playing{flex-direction:column;gap:8px;min-width:0;max-width:100%;min-height:0;display:flex}.status-flag{text-align:center;font-size:var(--text-base);letter-spacing:.08em;border-radius:10px;padding:8px;font-weight:800}.status-flag.flag-error{background:var(--danger-dim);color:var(--danger)}.status-flag.flag-ended{background:var(--warn-dim);color:var(--accent)}.current-song-title{text-align:center;font-size:calc(clamp(2.55rem, 4.5vw, 4rem) * var(--title-fit-scale,1));letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:10px 0 2px;font-weight:800;line-height:.96;overflow:hidden}.spotify-player-top-copy{text-align:center;grid-column:2;min-width:0}.current-song-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;display:grid;position:relative}.player-hamburger-btn{border:1px solid var(--border);background:var(--bg-panel-raised-alt);border-radius:10px;justify-self:start;width:44px;height:44px}.player-hamburger-btn:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--bg-panel-raised);outline:none}.player-hamburger-btn:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--bg-panel-raised);outline:none}.current-song-edit-btn{border:1px solid var(--border);background:var(--bg-panel-raised-alt);width:44px;height:44px;color:var(--text-dim);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex}.current-song-edit-btn:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));color:var(--text);outline:none}.current-song-edit-btn:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));color:var(--text);outline:none}.current-song-edit-btn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel))}.current-song-edit-btn:disabled{visibility:hidden}.current-song-edit-btn-wide{justify-self:end;position:relative}.setlist-song-edit-btn{z-index:2;flex:none;width:36px;height:36px;display:inline-flex;position:relative}.setlist-subrows-toggle-btn{z-index:2;border:1px solid var(--border);background:var(--bg-panel-raised-alt);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.setlist-subrows-toggle-btn:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));color:var(--text);outline:none}.setlist-subrows-toggle-btn:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));color:var(--text);outline:none}.progress-wrap{margin:0}.progress-track{cursor:default;border:1px solid #ffffff38;border-radius:999px;height:64px;position:relative;overflow:hidden}.progress-track.is-scrubbable{cursor:pointer}.progress-waveform-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.progress-sections{gap:3px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.progress-section{background:#ffffff0f;border-radius:0;flex:0 auto;height:100%;position:relative;overflow:hidden}.progress-section:first-child{border-radius:999px 0 0 999px}.progress-section:last-child{border-radius:0 999px 999px 0}.progress-section:first-child:last-child{border-radius:999px}.progress-section.is-odd{background:#ffffff1c}.progress-section.is-current{background:color-mix(in srgb, var(--accent) 42%, var(--bg-panel-raised));border:1px solid color-mix(in srgb, var(--gold) 82%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent), inset 0 1px 0 #ffffff1a;flex-grow:1;min-width:56px}.progress-section-fill{background:color-mix(in srgb, var(--accent) 60%, transparent);width:0%;transition:width .15s linear;position:absolute;top:0;bottom:0;left:0;right:0}.progress-section.is-current .progress-section-fill{top:1px;bottom:1px;left:1px;right:1px}.progress-section:first-child .progress-section-fill,.progress-section:first-child .progress-section-countin-fill{border-radius:999px 0 0 999px}.progress-section:last-child .progress-section-fill,.progress-section:last-child .progress-section-countin-fill{border-radius:0 999px 999px 0}.progress-section:first-child:last-child .progress-section-fill,.progress-section:first-child:last-child .progress-section-countin-fill{border-radius:999px}.progress-section-countin-fill{background:color-mix(in srgb, var(--mb-downbeat) 88%, transparent);width:0%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mb-downbeat) 38%, transparent), 0 0 10px color-mix(in srgb, var(--mb-downbeat) 22%, transparent);z-index:0;transition:width .15s linear;position:absolute;top:0;bottom:0;left:0}.progress-section.is-current .progress-section-countin-fill{top:2px;bottom:2px}.progress-tick-label{z-index:1;letter-spacing:.03em;white-space:nowrap;text-overflow:clip;text-transform:uppercase;width:100%;height:100%;color:var(--text);pointer-events:none;justify-content:center;align-items:center;padding-inline-start:12px;padding-inline-end:12px;font-size:clamp(.85rem,2.2vw,1.3rem);font-weight:800;display:flex;position:relative;overflow:hidden}.progress-tick-label.is-active{color:#fff;text-shadow:0 1px 3px #0009}.progress-section.is-pending-target{border-color:color-mix(in srgb, var(--accent) 82%, #a9c2ff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.progress-section.is-pending-target:after{content:"";border-radius:inherit;border:1px solid color-mix(in srgb, var(--accent) 64%, transparent);pointer-events:none;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.progress-section.is-pending-target .progress-tick-label{color:color-mix(in srgb, #fff 88%, var(--accent));text-shadow:0 1px 3px #00000080}.progress-section.is-pending-target .progress-tick-label.is-pending-target:after{content:"Queued";background:color-mix(in srgb, var(--accent) 22%, var(--bg-panel));color:color-mix(in srgb, #fff 78%, var(--accent));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;z-index:2;border-radius:999px;padding:3px 8px;font-size:.6rem;font-weight:800;line-height:1;position:absolute;top:3px;left:50%;transform:translate(-50%,-100%)}.time-row{font-variant-numeric:tabular-nums;font-size:var(--text-lg);color:var(--text-dim);justify-content:space-between;margin-top:8px;padding:0 10px;font-weight:700;display:flex}.setlist-marker-list{border-left:1px solid color-mix(in srgb, var(--ready) 28%, var(--border));flex-direction:column;gap:4px;margin:8px 0 12px 22px;padding-left:16px;display:flex}.setlist-marker-row{cursor:default;text-align:left;width:100%;min-height:42px;font:inherit;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.setlist-panel-scroll.markers-interactive .setlist-marker-row{cursor:pointer}.setlist-marker-fill{background:color-mix(in srgb, var(--accent) 60%, transparent);z-index:0;width:0%;position:absolute;top:0;bottom:0;left:0;right:0}.setlist-marker-row.is-pending .setlist-marker-fill,.setlist-marker-row.is-counting-in .setlist-marker-fill{background:color-mix(in srgb, var(--mb-downbeat) 82%, transparent)}.setlist-marker-time,.setlist-marker-main,.setlist-marker-name,.setlist-marker-duration,.setlist-marker-pending-tag{z-index:1;text-shadow:0 1px 3px #000000b3;position:relative}.setlist-marker-time{font-variant-numeric:tabular-nums;font-size:var(--text-sm);opacity:.64;flex-shrink:0;width:40px}.setlist-marker-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;line-height:1.15;overflow:hidden}.setlist-marker-main{flex:auto;align-items:center;gap:0;min-width:0;display:flex}.setlist-marker-duration{min-width:46px;color:color-mix(in srgb, var(--text-dim) 78%, transparent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none;font-weight:800;line-height:1}.setlist-marker-pending-tag{font-size:var(--text-2xs);letter-spacing:.04em;background:var(--warn-dim);color:var(--warn);border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-weight:800;display:none}.setlist-marker-loop-tag{width:18px;height:18px;color:var(--warn);flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;display:none}.setlist-marker-loop-tag svg{width:100%;height:100%}.setlist-marker-row.is-loop-target .setlist-marker-loop-tag{display:inline-flex}.setlist-marker-loop-tag+.setlist-marker-pending-tag{margin-left:6px}.setlist-marker-row.is-active{border-color:var(--gold);color:var(--text)}.setlist-marker-row.is-selected{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.setlist-marker-row.is-selected .setlist-marker-time{color:var(--accent);opacity:1}.setlist-marker-row.is-active .setlist-marker-duration{color:color-mix(in srgb, var(--gold) 80%, var(--text))}.setlist-marker-row.is-active .setlist-marker-time{color:var(--gold);opacity:1}.setlist-marker-row.is-pending{background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn);border-color:#d9a25c80}.setlist-marker-row.is-pending .setlist-marker-time{color:var(--warn);opacity:1}.setlist-marker-row.is-pending .setlist-marker-duration{color:color-mix(in srgb, var(--warn) 78%, var(--text))}.setlist-marker-row.is-pending .setlist-marker-pending-tag{display:inline-block}.transport-cluster{--transport-count:3;--transport-gap:16px;gap:var(--transport-gap);flex:1;justify-content:center;align-items:center;min-height:0;margin-top:4px;display:flex;container:transport-row/size}.transport-cluster.standalone-sizing{flex:none;height:240px}.btn-transport{cursor:pointer;width:max(min(calc((100cqw - (var(--transport-count) - 1) * var(--transport-gap)) / var(--transport-count)), 100cqh), 72px);height:max(min(calc((100cqw - (var(--transport-count) - 1) * var(--transport-gap)) / var(--transport-count)), 100cqh), 72px);border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2cqh;font-weight:800;display:flex;container:transport-btn/size}.btn-transport:disabled{opacity:.5;cursor:default}.btn-transport-icon{justify-content:center;align-items:center;display:flex}.btn-transport-icon-svg{width:clamp(2.2rem,46cqmin,6.5rem);height:clamp(2.2rem,46cqmin,6.5rem);display:block}.btn-transport-label{letter-spacing:.03em;font-size:clamp(.65rem,11cqmin,1.3rem)}.btn-transport-play{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 1px #7c8fd180, 0 10px 30px var(--accent-glow)}.btn-transport-stop{background:var(--danger);color:#2a0000}.btn-transport-loop{background:var(--bg-panel-raised-alt);color:var(--text-dim);border:1px solid var(--border)}.btn-transport-loop.is-active{background:var(--gold);color:#2a1c00;border-color:var(--gold)}.notes-panel{--notes-outline:color-mix(in srgb, var(--gold) 68%, transparent);--note-text-font-size:18px;--note-text-line-height:1.55;--note-sheet-font-size:16px;--note-sheet-cell-min-width:54px;--note-sheet-cell-height:34px;--note-sheet-cell-padding-y:6px;--note-sheet-cell-padding-x:9px;--note-sheet-preview-font-size:12px;flex-direction:column;flex:1;gap:8px;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}#notes-panel-wide{flex:auto;height:auto;min-height:0;max-height:none;overflow:visible}.notes-content-split{flex-direction:column;flex:1;gap:14px;min-width:0;min-height:0;display:flex}.notes-pane-a{background:color-mix(in srgb, var(--bg-panel-raised) 96%, var(--bg-panel) 4%);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:12px;flex-direction:column;flex:auto;gap:8px;min-width:0;min-height:0;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0000002e}.notes-pane-a>.notes-textarea-shell,.notes-pane-a>.notes-sheet-shell{flex:auto;min-height:0}.notes-resize-handle{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;height:20px;margin:0;display:flex;position:relative}.notes-resize-handle:before{content:"";background:color-mix(in srgb, var(--border) 50%, var(--accent));width:92px;height:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 10%, transparent);opacity:1;border-radius:999px;transition:width .12s,background-color .12s,opacity .12s,box-shadow .12s}.notes-resize-handle:hover:before,.notes-panel.is-resizing-notes .notes-resize-handle:before{background:color-mix(in srgb, var(--accent) 84%, var(--gold));opacity:1;width:124px;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 32%, transparent), 0 0 18px color-mix(in srgb, var(--gold) 14%, transparent)}.notes-panel.is-side-by-side .notes-content-split{flex-direction:row;gap:4px}.notes-panel.is-side-by-side .notes-pane-a{min-width:0}.notes-panel.is-side-by-side .notes-resize-handle{cursor:col-resize;width:12px;height:auto}.notes-panel.is-side-by-side .notes-resize-handle:before{width:6px;height:92px}.notes-panel.is-side-by-side .notes-resize-handle:hover:before,.notes-panel.is-side-by-side.is-resizing-notes .notes-resize-handle:before{width:6px;height:124px}.notes-panel.is-side-by-side .notes-pane-b{flex:0 0 var(--notes-preview-width,38%);background:color-mix(in srgb, var(--bg-panel-raised) 94%, var(--accent) 4%);border-color:color-mix(in srgb, var(--border) 78%, transparent);min-width:0}.player-icon-btn{border:1px solid var(--border);background:var(--bg-panel);width:44px;height:44px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.player-icon-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));outline:none}.player-icon-btn:focus-visible{color:var(--text);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));outline:none}.player-icon-btn.is-active,.player-icon-btn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel))}.player-icon-btn:disabled{opacity:.5;cursor:default}.notes-layout-menu-wrap{flex:none;position:relative}.notes-layout-menu{left:auto;right:0}.notes-layout-menu button.is-selected{background:color-mix(in srgb, var(--accent) 14%, var(--bg-panel-raised-alt));color:var(--accent)}.notes-layout-drawer{isolation:isolate}.notes-layout-drawer.is-open .notes-layout-drawer-sheet{animation:.19s cubic-bezier(.2,.8,.2,1) notes-layout-drawer-rise}.notes-layout-drawer-options{gap:14px}.notes-layout-drawer .notes-drawer-section,.notes-layout-drawer .player-header-menu-section{gap:8px;margin:0;padding:0;display:grid}.notes-drawer-section-label,.notes-layout-drawer .player-header-menu-section .text-dim{background:color-mix(in srgb, var(--accent) 16%, transparent);width:-moz-fit-content;width:fit-content;color:var(--text);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-weight:850;display:inline-flex}.notes-layout-drawer .player-header-menu-section .row{margin:0!important}.notes-layout-drawer .lead-in-picker-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.notes-layout-drawer .lead-in-option{color:#f7f7f9;background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;width:auto;min-height:52px;font-size:16px;font-weight:760}.notes-layout-drawer .lead-in-option.is-selected{border-color:color-mix(in srgb, var(--accent) 66%, var(--warn));background:color-mix(in srgb, var(--accent) 16%, #ffffff09);color:var(--accent)}@keyframes notes-layout-drawer-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notes-header-block{z-index:4;flex-direction:column;gap:8px;min-width:0;margin-bottom:-8px;display:flex;position:relative}.notes-header-block.has-open-menu{z-index:50}.notes-title-row{justify-content:space-between;align-items:center;min-width:0;min-height:44px}.notes-title-row-controls{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.notes-header-row{z-index:5;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;min-width:0;position:relative}.notes-panel-current{color:var(--gold);text-transform:none;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:320px;padding:0 10px 4px;font-size:clamp(1.48rem,1.9vw,1.78rem);font-weight:800;line-height:1.02;display:block;overflow:hidden}.notes-panel-current:before{content:none}.notes-tabs{z-index:1;flex:none;align-items:flex-end;gap:0;position:relative;overflow:visible}.notes-tab-swap-wrap{z-index:8;flex:none;align-items:flex-end;display:flex;position:relative}.notes-title-inline-tabs{display:none}.notes-tools{flex:none;justify-content:flex-end;align-self:center;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.note-format-row{align-items:center;gap:8px;display:flex}.note-format-row>span{color:var(--text-dim);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.note-format-switch{border:1px solid var(--border);background:var(--bg-panel);border-radius:7px;flex:none;padding:2px;display:inline-flex}.note-format-switch button{color:var(--text-dim);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 9px;font-weight:750}.note-format-switch button.is-selected{background:var(--accent);color:var(--on-accent)}.note-zoom-control{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-panel);border-radius:7px;flex:none;align-self:center;align-items:center;height:44px;display:inline-flex;overflow:hidden}.note-zoom-control button{width:44px;height:42px;color:var(--text);font:inherit;font-size:var(--text-md);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-weight:800;display:grid}.note-zoom-icon{display:block}.note-zoom-control button:hover:not(:disabled){background:var(--bg-panel-raised-alt);color:var(--accent)}.note-zoom-control button:focus-visible{background:var(--bg-panel-raised-alt);color:var(--accent)}.note-zoom-control button:disabled{color:var(--text-faint);cursor:default}.note-zoom-value{min-width:46px;color:var(--text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;font-weight:750}@media (max-width:1100px){.notes-panel .note-zoom-value{display:none}}.note-sheet-clear-btn{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px;font-weight:750}.note-sheet-clear-btn:hover{background:var(--danger-dim)}.note-sheet-paste-btn{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);font:inherit;font-size:var(--text-xs);cursor:pointer;border-radius:6px;padding:5px 9px;font-weight:750}.note-sheet-paste-btn:hover{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.note-sheet-text-btn{color:var(--accent);font:inherit;font-size:var(--text-xs);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.note-sheet-text-btn:hover{color:var(--text)}.note-empty-hint{color:var(--text-dim);white-space:nowrap;margin:8px 0 10px;display:block}.note-empty-hint-player{flex-wrap:wrap;align-items:center;gap:10px;max-width:none;padding:0 2px;display:flex;overflow:visible}.note-empty-hint-text{font:inherit;margin-right:4px}.note-empty-hint-player .note-empty-hint-text{color:var(--text-faint);font-size:var(--text-sm);margin-right:0;font-weight:600;line-height:1.3;display:inline}.note-empty-hint-edit-btn{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel));color:var(--accent);font:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:7px;flex:none;padding:6px 14px;font-weight:800}.note-empty-hint-edit-btn:hover{background:color-mix(in srgb, var(--accent) 20%, var(--bg-panel));border-color:var(--accent)}.note-paste-link{color:var(--accent);font:inherit;font-size:inherit;font-weight:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.note-sheet-clear-btn-player{flex:none;align-self:center;margin-left:0}.notes-tab{font:inherit;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--border);border-bottom-color:var(--notes-outline);background:var(--bg-panel);color:color-mix(in srgb, var(--text-dim) 86%, transparent);cursor:pointer;z-index:1;border-radius:8px 8px 0 0;min-width:0;margin-right:0;padding:8px 17px 9px;font-weight:720;position:relative}.notes-tab-label{min-width:0}.notes-tab.has-content:after,.pill-toggle.has-content:after{content:"";background:color-mix(in srgb, var(--gold) 64%, var(--accent));width:5px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent);vertical-align:middle;border-radius:999px;margin-left:6px;display:inline-block}.notes-tab.is-active.has-content:after,.pill-toggle.is-active.has-content:after{background:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 28%, transparent)}.notes-tab:last-child{border-top-right-radius:8px}.notes-tab:hover{color:var(--text)}.notes-tab-combo{z-index:2;border:1px solid var(--notes-outline);border-bottom-color:var(--bg-panel-raised);background:var(--bg-panel-raised);border-radius:8px 8px 0 0;flex:none;align-items:flex-end;margin-right:-1px;padding:0 10px 0 0;display:inline-flex;position:relative}.notes-tab-combo .notes-tab.is-active{border:0;border-color:var(--notes-outline);border-bottom-color:var(--bg-panel-raised);background:0 0;border-radius:0;margin-right:0;padding-right:14px}.notes-tab.is-active{background:var(--bg-panel-raised);color:var(--text);z-index:6;box-shadow:none;border-color:#0000;margin-right:0;position:relative}.notes-tab.is-active:before{content:"";border:1px solid var(--notes-outline);pointer-events:none;border-bottom:0;border-radius:8px 8px 0 0;position:absolute;top:0;bottom:0;left:0;right:0}.notes-tab-swap-chevron{border:1px solid var(--border);border-bottom-color:var(--notes-outline);background:var(--bg-panel);width:24px;color:color-mix(in srgb, var(--text-dim) 82%, transparent);cursor:pointer;border-left:0;border-radius:0 8px 0 0;justify-content:center;align-self:stretch;align-items:center;display:flex}.notes-tab-swap-chevron:hover,.notes-tab-swap-chevron.is-active{color:var(--accent)}.notes-tab-swap-wrap .notes-tab{border-top-right-radius:0}.notes-tab-swap-menu{z-index:40;top:calc(100% + 6px);left:0;right:auto}.notes-textarea{resize:none;min-width:0;min-height:120px;font-family:inherit;font-size:var(--note-text-font-size);line-height:var(--note-text-line-height);background:var(--bg-panel-raised);border:1px solid var(--notes-outline);border-radius:0 8px 8px;flex:1;margin-top:-1px;padding:22px 20px 24px;position:relative}.notes-textarea::placeholder{color:var(--text-dim);opacity:1;font-weight:750}.notes-textarea-shell,.notes-sheet-shell{background:var(--bg-panel-raised);border:1px solid var(--notes-outline);border-radius:0 8px 8px;flex-direction:column;flex:1;min-width:0;min-height:120px;margin-top:-1px;display:flex;position:relative;overflow:hidden}.notes-section-progress{background:color-mix(in srgb, var(--text-dim) 9%, var(--bg-panel-raised));border-top:1px solid color-mix(in srgb, var(--notes-outline) 34%, transparent);z-index:2;pointer-events:none;height:16px;position:absolute;bottom:0;left:0;right:0}.notes-section-progress-fill{background:color-mix(in srgb, var(--gold) 42%, var(--accent) 8%);z-index:1;width:100%;height:100%;transition:width .24s linear;position:absolute;bottom:0;right:0}.notes-section-preview-zone,.notes-section-preview-threshold{opacity:0;pointer-events:none;transition:opacity .16s,background .16s,box-shadow .16s;position:absolute;top:0;bottom:0}.notes-section-preview-zone{left:var(--notes-section-preview-zone-left,100%);width:var(--notes-section-preview-zone-width,0%);background:color-mix(in srgb, var(--text-dim) 24%, transparent);z-index:2}.notes-section-preview-threshold{left:var(--notes-section-preview-zone-left,100%);background:color-mix(in srgb, var(--text-dim) 70%, var(--bg-panel-raised));width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bg-panel-raised) 70%, transparent);z-index:3;transform:translate(-1px)}.notes-section-progress.has-preview-cue .notes-section-preview-zone{opacity:.55}.notes-section-progress.has-preview-cue .notes-section-preview-threshold{opacity:.9}.notes-section-progress.is-preview-warning .notes-section-preview-zone{background:color-mix(in srgb, var(--warn) 22%, transparent);opacity:.65}.notes-section-progress.is-preview-warning .notes-section-preview-threshold{background:color-mix(in srgb, var(--warn) 72%, var(--bg-panel-raised))}.notes-section-progress.is-preview-active .notes-section-preview-zone{background:color-mix(in srgb, var(--warn) 36%, transparent);opacity:.78}.notes-section-progress.is-preview-active .notes-section-preview-threshold{background:var(--warn);box-shadow:0 0 0 1px color-mix(in srgb, var(--bg-panel-raised) 72%, transparent), 0 0 8px color-mix(in srgb, var(--warn) 45%, transparent)}.notes-section-time{z-index:4;color:color-mix(in srgb, var(--text) 68%, transparent);font-variant-numeric:tabular-nums;text-shadow:0 1px 5px color-mix(in srgb, var(--bg-panel-raised) 78%, transparent);font-size:10px;font-weight:800;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.notes-section-time-elapsed{left:12px}.notes-section-time-remaining{right:12px}.notes-textarea-shell.is-empty .notes-textarea{padding-top:56px}.notes-textarea-shell.is-empty .note-empty-hint{z-index:1;margin:0;position:absolute;top:18px;left:20px;right:20px}.notes-textarea:focus{box-shadow:none;outline:none}.notes-textarea-shell .notes-textarea{background:0 0;border:0;border-radius:0;flex:1;margin-top:0}.notes-edit-toolbar{border-bottom:1px solid var(--notes-outline);background:color-mix(in srgb, var(--bg-panel-raised-alt) 55%, transparent);flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.note-toolbar-btn{border:1px solid var(--border);background:var(--bg-panel);min-height:36px;color:var(--text-dim);font:inherit;font-size:var(--text-xs);cursor:pointer;border-radius:7px;padding:6px 12px;font-weight:800}.note-mode-btn{align-items:center;gap:6px;display:inline-flex}.note-mode-btn span{color:var(--accent);font-size:.95em;line-height:1}.note-toolbar-btn:hover:not(:disabled){background:var(--bg-panel-raised-alt);color:var(--text);border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}.note-toolbar-btn:disabled{opacity:.45;cursor:default}.notes-edit-toolbar-clear{color:color-mix(in srgb, var(--warn) 85%, var(--text-dim))}.notes-edit-saved-indicator{color:var(--accent);font-size:var(--text-xs);opacity:0;pointer-events:none;align-items:center;gap:4px;margin-left:auto;padding:0 4px;font-weight:800;transition:opacity .4s;display:inline-flex}.notes-edit-saved-indicator.is-visible{opacity:1;transition:opacity 80ms}.notes-edit-toolbar-clear:hover:not(:disabled){background:color-mix(in srgb, var(--warn) 16%, var(--bg-panel-raised-alt));color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.note-toolbar-local{min-height:36px;color:var(--text-faint);font-size:var(--text-xs);cursor:default;align-items:center;padding:6px 12px;font-weight:800;display:inline-flex}.notes-sheet-wrap{flex:1;width:100%;min-width:0;max-width:100%;min-height:120px;padding:16px 14px 24px;position:relative;overflow:auto}.note-sheet-editor:focus{outline:2px solid var(--accent-glow);outline-offset:1px}.note-sheet-editor.is-readonly{cursor:default}.note-sheet-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;color:var(--text);font-size:var(--note-sheet-font-size);border:1px solid color-mix(in srgb, var(--text-dim) 62%, transparent)}.note-sheet-table td{min-width:var(--note-sheet-cell-min-width);height:var(--note-sheet-cell-height);padding:var(--note-sheet-cell-padding-y) var(--note-sheet-cell-padding-x);border:1px solid color-mix(in srgb, var(--text-dim) 62%, transparent);background:color-mix(in srgb, var(--bg-panel-raised-alt) 52%, transparent);text-align:left;vertical-align:middle;white-space:pre-wrap;line-height:1.25}.note-sheet-table td.is-bold{font-weight:800}.note-sheet-table td[data-align=center]{text-align:center}.note-sheet-table td[data-align=right]{text-align:right}.note-sheet-table td[contenteditable=true]{cursor:text}.note-sheet-table td[contenteditable=true]:focus{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel-raised-alt));position:relative}.note-sheet-empty{border:1px dashed var(--border);min-height:110px;color:var(--text-dim);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.note-sheet-empty .note-sheet-text-btn{margin-top:4px}.note-sheet-empty strong{color:var(--text)}.note-sheet-empty span{font-size:var(--text-sm)}@media (max-width:680px),(orientation:portrait){#notes-panel-compact .notes-panel-current{flex:0 auto;max-width:clamp(72px,28vw,150px);padding:0 8px 9px 4px;font-size:clamp(.98rem,4vw,1.22rem);line-height:1}#notes-panel-compact .notes-panel-current:before,#notes-panel-compact .notes-title-row-controls{display:none}#notes-panel-compact .notes-title-inline-tabs{flex-wrap:nowrap;flex:0 auto;align-items:flex-end;min-width:0;margin-left:-1px;display:inline-flex}#notes-panel-compact .notes-header-row{display:none}#notes-panel-compact .notes-header-block{gap:0}#notes-panel-compact .notes-title-row{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;gap:0;min-height:42px}#notes-panel-compact .notes-tabs-shell{gap:0}#notes-panel-compact .notes-tab{min-width:0;max-width:clamp(68px,23vw,110px);min-height:38px;font-size:var(--text-xs);justify-content:center;align-items:center;padding:4px 9px;display:inline-flex}#notes-panel-compact .notes-tab .notes-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}#notes-panel-compact .note-format-switch-player{margin-left:4px}#notes-panel-compact .note-format-switch button{padding-inline-start:6px;padding-inline-end:6px}}@media (max-width:340px){#notes-panel-compact .notes-panel-current{max-width:clamp(58px,30vw,96px);padding-right:6px}#notes-panel-compact .notes-tab{max-width:clamp(72px,34vw,116px)}#notes-panel-compact .notes-title-inline-tabs>.notes-tab:not(.is-active),#notes-panel-compact .notes-title-inline-tabs .notes-tab-swap-wrap .notes-tab:not(.is-active){color:#0000;pointer-events:none;visibility:hidden;border-width:0;width:0;min-width:0;max-width:0;margin:0;padding:0;overflow:hidden}}#notes-panel-compact .notes-title-inline-tabs.is-tab-collapsed>.notes-tab:not(.is-active),#notes-panel-compact .notes-title-inline-tabs.is-tab-collapsed .notes-tab-swap-wrap .notes-tab:not(.is-active){color:#0000;pointer-events:none;visibility:hidden;border-width:0;width:0;min-width:0;max-width:0;margin:0;padding:0;overflow:hidden}#notes-panel-compact .notes-title-inline-tabs.is-tab-collapsed .notes-tab-swap-wrap:has(.notes-tab.is-active){flex:auto;min-width:0}#notes-panel-compact .notes-title-inline-tabs.is-tab-collapsed .notes-tab-swap-wrap .notes-tab.is-active{flex:auto}#notes-panel-compact.is-side-by-side .notes-pane-b .notes-title-inline-tabs>.notes-tab:not(.is-active),#notes-panel-compact.is-side-by-side .notes-pane-b .notes-title-inline-tabs .notes-tab-swap-wrap .notes-tab:not(.is-active){color:#0000;pointer-events:none;visibility:hidden;border-width:0;width:0;min-width:0;max-width:0;margin:0;padding:0;overflow:hidden}.notes-pane-b{flex:0 0 var(--notes-preview-height,28%);background:color-mix(in srgb, var(--bg-panel-raised) 96%, var(--bg-panel) 4%);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:12px;flex-direction:column;gap:8px;min-height:0;margin-top:0;margin-bottom:0;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0000002e}.notes-pane-b-empty{flex:auto;justify-content:center;align-items:center;margin:0;padding:20px;display:flex}.notes-tabs-compact{gap:0}.notes-pane-timing-toggle{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:999px;flex-shrink:0;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.notes-timing-btn{color:var(--text-dim);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:28px;padding:5px 10px;font-weight:800}.notes-timing-btn.is-selected{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.notes-timing-btn:hover:not(.is-selected){color:var(--text)}.setlist-notes-view-toggle{gap:6px;padding:8px 16px 0;display:none}.offline-indicator{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-ready{background:var(--ready)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.beat-strip{align-items:center;gap:10px;min-width:0;display:flex}.beat-strip-main{border-radius:0;flex:none;max-width:min(100%,520px);min-height:58px;padding:0;position:relative}.beat-strip-main.is-empty{display:none}#metronome-visual-wrap{flex:auto;min-width:0;min-height:0;display:flex}#metronome-visual-wrap.is-empty{flex:0}.metronome-visual-wrap-compact{flex:none;justify-content:center;min-width:auto;height:58px}.metronome-visual-wrap-compact.is-empty{width:0;height:0;overflow:hidden}.metronome-visual-wrap-compact .metronome-visual{flex:none;gap:10px;width:auto;height:100%}.metronome-visual-wrap-compact .beat-pill{width:58px;height:58px}.metronome-visual{flex:none;justify-content:center;align-items:center;gap:10px;width:auto;min-height:0;display:flex}.beat-pill{--beat-pulse-idle-scale:1;--beat-pulse-scale:var(--beat-pulse-idle-scale);--beat-pulse-color:var(--bg-panel-raised-alt);--beat-pulse-glow:none;border:1px solid color-mix(in srgb, var(--gold) 28%, var(--border));background:var(--beat-pulse-color);width:58px;height:58px;box-shadow:inset 0 1px 0 #ffffff05, inset 0 0 0 1px #d9a25c0a, var(--beat-pulse-glow);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.beat-pill:after,.beat-pill:before{display:none}.beat-pill-label{z-index:1;color:color-mix(in srgb, var(--gold) 34%, var(--text-dim));pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 10px #00000059;font-size:1rem;font-weight:800;position:absolute}.beat-pill-label.is-active{color:var(--text);text-shadow:0 1px 12px #00000080}.beat-pill:has(.beat-pill-label.is-active){border-color:color-mix(in srgb, var(--beat-pulse-color) 55%, white)}.beat-pill.beat-accent{border-color:color-mix(in srgb, var(--gold) 52%, var(--border));box-shadow:inset 0 1px 0 #ffffff05, inset 0 0 0 1px #d9a25c14, var(--beat-pulse-glow)}.visual-row{flex:2.4;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex;container:visual-row/size}.visual-row .beat-pill{width:max(min(80cqh,20cqw),58px);height:max(min(80cqh,20cqw),58px)}.visual-row .beat-pill-label{font-size:max(min(5.5cqh,2.4cqw),1rem)}.metronome-settings-fab{border:1px solid var(--border);background:var(--bg-panel-raised);width:44px;height:44px;color:var(--text-dim);cursor:pointer;border-radius:999px;justify-content:center;align-self:center;align-items:center;display:none}.metronome-settings-fab:hover{color:var(--text);border-color:var(--accent)}.metronome-settings-fab:focus-visible{color:var(--text);border-color:var(--accent)}.metronome-settings-scrim{z-index:30;background:#0000008c;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.metronome-settings-scrim.is-visible{display:block}.metronome-settings-close{border:1px solid var(--border);background:var(--bg-panel-raised);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:999px;font-size:1.4rem;line-height:1;display:none;position:absolute;top:12px;right:12px}.metronome-hero-card{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.metronome-toggle-btn{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent);width:128px;height:128px;color:var(--on-accent);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:6px;display:flex}.metronome-toggle-btn.is-running{background:var(--bg-panel-raised);color:var(--text);border-color:var(--border)}.metronome-toggle-btn .btn-transport-icon{width:40px;height:40px;display:flex}.metronome-toggle-label{font-size:var(--text-sm);letter-spacing:.05em;font-weight:800}.metronome-bottom-bar{flex:none;justify-content:center;align-items:center;padding:12px 0 4px;display:flex}.bpm-display{text-align:center;font-size:var(--text-display);text-wrap:balance;margin:8px 0 0;font-weight:800}.bpm-range{-webkit-appearance:none;appearance:none;background:linear-gradient(var(--accent), var(--accent)) 0 / var(--bpm-fill,50%) 100% no-repeat, #1c1c24;border-radius:999px;outline:none;width:100%;height:28px;margin:0}.bpm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:28px;height:28px}.bpm-range::-moz-range-thumb{border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:28px;height:28px}.bpm-range::-moz-range-track{background:0 0;border-radius:999px;height:28px}.metro-settings-card{border:1px solid var(--border);border-radius:10px;padding:12px}.metro-settings-card h3{font-size:var(--text-md);margin:0 0 10px;font-weight:700}.setlist-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.setlist-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 12px;display:flex;position:relative}.setlist-picker-trigger{max-width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;margin:-4px -7px 0;padding:4px 7px;display:inline-flex}.setlist-picker-trigger:hover,.setlist-picker-trigger[aria-expanded=true]{background:var(--bg-panel-raised-alt)}.setlist-picker-trigger svg{color:var(--text-dim);flex:none;transition:transform .12s}.setlist-picker-trigger[aria-expanded=true] svg{color:var(--accent);transform:rotate(180deg)}.player-header-menu{z-index:30;border:1px solid var(--text-dim);background:var(--bg-panel-raised);min-width:230px;max-width:min(360px,100vw - 32px);box-shadow:0 16px 36px #0000008c, 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:10px;padding:7px;position:absolute;top:calc(100% - 5px)}.player-header-menu[hidden]{display:none}.setlist-picker-menu{left:14px}.player-header-menu button{width:100%;min-height:44px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;padding:10px 12px}.player-header-menu>button{border-bottom:1px solid color-mix(in srgb, var(--text-dim) 45%, transparent)}.player-header-menu>button:last-child{border-bottom:0}.player-header-menu button:hover{background:var(--bg-panel-raised-alt);outline:none}.player-header-menu button:focus-visible{background:var(--bg-panel-raised-alt);outline:none}.notes-tab-swap-menu button{justify-content:space-between;align-items:center;display:flex}.notes-tab-swap-menu button.has-content:after{content:"";background:color-mix(in srgb, var(--accent) 72%, #b7c5ff);width:6px;height:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;flex-shrink:0}.player-header-menu button:disabled{color:var(--text-faint);cursor:not-allowed}.setlist-picker-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:10px 12px;display:grid}.setlist-picker-option span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.setlist-picker-option small{color:var(--text-dim);grid-column:1}.setlist-picker-option strong{color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;grid-area:1/2/span 2}.setlist-picker-option.is-selected{background:color-mix(in srgb, var(--accent) 14%, var(--bg-panel-raised-alt))}.setlist-picker-manage{color:var(--text);font-size:var(--text-md);margin-top:6px;padding:11px 12px;font-weight:750;display:block;border-top:1px solid color-mix(in srgb, var(--text-dim) 45%, transparent)!important}.setlist-picker-drawer{isolation:isolate}.setlist-picker-drawer.is-open .setlist-picker-drawer-sheet{animation:.19s cubic-bezier(.2,.8,.2,1) notes-layout-drawer-rise}.setlist-picker-drawer-options{gap:9px}.setlist-picker-drawer .setlist-picker-option{color:#f7f7f9;width:100%;min-height:58px;font:inherit;text-align:left;background:#ffffff09;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:12px 14px;border:1px solid #ffffff14!important}.setlist-picker-drawer .setlist-picker-option:hover{background:#ffffff0f;outline:none;border-color:color-mix(in srgb, var(--accent) 44%, #ffffff14)!important}.setlist-picker-drawer .setlist-picker-option:focus-visible{background:#ffffff0f;outline:none;border-color:color-mix(in srgb, var(--accent) 44%, #ffffff14)!important}.setlist-picker-drawer .setlist-picker-option.is-selected{color:#fff;background:#ff2d2d24;border-color:#ff2d2db8!important}.setlist-picker-drawer .setlist-picker-option:disabled{color:var(--text-faint);cursor:not-allowed;background:#ffffff06;border-color:#ffffff0e!important}.player-header-menu-empty{color:var(--text-dim);margin:0;padding:10px 12px}.player-header-menu-divider{border-top:1px solid var(--border);margin:4px 0}.click-sound-menu{right:0}.click-sound-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:10px 12px;display:grid}.click-sound-option span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.click-sound-option small{color:var(--text-dim);text-align:right;white-space:nowrap}.click-sound-option.is-selected{background:color-mix(in srgb, var(--accent) 14%, var(--bg-panel-raised-alt))}.click-sound-menu [data-action=manage-click-presets]{border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--text-sm);border-radius:0 0 7px 7px;margin-top:4px;padding:10px 12px}.player-header-menu-section{margin-top:6px;padding:10px 12px 6px}.player-header-menu-section .text-dim{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:3px 8px;font-weight:800;display:inline-block}.player-header-menu .lead-in-option{text-align:center;border:1px solid var(--border);background:var(--bg-panel-raised-alt);width:auto}.player-header-menu .lead-in-option:hover{background:var(--bg-panel-raised-alt);filter:brightness(1.25)}.player-header-menu .lead-in-option.is-selected{background:var(--warn-dim);border-color:#d9a25c73}.player-header-menu-section .lead-in-picker-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.transport-row-compact{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:none}.transport-and-beats-row-compact,.click-widget-settings-btn{display:none}.transport-row-standalone{border-bottom:none;flex:none;justify-content:center;align-items:center;gap:10px;padding:0;display:flex}.transport-and-beats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2vw,24px);padding:4px 0 2px}.btn-transport-compact{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.btn-transport-compact:disabled{opacity:.5;cursor:default}.beat-strip-edit-btn{border-radius:12px;flex:none;width:44px;height:44px}.btn-transport-compact-icon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.btn-transport-compact-icon .btn-transport-icon-svg{width:22px;height:22px}.play-pause-countin-digit{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1}.setlist-panel-now-badge .play-pause-countin-digit{font-size:15px}.btn-transport-beat-flash{border-radius:inherit;pointer-events:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.btn-transport-beat-flash.is-active{opacity:1;background:var(--gold)}.btn-transport-compact:disabled:has(.btn-transport-beat-flash.is-active){opacity:1}.btn-transport-compact-play{background:var(--accent);color:var(--on-accent)}.btn-transport-compact-play.is-counting-in{background:var(--gold);color:#2a1c00}.btn-transport-compact-secondary{background:var(--bg-panel-raised-alt);color:var(--text-dim);border:1px solid var(--border)}.btn-transport-compact-loop.is-active{background:var(--gold);color:#2a1c00;border-color:var(--gold)}.btn-transport-compact-loop{flex-direction:column;gap:4px}.btn-transport-compact-loop .btn-transport-compact-icon .btn-transport-icon-svg{width:18px;height:18px}.btn-transport-compact-loop-mode-label{letter-spacing:.03em;text-transform:uppercase;color:currentColor;font-size:8px;font-weight:800;line-height:1}.btn-transport-compact-loop-mode-label:empty{display:none}.practice-speed-readout{color:var(--text);font-weight:700}.practice-speed-slider{display:block}.player-header-menu .practice-speed-step-btn{border:1px solid var(--border);background:var(--bg-panel-raised-alt);width:auto;min-width:32px;min-height:22px;color:var(--text);font-size:var(--text-xs);cursor:pointer;text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-weight:700}.player-header-menu .practice-speed-step-btn:hover{filter:brightness(1.2);outline:none}.player-header-menu .practice-speed-step-btn:focus-visible{filter:brightness(1.2);outline:none}.player-header-menu .practice-speed-step-btn:active{filter:brightness(.85)}.practice-speed-hint{color:var(--text-dim);margin:0}.setlist-panel-header-text{flex:auto;min-width:0}.setlist-panel-header #setlist-panel-title{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.setlist-editor-card.is-route-target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.setlist-panel-header .setlist-panel-meta{color:var(--text-dim);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}#header-beat-visual-wrap{flex:none;height:52px;display:none}.beat-strip-header{border-radius:16px;gap:10px;min-height:0;padding:8px 12px 8px 14px;display:none}.header-beat-visual{align-items:center;gap:6px;height:100%;display:flex}.header-beat-visual .beat-pill{width:48px;height:48px}.header-beat-visual .beat-pill-label{font-size:var(--text-base)}.setlist-panel-scroll{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow-y:auto}.setlist-panel-row{cursor:pointer;text-align:left;width:100%;min-height:54px;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden}.setlist-panel-fill{background:color-mix(in srgb, var(--accent) 60%, transparent);z-index:0;width:0%;position:absolute;top:0;bottom:0;left:0;right:0}.setlist-panel-row .setlist-panel-num{z-index:1;text-align:center;width:22px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-md);flex-shrink:0;position:relative}.setlist-panel-row .setlist-panel-info{z-index:1;flex:1;min-width:0;position:relative}.setlist-panel-row .setlist-panel-name{font-weight:600;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.setlist-panel-row .setlist-panel-tag{font-size:var(--text-xs);color:var(--text-dim);margin-left:4px}.setlist-panel-row:has(.setlist-panel-fill) .setlist-panel-name{text-shadow:0 1px 3px #000000b3}.setlist-panel-row:has(.setlist-panel-fill) .setlist-panel-tag{text-shadow:0 1px 3px #000000b3}.setlist-panel-row:has(.setlist-panel-fill) .setlist-panel-num{text-shadow:0 1px 3px #000000b3}.setlist-panel-row.is-current{background:linear-gradient(180deg, color-mix(in srgb, var(--ready-dim) 88%, transparent), color-mix(in srgb, var(--bg-panel-raised) 90%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ready) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--ready) 8%, transparent);border-color:#7c8fd180}.setlist-panel-row.is-current .setlist-panel-num,.setlist-panel-row.is-current .setlist-panel-name{color:color-mix(in srgb, var(--ready) 88%, var(--text))}.setlist-panel-row.is-played .setlist-panel-name,.setlist-panel-row.is-played .setlist-panel-num{color:#686b78}.setlist-panel-row.has-error{border-color:#ff4d4d66}.setlist-panel-now-badge{background:linear-gradient(180deg, color-mix(in srgb, var(--ready) 96%, white), color-mix(in srgb, var(--ready) 78%, var(--accent)));width:36px;height:36px;color:var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ready) 24%, transparent);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.setlist-panel-now-badge .btn-transport-icon-svg{width:13px;height:13px}.setlist-panel-now-badge.is-counting-in{background:var(--gold);color:#2a1c00;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent)}.setlist-panel-now-badge:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--ready) 45%, transparent);outline:none}.setlist-panel-now-badge:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ready) 45%, transparent);outline:none}.setlist-panel-now-badge:active{transform:scale(.94)}@media (max-width:899px),(orientation:portrait){.performance-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:8px;height:calc(100vh - 140px)}.performance-splitter{display:none}.now-playing{min-height:0}.current-song-edit-btn-wide{display:none}.setlist-song-edit-btn{display:flex}.transport-and-beats-row-compact{background:color-mix(in srgb, var(--bg-panel-raised) 65%, transparent);border-radius:0 0 16px 16px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;padding:12px 16px;display:flex;position:relative}.transport-and-beats-row-compact .beat-strip-header{display:none!important}.transport-and-beats-row-compact{justify-content:space-between}.transport-and-beats-row-compact .transport-row-compact{border-bottom:0;flex-wrap:nowrap;flex:none;gap:10px;padding:0;display:flex}.transport-and-beats-row-compact .click-widget-settings-btn{flex-shrink:0}.click-widget-settings-btn{border:1px solid var(--border);background:var(--bg-panel-raised);width:44px;height:44px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.click-widget-settings-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));outline:none}.click-widget-settings-btn:focus-visible{color:var(--text);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));outline:none}.click-widget-settings-btn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel))}.click-widget-settings-btn:disabled{opacity:.5;cursor:default}.transport-row-standalone,.transport-and-beats-row,#metronome-visual-wrap,.beat-strip-main{display:none}.beat-strip-header.has-click{box-shadow:none;background:0 0;border:0;align-items:center;padding:0;display:flex}#header-beat-visual-wrap.has-click{align-items:center;display:flex}#notes-panel-wide{display:none}.setlist-notes-view-toggle{align-items:center;padding:6px 16px 4px;display:flex;position:relative}.setlist-notes-view-switch{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg-panel-raised-alt) 38%, transparent);border-radius:999px;align-items:center;gap:6px;width:100%;padding:3px;display:inline-flex}.setlist-notes-view-toggle .pill-toggle{border-color:color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--bg-panel-raised-alt) 74%, transparent);min-height:36px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:1 1 0;justify-content:flex-start;padding:0 48px 0 18px;font-size:.72rem;font-weight:820}.compact-setlist-segment,.compact-notes-segment{border-radius:999px;flex:1 1 0;align-items:stretch;min-width:0;display:flex;position:relative}.compact-setlist-segment .pill-toggle,.compact-notes-segment .pill-toggle{flex:auto}.compact-notes-segment .pill-toggle{padding-right:148px}.setlist-notes-view-toggle .pill-toggle.is-active{background:color-mix(in srgb, var(--accent) 18%, var(--bg-panel-raised));border-color:color-mix(in srgb, var(--accent) 62%, var(--border));color:var(--text);box-shadow:inset 0 0 0 1px #ffffff08}.compact-setlist-segment:not(:has(.pill-toggle.is-active)) .pill-toggle{background:color-mix(in srgb, var(--bg-panel-raised-alt) 58%, transparent);border-color:color-mix(in srgb, var(--border) 56%, transparent);box-shadow:inset 0 1px #ffffff06}.compact-notes-segment:not(:has(.pill-toggle.is-active)) .pill-toggle{background:color-mix(in srgb, var(--bg-panel-raised-alt) 58%, transparent);border-color:color-mix(in srgb, var(--border) 56%, transparent);box-shadow:inset 0 1px #ffffff06}.compact-setlist-picker-trigger,.compact-notes-options-trigger{border:1px solid color-mix(in srgb, var(--border) 68%, transparent);background:color-mix(in srgb, var(--bg-panel-raised) 66%, transparent);width:30px;min-width:30px;height:30px;color:var(--text-dim);cursor:pointer;z-index:1;border-radius:999px;align-self:stretch;place-items:center;margin:auto 5px auto -36px;display:grid;box-shadow:inset 0 1px #ffffff09}.compact-notes-inline-tools{z-index:2;align-items:center;gap:4px;display:inline-flex;position:absolute;top:0;bottom:0;right:40px}.compact-notes-inline-tools:empty{display:none}.compact-notes-inline-tools .note-zoom-control{background:0 0;border:0;border-radius:999px;gap:4px;height:30px}.compact-notes-inline-tools .note-zoom-control button,.compact-notes-inline-tools .player-icon-btn{border:1px solid color-mix(in srgb, var(--border) 68%, transparent);background:color-mix(in srgb, var(--bg-panel-raised) 66%, transparent);width:30px;min-width:30px;height:30px;color:var(--text-dim);border-radius:999px;box-shadow:inset 0 1px #ffffff09}.compact-notes-inline-tools .note-zoom-control button{font-size:.95rem}.compact-notes-inline-tools .note-zoom-control button:hover:not(:disabled),.compact-notes-inline-tools .player-icon-btn:hover,.compact-notes-inline-tools .player-icon-btn.is-active{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.compact-notes-inline-tools .note-zoom-control button:focus-visible{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.compact-notes-inline-tools .player-icon-btn:focus-visible{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.compact-setlist-segment:has(.pill-toggle.is-active) .compact-setlist-picker-trigger{border-color:color-mix(in srgb, var(--text) 18%, transparent);color:color-mix(in srgb, var(--text) 82%, transparent);background:#ffffff0b;box-shadow:inset 0 1px #ffffff0b}.compact-notes-segment:has(.pill-toggle.is-active) .compact-notes-options-trigger{border-color:color-mix(in srgb, var(--text) 18%, transparent);color:color-mix(in srgb, var(--text) 82%, transparent);background:#ffffff0b;box-shadow:inset 0 1px #ffffff0b}.compact-notes-segment:has(.pill-toggle.is-active) .compact-notes-inline-tools .note-zoom-control button{border-color:color-mix(in srgb, var(--text) 18%, transparent);color:color-mix(in srgb, var(--text) 82%, transparent);background:#ffffff0b;box-shadow:inset 0 1px #ffffff0b}.compact-notes-segment:has(.pill-toggle.is-active) .compact-notes-inline-tools .player-icon-btn{border-color:color-mix(in srgb, var(--text) 18%, transparent);color:color-mix(in srgb, var(--text) 82%, transparent);background:#ffffff0b;box-shadow:inset 0 1px #ffffff0b}.compact-notes-inline-tools .note-zoom-value{display:none}.compact-setlist-picker-trigger:hover,.compact-setlist-picker-trigger[aria-expanded=true],.compact-notes-options-trigger:hover,.compact-notes-options-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.compact-setlist-picker-trigger:focus-visible{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.compact-notes-options-trigger:focus-visible{border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);color:var(--text);outline:none}.setlist-panel{box-shadow:none;background:0 0;border:0;border-radius:0}.setlist-panel-header{background:color-mix(in srgb, var(--bg-panel-raised) 65%, transparent);border-radius:16px 16px 0 0;gap:14px;padding:12px 16px 8px}.setlist-panel-scroll{gap:8px;padding:8px}.setlist-panel-row{border-color:color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--bg-panel-raised) 16%, transparent);border-radius:14px;min-height:50px;padding:12px 14px}.setlist-panel-row.is-current{background:color-mix(in srgb, var(--accent) 12%, var(--bg-panel-raised))}.setlist-marker-list{padding:4px 4px 2px}.setlist-marker-row{background:0 0;border-color:#0000;border-radius:14px;min-height:46px;padding:9px 12px}.setlist-marker-row.is-active,.setlist-marker-row.is-selected,.setlist-marker-row.is-pending{background:color-mix(in srgb, var(--bg-panel-raised) 22%, transparent)}.setlist-marker-duration{min-width:42px;font-size:var(--text-2xs)}.metronome-page .performance-grid{height:auto;display:block}.metronome-page .now-playing{flex-direction:column;min-height:calc(100vh - 140px);display:flex}.metronome-page .metronome-hero-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);flex:1;justify-content:space-evenly;gap:28px;width:100%;max-width:440px;min-height:0;margin:0 auto;padding:36px 24px}.metronome-page .visual-row{flex:none;gap:8px;height:auto}.metronome-page .visual-row .metronome-visual{width:100%}.metronome-page .visual-row .beat-pill{aspect-ratio:1;flex:1;width:auto;max-width:132px;height:auto;max-height:132px}.metronome-page .visual-row .beat-pill-label{font-size:clamp(1rem,22cqw,2rem)}.metronome-page .metronome-toggle-btn{width:min(156px,20vh);height:min(156px,20vh)}.metronome-page .metronome-toggle-btn .btn-transport-icon{width:min(48px,6vh);height:min(48px,6vh)}.metronome-page .setlist-panel{border:1px solid var(--border);z-index:31;border-radius:16px 16px 0 0;height:80vh;max-height:80vh;transition:transform .22s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 30px #0006}.metronome-page .setlist-panel.is-open{transform:translateY(0)}.metronome-page .setlist-panel-header{position:relative}.metronome-page .metronome-settings-fab{display:flex}.metronome-page .metronome-settings-close{justify-content:center;align-items:center;display:flex}}.setlists-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.setlists-page-header h1,.setlists-page-header p{margin:0}.setlists-page-header p{font-size:var(--text-sm);margin-top:5px}.setlists-page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.setlist-tools-panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;margin-bottom:18px;overflow:hidden}.setlist-tools-panel[hidden]{display:none}.setlist-transfer-option{justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.setlist-transfer-option+.setlist-transfer-option{border-top:1px solid var(--border)}.setlist-transfer-option.is-secondary{background:color-mix(in srgb, var(--bg-panel-raised) 35%, transparent)}.setlist-transfer-option p{font-size:var(--text-sm);margin:4px 0 0}.setlist-accordion{flex-direction:column;gap:10px;display:flex}.setlist-editor-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;transition:border-color .12s,background .12s;position:relative;overflow:visible}.setlist-editor-card.is-expanded{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.setlist-summary{align-items:center;min-height:76px;padding:10px 12px 10px 8px;display:flex}.setlist-summary-toggle{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;align-items:center;gap:12px;padding:0 10px;display:flex}.setlist-summary-toggle:hover .setlist-summary-name{color:var(--accent)}.setlist-chevron{color:var(--text-dim);font-size:1.75rem;line-height:1;transition:transform .12s;transform:rotate(0)}.setlist-editor-card.is-expanded .setlist-chevron{transform:rotate(90deg)}.setlist-summary-copy,.setlist-entry-copy{flex-direction:column;min-width:0;display:flex}.setlist-summary-name{color:var(--text);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.setlist-summary-meta{color:var(--text-dim);font-size:var(--text-sm);margin-top:3px}.setlist-summary-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.setlist-active-badge{border:1px solid color-mix(in srgb, var(--ready) 45%, transparent);background:var(--ready-dim);color:var(--ready);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-weight:800}.setlist-more-btn{letter-spacing:.08em;min-width:42px}.setlist-actions-menu{z-index:20;border:1px solid var(--border);background:var(--bg-panel-raised);border-radius:10px;width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000061}.setlist-actions-menu button{color:var(--text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px}.setlist-actions-menu button:hover{background:var(--bg-panel-raised-alt)}.setlist-actions-menu button.is-danger{color:var(--danger)}.setlist-editor-body{border-top:1px solid var(--border);padding:0 18px 18px}.setlist-editor-body[hidden]{display:none}.setlist-mode-row{align-items:center;gap:14px;padding:14px 0;display:flex}.setlist-mode-row>.text-dim{font-size:var(--text-sm)}.setlist-routing-select{flex-shrink:0;max-width:260px}.setlist-routing-rehearsal{flex-shrink:0;gap:14px;display:flex}.setlist-routing-field{flex-direction:column;gap:4px;display:flex}.setlist-routing-field .text-dim{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.setlist-routing-field .setlist-routing-select{max-width:120px}.setlist-mode-control{border:1px solid var(--border);background:var(--bg-panel-raised);border-radius:9px;flex-shrink:0;padding:3px;display:inline-flex}.setlist-mode-control button{color:var(--text-dim);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-weight:650}.setlist-mode-control button.is-selected{background:var(--accent);color:var(--on-accent)}.setlist-song-list{flex-direction:column;gap:6px;display:flex}.setlist-empty-message{border:1px dashed var(--border);color:var(--text-dim);text-align:center;border-radius:9px;margin:0;padding:22px}.setlist-entry{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-height:62px;padding:8px 10px;display:flex}.setlist-entry.dragging{opacity:.5}.reorder-controls{gap:5px;display:flex}.drag-handle{cursor:grab;color:var(--text-dim);padding:0 4px;font-size:1.2rem}.setlist-entry-number{width:26px;color:var(--text-dim);text-align:center;font-weight:700}.setlist-entry-copy{flex:1}.setlist-entry-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.setlist-entry-copy span{font-size:var(--text-xs);margin-top:2px}.setlist-icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);font:inherit;font-size:var(--text-md);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:inline-grid}.setlist-icon-btn:hover:not(:disabled){border-color:var(--text-dim);color:var(--text)}.setlist-icon-btn:disabled{opacity:.3;cursor:default}.setlist-remove-entry{color:var(--danger)}.setlist-add-row{border-top:1px solid var(--border);grid-template-columns:minmax(220px,420px) auto;gap:8px;margin-top:10px;padding-top:10px;display:grid}@media (max-width:680px){.setlists-page-header{flex-direction:column;align-items:stretch;gap:14px}.setlists-page-actions{grid-template-columns:1fr 1fr;display:grid}.setlist-transfer-option{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.setlist-summary{min-height:70px;padding-right:8px}.setlist-editor-body{padding:0 10px 12px}.setlist-mode-row{flex-direction:column;align-items:flex-start;gap:8px}.setlist-entry{gap:6px}.drag-handle{display:none}.setlist-entry-number{width:22px}.setlist-add-row{grid-template-columns:1fr}}.empty-state{color:var(--text-dim);text-align:center;padding:40px 20px}.toast-stack{z-index:200;flex-direction:column;gap:8px;width:min(90vw,480px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-panel-raised);border:1px solid var(--border);font-size:var(--text-md);border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px #0006}.toast-danger{border-color:var(--danger);color:var(--danger)}.toast-warn{border-color:var(--warn);color:var(--warn)}.mini-player{background:var(--bg-panel-raised);border:none;border-radius:0;padding:18px}.mini-player-row{align-items:center;gap:12px;display:flex}.synthetic-click-panel,.marker-place-panel,.count-in-panel{background:var(--bg-panel-raised-alt);border:none;border-top:1px solid var(--border);border-radius:0;margin:0;padding:18px}.synthetic-click-enable-row{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;margin:0;display:flex}.synthetic-click-enable-row input{margin-top:3px}.synthetic-click-enable-row span{flex-direction:column;gap:3px;display:flex}.synthetic-click-enable-row small{color:var(--text-dim);font-size:var(--text-sm);font-weight:400}.synthetic-click-controls{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.click-tune-row{grid-template-columns:140px minmax(200px,280px);align-items:end;gap:14px;display:grid}.click-setting-field{gap:6px;margin:0;display:grid}.click-setting-field>span{color:var(--text-dim);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.click-setting-field input,.click-setting-field select{width:100%}.click-tune-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.click-tune-action{border:1px solid var(--border);background:var(--bg-panel-raised);border-radius:10px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.click-tune-action-main,.click-tune-action-result{align-items:center;gap:10px;min-width:0;display:flex}.click-tune-action-main .btn-ready{flex:1}.click-tune-action-result{justify-content:space-between}.click-tune-state{font-variant-numeric:tabular-nums;color:var(--accent);background:var(--bg-panel-raised-alt);font-weight:700;font-size:var(--text-md);border-radius:6px;padding:6px 10px}.click-tune-state-unset{color:var(--text-dim);background:var(--bg-panel-raised-alt);padding-left:10px;font-style:italic;font-weight:400}.mini-play-btn{background:var(--ready);width:52px;height:52px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.mini-play-btn .btn-transport-icon-svg{width:19px;height:19px}.mini-restart-btn{border:1px solid var(--border);background:var(--bg-panel-raised);width:40px;height:40px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.mini-restart-btn .btn-transport-icon-svg{width:14px;height:14px}.mini-restart-btn:hover{color:var(--text);border-color:var(--accent)}.mini-scrub-wrap{flex-direction:column;flex:1;display:flex}.mini-scrub-track{cursor:pointer;--waveform-color:#ffffff4d;background:#1c1c24;border-radius:8px;height:40px;position:relative;overflow:hidden}.mini-waveform-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.mini-scrub-fill{background:color-mix(in srgb, var(--accent) 45%, transparent);pointer-events:none;width:0%;height:100%;position:relative}.mini-scrub-idle-label{color:var(--text-dim);font-size:var(--text-sm);letter-spacing:.02em;pointer-events:none;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mini-marker-rail{height:26px;margin-top:2px;position:relative}.mini-marker-tick{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;max-width:60px;padding:0 2px;display:flex;position:absolute;top:0;transform:translate(-50%)}.mini-marker-tick-line{background:var(--text-faint);border-radius:1px;width:2px;height:6px}.mini-marker-tick-label{font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:60px;overflow:hidden}.mini-marker-tick:hover{color:var(--accent)}.mini-marker-tick:hover .mini-marker-tick-line{background:var(--accent)}.mini-first-beat-rail{height:20px;margin-bottom:2px;position:relative}.mini-first-beat-tick{cursor:pointer;color:var(--playhead-color,#ff6b6b);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0 2px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.mini-first-beat-tick-label{font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;font-weight:700}.mini-first-beat-tick-line{background:var(--playhead-color,#ff6b6b);border-radius:1px;width:2px;height:6px}.mini-first-beat-tick:hover{color:var(--accent)}.mini-first-beat-tick:hover .mini-first-beat-tick-line{background:var(--accent)}.beat-alignment-row{background:var(--bg-panel-raised);border:none;border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.beat-alignment-controls{justify-content:center;align-items:center;gap:8px;display:flex}.beat-alignment-controls-label{color:var(--text-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;margin-right:4px;font-weight:800}.beat-alignment-nudge-stack{flex-direction:row;flex-shrink:0;justify-content:center;gap:8px;display:flex}.beat-alignment-nudge-stack .btn{min-width:76px}.beat-alignment-strip{border:1px solid var(--border);cursor:grab;touch-action:none;--waveform-color:#ffffff4d;--beat-tick-color:#ffffff73;--playhead-color:#ff6b6b;background:#1c1c24;border-radius:6px;flex:0 0 96px;width:100%;min-width:0;height:96px;position:relative;overflow:hidden}.beat-alignment-strip:active{cursor:grabbing}.beat-alignment-canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.beat-alignment-marker-labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.beat-alignment-marker-label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;background:#0000008c;border-radius:4px;max-width:80px;padding:1px 4px;font-weight:600;position:absolute;top:4px;overflow:hidden;transform:translate(2px)}.beat-alignment-start-label,.beat-alignment-first-beat-label{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.beat-alignment-start-tag{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.beat-alignment-start-line{background:color-mix(in srgb, var(--warn) 72%, #ffffff73);opacity:.9;width:2px;height:100%}.beat-alignment-start-chip{font-size:var(--text-xs);letter-spacing:.02em;color:var(--warn);white-space:nowrap;background:#0000009e;border-radius:4px;padding:1px 5px;font-weight:700;position:absolute;top:4px;left:8px}.beat-alignment-first-beat-tag{font-size:var(--text-xs);letter-spacing:.02em;color:var(--playhead-color,#ff6b6b);white-space:nowrap;background:#0000008c;border-radius:4px;padding:1px 4px;font-weight:700;position:absolute;top:4px;transform:translate(2px)}.marker-sub-toggles{background:var(--bg-panel-raised);border:none;border-top:1px solid var(--border);align-items:flex-end;gap:6px;padding:10px 18px 0;display:flex}.marker-sub-toggles-last{margin:0;padding-bottom:8px}.marker-sub-toggle{background:color-mix(in srgb, var(--bg-panel-raised-alt) 45%, var(--bg-panel-raised));border:1px solid var(--border);color:var(--text-dim);font-size:var(--text-base);cursor:pointer;border-bottom-color:#0000;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:8px;padding:11px 18px 10px;font-weight:700;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex;position:relative}.marker-sub-toggle-dot{background:color-mix(in srgb, var(--accent) 72%, #b7c5ff);width:6px;height:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;flex:none}.marker-sub-toggle.is-active .marker-sub-toggle-dot{background:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 28%, transparent)}.marker-sub-toggle:hover{color:var(--text);background:var(--bg-panel-raised-alt)}.marker-sub-toggle:disabled{color:var(--text-faint);cursor:not-allowed}.marker-sub-toggle:disabled:hover{color:var(--text-faint)}.marker-sub-toggle.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--bg-panel-raised-alt));border-color:var(--border);border-top:3px solid var(--accent);color:var(--text);z-index:1;border-bottom-color:#0000;margin-bottom:-1px;padding-top:9px;box-shadow:0 -5px 14px #00000029}.marker-sub-toggle.is-active:after{content:"";background:color-mix(in srgb, var(--accent) 14%, var(--bg-panel-raised-alt));height:3px;position:absolute;bottom:-2px;left:12px;right:12px}@media (max-width:1000px){.song-editor-header{grid-template-columns:1fr;gap:12px}.song-title-actions{justify-content:flex-start;width:100%}.click-tune-grid{grid-template-columns:1fr}}@media (max-width:640px){.song-editor-card{padding:14px}.song-editor-card.is-collapsed{padding:8px 12px}.song-editor-title-row{flex-wrap:nowrap;align-items:center}.song-title-toggle{flex-wrap:nowrap}.song-title-toggle[aria-expanded=false] .song-title-stack{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.song-title-toggle[aria-expanded=false] .song-title{width:100%;font-size:var(--text-md)}.song-list-meta{display:none}.song-list-meta-mobile{display:flex}.song-badge-desktop{display:none}.song-badge-mobile{display:inline-flex}.song-title-support{align-items:center;padding-left:0}.song-title-actions{align-items:stretch}.song-header-field{flex:160px}.song-header-field .mode-select{width:100%}.song-icon-actions{align-self:end}.mini-player-row{flex-wrap:wrap}.mini-scrub-wrap{flex-basis:100%;order:3}.mini-time{margin-left:auto}.click-tune-row{grid-template-columns:1fr}.beat-alignment-controls{flex-wrap:wrap}.beat-alignment-controls-label{text-align:center;flex-basis:100%;margin:0}.beat-alignment-nudge-stack{flex:220px}.beat-alignment-nudge-stack .btn{flex:1;min-width:0}.marker-sub-toggle{font-size:var(--text-sm);flex:1 1 0;padding-inline-start:8px;padding-inline-end:8px}}.mini-time{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-dim);text-align:center;pointer-events:none;flex-shrink:0;width:84px}.add-marker-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;font-weight:700;display:flex}.marker-list{flex-direction:column;gap:6px;display:flex}.marker-list-inline{margin-top:8px}.marker-row-wrap{flex-direction:column;gap:6px;display:flex}.marker-notes-panel{--note-text-font-size:18px;--note-text-line-height:1.55;--note-sheet-font-size:16px;--note-sheet-cell-min-width:54px;--note-sheet-cell-height:34px;--note-sheet-cell-padding-y:6px;--note-sheet-cell-padding-x:9px;background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.marker-notes-tabs{align-items:center;gap:6px}.marker-notes-tab-wrap{align-items:center;gap:2px;display:inline-flex}.marker-notes-tab-rename,.marker-notes-tab-delete{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.marker-notes-tab-rename:hover,.marker-notes-tab-delete:hover{background:var(--bg-panel-raised-alt);color:var(--text);outline:none}.marker-notes-tab-rename:focus-visible{background:var(--bg-panel-raised-alt);color:var(--text);outline:none}.marker-notes-tab-delete:focus-visible{background:var(--bg-panel-raised-alt);color:var(--text);outline:none}.marker-notes-add-tab{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;background:0 0}.marker-notes-add-tab:hover{color:var(--text);border-color:var(--accent);outline:none}.marker-notes-add-tab:focus-visible{color:var(--text);border-color:var(--accent);outline:none}.marker-notes-panel .note-format-row{justify-content:flex-end}.marker-notes-panel .note-sheet-editor{border:1px solid var(--border);background:var(--bg-panel-raised-alt);border-radius:8px;width:100%;max-width:100%;min-height:120px;padding:8px;overflow:auto}.note-empty-hint{white-space:nowrap;margin:0 0 8px;padding:0 2px;display:block}.note-empty-hint strong{color:var(--text-dim);font-size:var(--text-sm);font-weight:750}.marker-notes-textarea{resize:vertical;width:100%;min-height:90px;font-family:inherit;font-size:var(--note-text-font-size);line-height:var(--note-text-line-height);box-sizing:border-box}.marker-notes-textarea:focus{box-shadow:none;outline:none}.btn-icon-only.has-notes{position:relative}.btn-icon-only.has-notes:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.marker-row{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.marker-time-input{text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:62px;min-height:36px;padding:6px 4px}.marker-label-input{flex:1;min-width:0;min-height:36px}.marker-short-input{text-align:center;text-transform:uppercase;flex-shrink:0;width:64px;min-height:36px;padding:6px 4px}.btn-icon-only{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;display:flex}.empty-markers{color:var(--text-dim);font-size:var(--text-md);text-align:center;padding:14px 0}.marker-list-summary{justify-content:flex-start;align-items:center;gap:10px;padding:10px 2px 4px;display:flex}.btn-transport-compact-play{background:var(--bg-panel-raised);color:var(--text);border-color:var(--border)}.btn-transport-compact-play[aria-label=Pause]:not(.is-counting-in),.setlist-panel-now-badge[aria-label=Pause]:not(.is-counting-in){background:var(--gold);color:#2a1c00;border-color:var(--gold)}.btn-transport-compact-play.is-counting-in,.setlist-panel-now-badge.is-counting-in{background:var(--warn);color:#2a1c08;border-color:var(--warn)}.performance .player-transport-utility:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.performance .player-transport-core-secondary:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact.is-playing{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact.active{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact[aria-pressed=true]{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}@keyframes maximum-play-beat-1{0%,70%{border-color:#fff;box-shadow:inset 0 0 0 7px #fff,0 0 0 24px #ffff7edb,0 0 0 48px #ffe2009e,0 0 78px 34px #fff614,0 0 168px 68px #ffc200,0 0 290px 108px #ff6600e6}71%,to{border-color:#ff484870;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d}}@keyframes maximum-play-beat-2{0%,50%{border-color:#fff29a;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8}51%,to{border-color:#ff484870;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d}}@keyframes maximum-play-beat-3{0%,50%{border-color:#fff29a;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8}51%,to{border-color:#ff484870;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d}}@keyframes maximum-play-beat-4{0%,50%{border-color:#fff29a;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8}51%,to{border-color:#ff484870;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d}}@media (max-width:700px){.performance .transport-and-beats-row-compact{min-height:108px!important;padding:10px 4px!important}.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:clamp(34px,7vw,42px) clamp(34px,7vw,42px) clamp(38px,8vw,46px) clamp(60px,13vw,74px) clamp(38px,8vw,46px) clamp(34px,7vw,42px) clamp(34px,7vw,42px);justify-content:space-between;gap:0;width:min(100%,620px);max-width:620px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:clamp(34px,7vw,42px)!important;min-width:clamp(34px,7vw,42px)!important;height:clamp(34px,7vw,42px)!important;min-height:clamp(34px,7vw,42px)!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:clamp(38px,8vw,46px)!important;min-width:clamp(38px,8vw,46px)!important;height:clamp(38px,8vw,46px)!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:clamp(60px,13vw,74px)!important;min-width:clamp(60px,13vw,74px)!important;height:clamp(60px,13vw,74px)!important}.performance .player-utility-icon,.performance .player-utility-icon svg{width:21px;height:21px}}@media (max-width:390px){.performance .transport-and-beats-row-compact{min-height:96px!important;padding:8px 2px!important}.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:34px 34px 38px 60px 38px 34px 34px;justify-content:space-between;gap:0}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:38px!important;min-width:38px!important;height:38px!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:60px!important;min-width:60px!important;height:60px!important}.performance .player-utility-icon,.performance .player-utility-icon svg{width:18px;height:18px}.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon,.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon svg,.performance .player-more-utility svg{width:19px;height:19px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary .btn-transport-compact-icon svg{width:20px;height:20px}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact .btn-transport-compact-icon svg{width:30px;height:30px}}@media (min-width:701px){.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:54px 54px 58px 96px 58px 54px 54px;justify-content:space-between;gap:0;max-width:880px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:50px!important;min-width:50px!important;height:50px!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:56px!important;min-width:56px!important;height:56px!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:80px!important;min-width:80px!important;height:80px!important}.performance .player-utility-drawer-sheet{border-radius:24px 24px 0 0}}:root,[data-theme=maximum]{--mb-surface:#050507;--mb-surface-card:#111217;--mb-surface-elevated:#18181f;--mb-border:#2a2a33;--mb-text-primary:#fff;--mb-text-secondary:#b3b3bd;--mb-text-muted:#70707a;--mb-active:#ff2d2d;--mb-active-strong:#ff3b3b;--mb-active-soft:#ff2d2d2e;--mb-active-glow:#ff2d2d6b;--mb-queued:#00e5ff;--mb-queued-soft:#00e5ff24;--mb-beat:#ffd600;--mb-downbeat:#fff04a;--mb-danger:#ff3b30;--mb-warning:#ffb020;--mb-focus:#4da3ff}.performance{--accent:var(--mb-active);--accent-2:var(--mb-active-strong)}@media (max-width:1024px){.app-shell .performance .transport-and-beats-row-compact{background:linear-gradient(155deg,#121216fc,#08080bfc)!important;border-color:#ffffff1a!important}.app-shell .performance #play-pause-btn-compact,.app-shell .performance #play-pause-btn-compact.is-playing,.app-shell .performance #play-pause-btn-compact.active,.app-shell .performance #play-pause-btn-compact[aria-pressed=true]{color:#fff!important;background:radial-gradient(circle at 35% 25%,#f66 0%,#ff2d2d 38%,#ed1717 68%,#c90808 100%)!important;border-color:#ff6969f2!important;box-shadow:inset 0 1px #ffffff61,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-count-in-utility:not(.is-active),.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility:not(.is-active),.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-click-status-btn:not(.is-active){opacity:.78;color:#9696a25c!important;background:#14151b57!important;border:1px solid #9194a42e!important;box-shadow:inset 0 1px #ffffff05!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-count-in-utility:not(.is-active):hover,.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility:not(.is-active):hover,.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-click-status-btn:not(.is-active):hover{opacity:1;color:#cdcdd794!important;background:#1b1c237a!important;border-color:#aaadbe42!important}.app-shell .performance #play-pause-btn-compact:before{background:radial-gradient(circle at 35% 28%,#fff18a 0%,#ffd600 48%,#eeb900 100%)!important}.app-shell .performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="1"].is-active):before{background:radial-gradient(circle at 35% 28%,#fff 0%,#fff78a 26%,#fff04a 58%,#ffd600 100%)!important}@keyframes maximum-play-beat-1{0%,68%{transform:scale(1.17);border-color:#fff!important;box-shadow:inset 0 0 0 4px #fffffff2,0 0 0 13px #fff04a85,0 0 38px 18px #ffe614fa,0 0 82px 32px #ffd600e0,0 0 140px 50px #ffbe0099!important}to{transform:scale(1);border-color:#ff6969f2!important;box-shadow:inset 0 1px #ffffff61,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}}@keyframes maximum-play-beat-2{0%,58%{transform:scale(1.055);border-color:#fff29a!important;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8!important}to{transform:scale(1);border-color:#ff6969f2!important;box-shadow:inset 0 1px #ffffff61,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}}@keyframes maximum-play-beat-3{0%,58%{transform:scale(1.055);border-color:#fff29a!important;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8!important}to{transform:scale(1);border-color:#ff6969f2!important;box-shadow:inset 0 1px #ffffff61,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}}@keyframes maximum-play-beat-4{0%,58%{transform:scale(1.055);border-color:#fff29a!important;box-shadow:inset 0 1px #ffffffd1,0 0 0 8px #ffd6003d,0 0 34px #ffd600fa,0 0 70px #ffbe00b8!important}to{transform:scale(1);border-color:#ff6969f2!important;box-shadow:inset 0 1px #ffffff61,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}}.app-shell .performance .setlist-notes-view-switch .pill-toggle.is-active{color:#fff!important;background:linear-gradient(135deg,#ff2d2d57,#780a0a6b)!important;box-shadow:inset 0 0 0 1px #ff4848c7,0 5px 20px #ff14142e!important}.app-shell .performance .setlist-panel-row.is-current{background:linear-gradient(110deg,#461012d1,#180c0ef0)!important;border-color:#ff2d2dbf!important;box-shadow:inset 0 1px #ffffff08,0 9px 28px #7800002e!important}.app-shell .performance .setlist-panel-row.is-current .setlist-panel-name,.app-shell .performance .setlist-panel-row.is-current .setlist-panel-num{color:var(--mb-active)!important}.app-shell .performance .setlist-panel-now-badge{color:#fff!important;background:linear-gradient(145deg,#ff3b3b 0%,#ef2020 54%,#d20e0e 100%)!important;border-color:#ff5c5cc2!important;box-shadow:inset 0 1px #ffffff38,0 5px 14px #ff18182e!important}.app-shell .performance .setlist-panel-now-badge svg,.app-shell .performance .setlist-panel-now-badge svg path,.app-shell .performance .setlist-panel-now-badge .btn-transport-compact-icon{color:#fff!important;fill:#fff!important}.app-shell .performance .progress-section.is-active,.app-shell .performance .progress-section.active{background:linear-gradient(135deg,#ff2d2dc7,#690c12d6)!important;box-shadow:inset -2px 0 #ff5f5fe6!important}.app-shell .performance .btn-transport-compact-loop:has(.btn-transport-compact-loop-mode-label:not(:empty)){color:#fff!important;background:linear-gradient(135deg,#d71818fa,#6e0a0afa)!important;border-color:#ff4e4ec7!important;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ff464633,0 10px 28px #b4000047!important}.app-shell .performance .player-count-in-option.is-selected{border-color:var(--mb-active)!important;color:var(--mb-active)!important}.app-shell .performance .is-queued,.app-shell .performance .is-pending:not(.is-current){border-color:var(--mb-queued)!important;box-shadow:inset 0 0 0 1px #00e5ff3d,0 0 20px #00e5ff14!important}.app-shell .performance .is-queued .setlist-panel-name,.app-shell .performance .is-pending:not(.is-current) .setlist-panel-name{color:var(--mb-queued)!important}}.performance .transport-row-compact{align-items:center}.performance .btn-transport-beat-flash{display:none!important}.performance .click-widget-settings-btn,.performance .beat-strip-edit-btn{gap:6px}.performance .player-count-in-status{white-space:nowrap;min-height:22px;color:var(--text-dim);background:color-mix(in srgb, currentColor 9%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.performance .player-count-in-status.is-active{color:var(--text)}.performance .player-count-in-menu-section{gap:8px;display:grid}.performance .player-count-in-menu-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.performance .player-count-in-menu-heading strong{font-size:var(--text-sm)}.performance .player-count-in-menu-heading span,.performance .player-count-in-menu-note{color:var(--text-dim);font-size:var(--text-sm)}.performance .player-count-in-options{flex-wrap:wrap;gap:6px;display:flex}.performance .player-count-in-option{min-width:46px}.performance .player-count-in-option.is-selected{border-color:var(--accent);color:var(--accent)}.performance .btn-transport-compact-loop:has(.btn-transport-compact-loop-mode-label:not(:empty)){color:#fff;background:linear-gradient(135deg,#664ebceb,#433781f5);border-color:#b99effad;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8565e42e,0 8px 24px #4c37a447}.performance .btn-transport-compact-loop:has(.btn-transport-compact-loop-mode-label:not(:empty)) .btn-transport-compact-loop-mode-label{color:#f4effffa}.performance .setlist-panel-row.is-current{background:linear-gradient(110deg,#461012d1,#180c0ef0);border-color:#ff2d2dbf;box-shadow:inset 0 1px #ffffff08,0 9px 28px #7800002e}.performance .setlist-panel-row.is-current .setlist-panel-name,.performance .setlist-panel-row.is-current .setlist-panel-num{color:var(--mb-active)}.performance .setlist-panel-now-badge{color:#fff;background:linear-gradient(145deg,#ff3b3b 0%,#ef2020 54%,#d20e0e 100%);border:1px solid #ff5c5cc2;border-radius:50%;width:48px;height:48px;box-shadow:inset 0 1px #ffffff38,0 5px 14px #ff18182e}.performance .setlist-panel-now-badge svg,.performance .setlist-panel-now-badge svg path,.performance .setlist-panel-now-badge .btn-transport-icon-svg{color:#fff;fill:#fff}.performance .transport-and-beats-row,.performance .transport-row-standalone{display:block}@media (min-width:1025px){.performance .transport-and-beats-row{background:linear-gradient(160deg,#141620fa,#0a0c14fc);border:1px solid #97a0c929;border-radius:22px;justify-content:center;align-items:center;gap:14px;margin:0 2px 14px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff08,0 12px 30px #00000038}.performance .transport-row-standalone{background:0 0;border:0;justify-content:center;align-items:center;gap:14px;width:-moz-fit-content;width:fit-content;padding:0;display:flex!important}.performance #transport-cluster.transport-row-standalone.player-transport-utilities-ready{flex:none;width:-moz-fit-content;width:fit-content;max-width:none;margin-inline-start:auto;margin-inline-end:auto;display:flex!important}.performance .transport-row-side{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.performance .transport-row-side-left{justify-content:flex-start}.performance .transport-row-core{flex:none;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.performance .transport-row-side-right{justify-content:flex-end}.performance .transport-row-side .btn-transport-compact-secondary,.performance .transport-row-side .click-widget-settings-btn{border-radius:15px;width:50px;min-width:50px;height:50px}.performance .transport-row-side .btn-transport-compact-secondary{border-radius:15px}.performance .transport-row-core .btn-transport-compact-secondary{border-radius:16px;width:54px;min-width:54px;height:54px}.performance .transport-row-core .btn-transport-compact-play{width:70px;min-width:70px;height:70px;margin-block-start:-6px;margin-block-end:-6px}.performance .transport-row-core .btn-transport-compact-play .btn-transport-compact-icon svg{width:30px;height:30px}.performance .transport-row-core .btn-transport-compact-secondary .btn-transport-compact-icon svg,.performance .transport-row-side .btn-transport-compact-secondary .btn-transport-compact-icon svg,.performance .transport-row-side .click-widget-settings-btn svg{width:22px;height:22px}.performance .transport-row-side-left .btn-transport-compact-loop{width:58px;min-width:58px}.performance .transport-row-side-left .player-count-in-status{display:none!important}.performance .transport-row-core .btn-transport-compact-secondary:hover,.performance .transport-row-core .btn-transport-compact-play:hover,.performance .transport-row-side .btn-transport-compact-secondary:hover,.performance .transport-row-side .click-widget-settings-btn:hover{transform:translateY(-1px)}.performance .transport-row-side-right #click-status-btn{display:none!important}.performance .btn-transport-compact-play{color:#fff;background:radial-gradient(circle at 35% 28%,#f66 0%,#ff2d2d 38%,#ed1717 68%,#c90808 100%);border:1px solid #ff6969eb;border-radius:50%;width:56px;min-width:56px;height:56px;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}.performance .transport-row-standalone .btn-transport-compact-play{width:62px;min-width:62px;height:62px}.performance .btn-transport-compact-play .btn-transport-compact-icon svg{fill:currentColor;width:27px;height:27px}.performance .transport-row-standalone .btn-transport-compact-play .btn-transport-compact-icon svg{fill:currentColor;width:30px;height:30px}.performance .btn-transport-compact-play:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 35% 28%,#fff18a 0%,#ffd600 48%,#eeb900 100%);position:absolute;top:0;bottom:0;left:0;right:0}.performance .btn-transport-compact-play .btn-transport-beat-flash{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:50%;display:block;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="2"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="2"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="2"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="2"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="1"].is-active){animation:.16s step-end maximum-play-beat-1}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="1"].is-active){animation:.16s step-end maximum-play-beat-1}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="1"].is-active):before{animation:.16s step-end maximum-play-face-1}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="1"].is-active):before{animation:.16s step-end maximum-play-face-1}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="2"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="3"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="4"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="3"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="4"].is-active){animation:96ms step-end maximum-play-beat-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="3"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="4"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="3"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance .transport-row-standalone .btn-transport-compact-play:has(.btn-transport-beat-flash[data-beat-number="4"].is-active):before{animation:96ms step-end maximum-play-face-2}@keyframes maximum-play-face-1{0%,70%{opacity:1;filter:brightness(1.42)saturate(1.48);box-shadow:inset 0 0 0 6px #ffffff75,0 0 0 18px #fffeba94,0 0 68px 30px #ffec18d1,0 0 132px 56px #ff8400a8}71%,to{opacity:0;filter:none;box-shadow:none}}@keyframes maximum-play-beat-1{0%,70%{filter:brightness(1.44)saturate(1.5);border-color:#fff;box-shadow:inset 0 0 0 7px #fff,0 0 0 26px #ffff82e0,0 0 0 54px #ffe400a8,0 0 88px 38px #fff614,0 0 186px 74px #ffbe00,0 0 324px 120px #ff6000eb}71%,to{filter:none;border-color:#ff6969f2;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}}}@media (max-width:1024px){.performance{--player-card-bg:linear-gradient(145deg, #1c1e2bfa, #0f111bfa);--player-card-border:#97a0c929;--player-purple-glow:#9776ff57;--player-purple-soft:#765bd638}.performance .performance-grid{gap:0}.performance .current-song-heading{align-items:center;min-height:70px;padding:6px 4px 10px}.performance .current-song-title{letter-spacing:-1.4px;font-size:clamp(34px,10vw,48px);font-weight:800;line-height:1}.performance .player-hamburger-btn{background:linear-gradient(145deg,#2a2c3ffa,#181a27fa);border:1px solid #9fa9d926;border-radius:15px;width:52px;height:52px;box-shadow:inset 0 1px #ffffff09,0 8px 24px #00000047}.performance .progress-wrap{margin:0 2px 14px}.performance .progress-track{background:#12141ddb;border:1px solid #b7bfe033;border-radius:36px;min-height:70px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 8px 26px #0003}.performance .progress-section.is-active,.performance .progress-section.active{background:linear-gradient(135deg,#7662bee6,#424e84eb);box-shadow:inset -2px 0 #edba5ccc}.performance .time-row{color:#d6d9ebb8;padding:6px 9px 0;font-size:17px;font-weight:700}.performance .setlist-panel-header{border:1px solid var(--player-card-border);background:var(--player-card-bg);border-bottom:0;border-radius:22px 22px 0 0;margin:0;padding:16px 18px 13px;box-shadow:inset 0 1px #ffffff09,0 14px 38px #00000047}.performance .setlist-picker-trigger{letter-spacing:-.2px;min-height:32px;font-size:18px;font-weight:780}.performance .setlist-panel-meta{color:#c0c4dcb8;margin-top:3px;font-size:13px}.performance .transport-and-beats-row-compact{border:1px solid var(--player-card-border);background:linear-gradient(160deg,#161823fc,#0f111afc);border-top:1px solid #929abe1a;border-radius:0 0 22px 22px;align-items:center;gap:8px;margin:0 0 14px;padding:14px 14px 16px;display:flex;box-shadow:0 14px 38px #00000047}.performance .transport-and-beats-row,.performance .transport-row-standalone{display:none}.performance .beat-strip-header{flex:none;min-width:0;max-width:88px}.performance .beat-strip-header.is-collapsed,.performance .beat-strip-header:not(.has-click){display:none}.performance .header-beat-visual{padding-inline-start:2px;padding-inline-end:2px}.performance #player-count-in-status-compact{color:#ecebf7f0;background:radial-gradient(circle,#323048cc 56%,#0000 58%);border:2px solid #9b80f5b8;border-radius:50%;flex:0 0 48px;width:48px;max-width:48px;height:48px;min-height:48px;padding:0;font-size:0;overflow:visible;box-shadow:0 0 0 3px #7353d11a}.performance #player-count-in-status-compact:after{content:"Co";letter-spacing:-.5px;font-size:15px;font-weight:850}.performance .click-widget-settings-btn{background:linear-gradient(145deg,#282a3bf5,#1c1e2bf5);border:1px solid #929abe1a;border-radius:15px;flex:0 0 50px;width:50px;min-width:50px;height:50px;padding:0}.performance #click-sound-menu-compact.player-header-menu{z-index:1000;background:linear-gradient(160deg,#1d1f2cfc,#0e1019fe);border:1px solid #9fa9d92e;border-radius:20px;max-height:min(72vh,540px);padding:10px;overflow-y:auto;box-shadow:0 24px 70px #00000094;top:auto!important;left:12px!important;right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;position:fixed!important}.performance #click-sound-menu-compact.player-header-menu>button,.performance #click-sound-menu-compact .player-header-menu-section,.performance #click-sound-menu-compact .player-transport-menu-extras>button{border-radius:12px}.performance .setlist-notes-view-toggle{background:#12141ee6;border:1px solid #8790b829;border-radius:18px;margin:0 2px 14px;padding:4px;position:relative;box-shadow:inset 0 1px #ffffff06}.performance .setlist-notes-view-switch{gap:5px;width:100%}.performance .setlist-notes-view-switch .pill-toggle{letter-spacing:.8px;background:0 0;border:0;border-radius:14px;flex:1;min-height:46px;font-size:14px;font-weight:820}.performance .compact-setlist-segment,.performance .compact-notes-segment{border-radius:14px;flex:1;align-items:stretch;min-width:0;display:flex;position:relative}.performance .compact-setlist-segment .pill-toggle,.performance .compact-notes-segment .pill-toggle{justify-content:flex-start;padding-left:18px;padding-right:50px}.performance .compact-notes-segment .pill-toggle{padding-right:154px}.performance .compact-setlist-picker-trigger,.performance .compact-notes-options-trigger{color:#ffffffc2;box-sizing:border-box;background:#ffffff0b;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;margin:0;padding:0;display:grid;position:absolute;top:50%;bottom:auto;right:8px;transform:translateY(-50%)}.performance .compact-notes-inline-tools{align-items:center;gap:5px;height:30px;display:none;top:50%;bottom:auto;right:46px;transform:translateY(-50%)}.performance .compact-notes-segment:has(.pill-toggle.is-active) .compact-notes-inline-tools{display:inline-flex}.performance .compact-notes-inline-tools .note-zoom-control{gap:5px;height:30px}.performance .compact-notes-inline-tools .note-zoom-control button,.performance .compact-notes-inline-tools .player-icon-btn{color:#ffffffc2;box-sizing:border-box;background:#ffffff0b;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:30px;min-width:30px;height:30px;margin:0;padding:0;display:grid}.performance .compact-setlist-picker-trigger:hover,.performance .compact-setlist-picker-trigger[aria-expanded=true],.performance .compact-notes-options-trigger:hover,.performance .compact-notes-options-trigger[aria-expanded=true],.performance .compact-notes-inline-tools .note-zoom-control button:hover:not(:disabled),.performance .compact-notes-inline-tools .player-icon-btn:hover,.performance .compact-notes-inline-tools .player-icon-btn.is-active{color:#fff;background:#ffffff13;border-color:#ffffff3d}.performance .compact-setlist-picker-trigger:focus-visible{color:#fff;background:#ffffff13;border-color:#ffffff3d}.performance .compact-notes-options-trigger:focus-visible{color:#fff;background:#ffffff13;border-color:#ffffff3d}.performance .compact-notes-inline-tools .note-zoom-control button:focus-visible{color:#fff;background:#ffffff13;border-color:#ffffff3d}.performance .compact-notes-inline-tools .player-icon-btn:focus-visible{color:#fff;background:#ffffff13;border-color:#ffffff3d}.performance .setlist-notes-view-switch .pill-toggle.is-active{color:#fff;background:linear-gradient(135deg,#5d4ba2b8,#2f3a65e0);box-shadow:inset 0 0 0 1px #a692f1b8,0 5px 20px #4c389a3d}.performance .setlist-panel-scroll{padding-inline-start:2px;padding-inline-end:2px}.performance .setlist-panel-row{background:#0a0b11c7;border:1px solid #7b83a829;border-radius:18px;min-height:76px;margin:0 0 9px;padding:12px 14px;box-shadow:inset 0 1px #ffffff05}.performance .setlist-panel-row.is-current{background:linear-gradient(110deg,#383f66f2,#2a2e4af5);border-color:#9582e785;box-shadow:inset 0 1px #ffffff09,0 9px 28px #271f4d38}.performance .setlist-panel-num{border:1px solid #8f96bb38;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.performance .setlist-panel-name{letter-spacing:-.25px;font-size:18px;font-weight:760;line-height:1.08}.performance .setlist-panel-tag{color:#bec2d9b8;margin-top:4px;font-size:13px}.performance .setlist-panel-row.is-current .setlist-panel-name,.performance .setlist-panel-row.is-current .setlist-panel-num{color:#ab9df5}.performance .setlist-panel-now-badge{background:radial-gradient(circle at 35% 28%,#ae91ff,#5d45bef5);border:1px solid #c0afff8c;border-radius:50%;width:48px;height:48px;box-shadow:0 8px 24px #5b40be4d}.performance .setlist-marker-list{background:linear-gradient(90deg,#201f315c,#0000 75%);border-left:2px solid #8b7ddd61;border-radius:0 0 18px 18px;margin:-2px 0 14px 22px;padding:8px 8px 8px 14px}.performance .setlist-marker-row{border:1px solid #0000;border-radius:14px;min-height:58px;margin-bottom:2px;padding:8px 10px}.performance .setlist-marker-row.is-selected,.performance .setlist-marker-row.is-active{background:linear-gradient(100deg,#2a2737b8,#1617216b);border-color:#d5ab5fbf}.performance .setlist-marker-time{color:#c6b4e4b8;font-weight:650}.performance .setlist-marker-name{font-size:16px;font-weight:800}.performance .setlist-marker-duration{color:#c6b4e4ad}}.performance-route .nav-drawer-context{border-bottom:1px solid #ffffff14;padding:14px 14px 8px}.performance-route .nav-drawer-context-label{color:#a0a6c39e;letter-spacing:.14em;padding:4px 10px 8px;font-size:10px;font-weight:850}.performance-route .nav-drawer-context-setlist{color:#b1b5cdb8;gap:3px;padding:7px 10px 12px;font-size:12px;display:grid}.performance-route .nav-drawer-context-setlist strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:17px;font-weight:760;overflow:hidden}.performance-route .nav-drawer-context-action{color:#e8e6f2e6;text-align:left;width:100%;min-height:48px;font:inherit;background:0 0;border:0;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;padding:7px 10px;font-weight:650;display:grid}.performance-route .nav-drawer-context-action:active{background:#ff2d2d29}@media (min-width:1025px){.performance-route .nav-drawer-context{padding:12px 12px 8px}.performance-route .nav-drawer-context-label{padding:4px 8px 6px;font-size:9px}.performance-route .nav-drawer-context-setlist{padding:6px 8px 10px}.performance-route .nav-drawer-context-setlist strong{font-size:.98rem}.performance-route .nav-drawer-context-action{grid-template-columns:30px minmax(0,1fr);min-height:44px;padding:6px 8px;font-size:.93rem}.performance-route .nav-drawer-context-action span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@media (max-width:1024px){.performance .current-song-heading{grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;column-gap:14px;min-height:84px;padding:10px 4px 12px;display:grid}.performance .spotify-player-top-copy{text-align:center;grid-column:2;align-self:center;min-width:0}.performance .current-song-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:-.9px;font-size:clamp(25px,5.7vw,38px);font-weight:840;line-height:1.08;overflow:hidden;display:block!important}.performance .spotify-player-top-meta{text-overflow:ellipsis;white-space:nowrap;color:#c1bed3c2;text-align:center;margin-top:6px;font-size:clamp(12px,2.8vw,16px);font-weight:560;overflow:hidden}.performance .current-song-edit-btn-wide{display:none!important}.performance .progress-wrap{margin:0 2px 12px}.performance .setlist-panel-header{display:none!important}.performance .transport-and-beats-row-compact{background:linear-gradient(155deg,#141620fc,#0a0c14fc);border:1px solid #97a0c929;border-radius:22px;justify-content:center;align-items:center;min-height:116px;margin:0 2px 14px;padding:12px 68px 14px 18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,0 14px 38px #0000003d}.performance #transport-row-compact{flex:0 350px;grid-template-columns:58px minmax(84px,104px) 58px;justify-content:center;align-items:center;gap:clamp(26px,8vw,52px);display:grid}.performance #prev-song-btn-compact,.performance #next-song-btn-compact{background:#1a1c27eb;border:1px solid #898fb01a;border-radius:50%;width:58px;min-width:58px;height:58px;display:inline-flex;box-shadow:inset 0 1px #ffffff06}.performance #play-pause-btn-compact,.performance #play-pause-btn-compact.is-playing,.performance #play-pause-btn-compact.active,.performance #play-pause-btn-compact[aria-pressed=true]{isolation:isolate;border:2px solid #ff6969f2;border-radius:50%;width:clamp(84px,19vw,104px);min-width:clamp(84px,19vw,104px);height:clamp(84px,19vw,104px);margin:0;transition:background 45ms linear,border-color 45ms linear,box-shadow 60ms linear,transform 70ms ease-out,color 45ms linear;display:inline-flex;position:relative;overflow:visible;color:#fff!important;background:radial-gradient(circle at 35% 25%,#f66 0%,#ff2d2d 38%,#ed1717 68%,#c90808 100%)!important;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466!important}.performance #play-pause-btn-compact:before{content:"";z-index:3;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 35% 28%,#fff18a 0%,#ffd600 48%,#eeb900 100%);position:absolute;top:0;bottom:0;left:0;right:0}.performance #play-pause-btn-compact .btn-transport-compact-icon{z-index:4;position:relative;color:inherit!important}.performance #play-pause-btn-compact .btn-transport-compact-icon svg{fill:currentColor;width:38px;height:38px}.performance #play-pause-btn-compact .btn-transport-beat-flash{z-index:2;opacity:0;pointer-events:none;border:0;border-radius:50%;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px;background:0 0!important;display:block!important}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="1"].is-active){animation:.16s step-end maximum-play-beat-1}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="1"].is-active):before{background:radial-gradient(circle at 35% 22%,#fff 0%,#fffef0 16%,#fff45a 40%,#ffcf00 68%,#ff8f00 100%);animation:.16s step-end maximum-play-face-1}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="2"].is-active){animation:96ms step-end maximum-play-beat-2}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="2"].is-active):before{animation:96ms step-end maximum-play-face-2}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="3"].is-active){animation:96ms step-end maximum-play-beat-3}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="3"].is-active):before{animation:96ms step-end maximum-play-face-3}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="4"].is-active){animation:96ms step-end maximum-play-beat-4}.performance #play-pause-btn-compact:has(.btn-transport-beat-flash[data-beat-number="4"].is-active):before{animation:96ms step-end maximum-play-face-4}@keyframes maximum-play-face-1{0%,70%{opacity:1;filter:brightness(1.42)saturate(1.48);box-shadow:inset 0 0 0 6px #ffffff75,0 0 0 18px #fffeba94,0 0 68px 30px #ffec18d1,0 0 132px 56px #ff8400a8}71%,to{opacity:0;filter:none;box-shadow:none}}@keyframes maximum-play-face-2{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes maximum-play-face-3{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes maximum-play-face-4{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes maximum-play-beat-1{0%,70%{filter:brightness(1.44)saturate(1.5);border-color:#fff;box-shadow:inset 0 0 0 7px #fff,0 0 0 26px #ffff82e0,0 0 0 54px #ffe400a8,0 0 88px 38px #fff614,0 0 186px 74px #ffbe00,0 0 324px 120px #ff6000eb}71%,to{filter:none;border-color:#ff6969f2;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}}@keyframes maximum-play-beat-2{0%,50%{border-color:#fff09a;box-shadow:inset 0 1px #ffffffbf,0 0 0 7px #ffd84a33,0 0 30px #ffd84af2,0 0 64px #ffbe1ead}51%,to{border-color:#ff6969f2;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}}@keyframes maximum-play-beat-3{0%,50%{border-color:#fff09a;box-shadow:inset 0 1px #ffffffbf,0 0 0 7px #ffd84a33,0 0 30px #ffd84af2,0 0 64px #ffbe1ead}51%,to{border-color:#ff6969f2;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}}@keyframes maximum-play-beat-4{0%,50%{border-color:#fff09a;box-shadow:inset 0 1px #ffffffbf,0 0 0 7px #ffd84a33,0 0 30px #ffd84af2,0 0 64px #ffbe1ead}51%,to{border-color:#ff6969f2;box-shadow:inset 0 1px #ffffff57,0 0 0 5px #ff2d2d1a,0 10px 32px #ff141466}}.performance #loop-btn-compact,.performance #player-count-in-status-compact,.performance #beat-strip-header{display:none!important}.performance #click-settings-btn-compact{background:#1a1c27eb;border:1px solid #898fb01a;border-radius:50%;width:50px;min-width:50px;height:50px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.performance #click-settings-btn-compact:active{transform:translateY(-50%)scale(.96)}.performance #click-sound-menu-compact.player-header-menu{border-radius:18px;max-height:min(58vh,500px);padding:8px;width:min(330px,100vw - 28px)!important;top:min(54vh,520px)!important;bottom:auto!important;left:auto!important;right:14px!important}.performance .spotify-player-menu-summary{display:grid}.performance .spotify-player-menu-row,.performance .spotify-player-menu-more{color:#fff;text-align:left;width:100%;min-height:52px;font:inherit;background:0 0;border:0;border-bottom:1px solid #9197b71a;grid-template-columns:28px 1fr auto 18px;align-items:center;gap:8px;padding:8px 10px;display:grid}.performance .spotify-player-menu-row strong{color:#dacff4d1;font-size:13px;font-weight:650}.performance .spotify-player-menu-icon{color:#eae5f6e6;text-align:center;font-size:21px}.performance .spotify-player-menu-chevron{color:#d0ccdfb3;font-size:26px}.performance .spotify-player-menu-details>summary{cursor:pointer;list-style:none}.performance .spotify-player-menu-details>summary::-webkit-details-marker{display:none}.performance .spotify-player-menu-details[open] .spotify-player-menu-chevron{transform:rotate(90deg)}.performance .spotify-player-menu-details .player-count-in-menu-section{border-bottom:1px solid #9197b71a;padding:8px 10px 14px 46px}.performance .spotify-player-menu-more{color:#eeecf6e0;grid-template-columns:28px 1fr}.performance .setlist-notes-view-toggle{margin-top:0}.performance .btn-transport-compact-secondary,.performance #click-settings-btn,.performance #click-settings-btn-compact{color:#9696a2b8;background:#14151b57;border:1px solid #9194a42e;box-shadow:inset 0 1px #ffffff05}.performance .btn-transport-compact-secondary:hover,.performance #click-settings-btn:hover,.performance #click-settings-btn-compact:hover{color:#cdcdd7e0;background:#1b1c237a;border-color:#aaadbe42}.performance .btn-transport-compact-loop:has(.btn-transport-compact-loop-mode-label:not(:empty)){color:#fff!important;background:linear-gradient(135deg,#d71818fa,#6e0a0afa)!important;border-color:#ff4e4ec7!important;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ff464633,0 10px 28px #b4000047!important}.performance .setlist-panel-row.is-current{background:linear-gradient(110deg,#461012d1,#180c0ef0);border-color:#ff2d2dbf;box-shadow:inset 0 1px #ffffff08,0 9px 28px #7800002e}.performance .setlist-panel-row.is-current .setlist-panel-name,.performance .setlist-panel-row.is-current .setlist-panel-num{color:var(--mb-active)}.performance .setlist-panel-now-badge{color:#fff;background:linear-gradient(145deg,#ff3b3b 0%,#ef2020 54%,#d20e0e 100%);border-color:#ff5c5cc2;box-shadow:inset 0 1px #ffffff38,0 5px 14px #ff18182e}.performance .setlist-panel-now-badge svg,.performance .setlist-panel-now-badge svg path,.performance .setlist-panel-now-badge .btn-transport-icon-svg{color:#fff;fill:#fff}.performance .setlist-notes-view-switch .pill-toggle.is-active{color:#fff;background:linear-gradient(135deg,#ff2d2d57,#780a0a6b);box-shadow:inset 0 0 0 1px #ff4848c7,0 5px 20px #ff14142e}.performance .player-count-in-option.is-selected{border-color:var(--mb-active);color:var(--mb-active)}.performance .is-queued,.performance .is-pending:not(.is-current){border-color:var(--mb-queued);box-shadow:inset 0 0 0 1px #00e5ff3d,0 0 20px #00e5ff14}.performance .is-queued .setlist-panel-name,.performance .is-pending:not(.is-current) .setlist-panel-name{color:var(--mb-queued)}.performance-route .nav-drawer-scrim.is-visible{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a8}}@media (max-width:520px){.performance .current-song-heading{grid-template-columns:52px minmax(0,1fr) 44px;column-gap:11px}.performance .current-song-title{font-size:clamp(22px,7vw,30px)}.performance .spotify-player-top-meta{font-size:12px}.performance .transport-and-beats-row-compact{min-height:108px;padding-right:58px}.performance #transport-row-compact{grid-template-columns:50px 86px 50px;gap:20px}.performance #prev-song-btn-compact,.performance #next-song-btn-compact{width:50px;min-width:50px;height:50px}.performance #click-settings-btn-compact{width:44px;min-width:44px;height:44px;right:10px}.performance #click-sound-menu-compact.player-header-menu{z-index:1200;max-height:84dvh;padding:8px 8px max(16px,env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:26px 26px 0 0;overflow:auto;box-shadow:0 0 0 100vmax #000000a8,0 -24px 70px #0000007a,inset 0 1px #ffffff0a;width:100%!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important}.performance #click-sound-menu-compact.player-header-menu:before{content:"";background:#dcdae857;border-radius:999px;width:44px;height:5px;margin:2px auto 8px;display:block}}.performance #transport-row-compact.player-transport-utilities-ready,.performance #transport-cluster.player-transport-utilities-ready{flex:100%;grid-template-columns:44px 44px 48px minmax(72px,1fr) 48px 44px 44px;place-items:center;gap:4px;width:100%;max-width:720px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.performance #transport-row-compact.player-transport-utilities-ready #player-count-in-status-compact,.performance #transport-row-compact.player-transport-utilities-ready #loop-btn-compact,.performance #transport-row-compact.player-transport-utilities-ready #click-status-btn-compact,.performance #transport-row-compact.player-transport-utilities-ready #click-settings-btn-compact,.performance #transport-cluster.player-transport-utilities-ready #player-count-in-status,.performance #transport-cluster.player-transport-utilities-ready #loop-btn,.performance #transport-cluster.player-transport-utilities-ready #click-status-btn,.performance #transport-cluster.player-transport-utilities-ready #click-settings-btn{display:inline-grid!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.performance #transport-row-compact.player-transport-utilities-ready>button,.performance #transport-cluster.player-transport-utilities-ready>button{align-self:center;margin:0!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility,.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-transport-utility,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-transport-core-secondary{cursor:pointer;place-items:center;transition:color .12s,background .12s,border-color .12s,box-shadow .12s,transform 90ms,opacity .12s;position:relative;color:var(--mb-text-secondary,#b3b3bd)!important;background:linear-gradient(145deg,#1d1e28f0,#111219f5)!important;border:1px solid #969ab030!important;border-radius:50%!important;padding:0!important;display:inline-grid!important;box-shadow:inset 0 1px #ffffff09,0 4px 12px #0000002e!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility:hover,.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary:hover,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-transport-utility:hover,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-transport-core-secondary:hover{color:var(--mb-text-primary,#fff)!important;background:linear-gradient(145deg,#242530fa,#16171ffa)!important;border-color:#bec2d44d!important}.performance .player-transport-utility:active,.performance .player-transport-core-secondary:active{transform:scale(.92)!important}.performance .player-transport-utility:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.performance .player-transport-core-secondary:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility.is-active,.app-shell .performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility.is-active,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-transport-utility.is-active,.app-shell .performance #transport-cluster.player-transport-utilities-ready .player-loop-utility.is-active{color:var(--mb-active,#ff2d2d)!important;background:linear-gradient(145deg,#3f1418f0,#1b0d12f5)!important;border-color:#ff3e3ead!important;box-shadow:inset 0 1px #ff6e6e14,0 0 16px #ff23231c!important}.performance .player-utility-icon,.performance .player-utility-icon svg{width:23px;height:23px;display:block}.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon,.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon svg,.performance #transport-cluster.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon,.performance #transport-cluster.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon svg{width:24px;height:24px}.performance #transport-row-compact.player-transport-utilities-ready .btn-transport-compact-loop-mode-label,.performance #transport-cluster.player-transport-utilities-ready .btn-transport-compact-loop-mode-label{display:none!important}.performance #transport-row-compact.player-transport-utilities-ready #player-count-in-status-compact:after,.performance #transport-cluster.player-transport-utilities-ready #player-count-in-status:after{content:none!important;display:none!important}.performance .player-more-utility svg{width:22px;height:22px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility,.performance #transport-cluster.player-transport-utilities-ready .player-transport-utility{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary,.performance #transport-cluster.player-transport-utilities-ready .player-transport-core-secondary{width:48px!important;min-width:48px!important;height:48px!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact,.performance #transport-cluster.player-transport-utilities-ready #play-pause-btn{z-index:2;width:76px!important;min-width:76px!important;height:76px!important;margin:0!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact.is-playing{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact.active{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.app-shell .performance #transport-row-compact.player-transport-utilities-ready:has(#click-status-btn-compact.is-active) #play-pause-btn-compact[aria-pressed=true]{background:radial-gradient(circle at 35% 25%,#67191d 0%,#3b0b0e 38%,#210608 70%,#110304 100%)!important;border-color:#ff484870!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #ff2d2d0b,0 8px 24px #5a00003d!important}.performance .player-utility-drawer[hidden]{display:none!important}.performance .player-utility-drawer{z-index:10020;align-items:end;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.performance .player-utility-drawer-scrim{opacity:0;background:#0000009e;border:0;width:100%;height:100%;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0;right:0}.performance .player-utility-drawer-sheet{width:min(100%,560px);max-height:min(72vh,620px);padding:8px 18px max(22px, env(safe-area-inset-bottom));background:linear-gradient(#17181e 0%,#0b0b0f 100%);border:1px solid #ffffff1f;border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;transition:transform .19s cubic-bezier(.2,.8,.2,1);position:relative;overflow:auto;transform:translateY(100%);box-shadow:0 -18px 70px #00000094}.performance .player-utility-drawer.is-open .player-utility-drawer-scrim{opacity:1}.performance .player-utility-drawer.is-open .player-utility-drawer-sheet{transform:translateY(0)}.performance .player-utility-drawer-handle{background:#ffffff47;border-radius:999px;width:42px;height:5px;margin:2px auto 12px}.performance .player-utility-drawer-heading{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px;display:flex}.performance .player-utility-drawer-heading h2{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:850}.performance .player-utility-drawer-close{width:40px;height:40px;color:var(--mb-text-secondary,#b3b3bd);background:#ffffff0f;border:0;border-radius:50%;place-items:center;padding:0;font-size:27px;line-height:1;display:grid}.performance .player-utility-drawer-options{gap:7px;display:grid}.performance .player-utility-option{color:#f7f7f9;width:100%;min-height:54px;font:inherit;text-align:left;background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:0 16px;font-size:16px;font-weight:720;display:flex}.performance .player-utility-option:active{transform:scale(.99)}.performance .player-utility-option.is-selected{color:#fff;background:#ff2d2d24;border-color:#ff2d2db8}.performance .player-utility-option-check{color:var(--mb-active,#ff2d2d);opacity:0;font-size:20px;font-weight:900}.performance .player-utility-option.is-selected .player-utility-option-check{opacity:1}.performance .player-utility-drawer-note{color:var(--mb-text-secondary,#b3b3bd);margin:0;padding:16px}@media (max-width:700px){.performance .transport-and-beats-row-compact{min-height:108px!important;padding:10px 4px!important}.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:clamp(34px,7vw,42px) clamp(34px,7vw,42px) clamp(38px,8vw,46px) clamp(60px,13vw,74px) clamp(38px,8vw,46px) clamp(34px,7vw,42px) clamp(34px,7vw,42px);justify-content:space-between;gap:0;width:min(100%,620px);max-width:620px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:clamp(34px,7vw,42px)!important;min-width:clamp(34px,7vw,42px)!important;height:clamp(34px,7vw,42px)!important;min-height:clamp(34px,7vw,42px)!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:clamp(38px,8vw,46px)!important;min-width:clamp(38px,8vw,46px)!important;height:clamp(38px,8vw,46px)!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:clamp(60px,13vw,74px)!important;min-width:clamp(60px,13vw,74px)!important;height:clamp(60px,13vw,74px)!important}.performance .player-utility-icon,.performance .player-utility-icon svg{width:21px;height:21px}}@media (max-width:390px){.performance .transport-and-beats-row-compact{min-height:96px!important;padding:8px 2px!important}.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:34px 34px 38px 60px 38px 34px 34px;justify-content:space-between;gap:0}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:38px!important;min-width:38px!important;height:38px!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:60px!important;min-width:60px!important;height:60px!important}.performance .player-utility-icon,.performance .player-utility-icon svg{width:18px;height:18px}.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon,.performance #transport-row-compact.player-transport-utilities-ready .player-loop-utility .btn-transport-compact-icon svg,.performance .player-more-utility svg{width:19px;height:19px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary .btn-transport-compact-icon svg{width:20px;height:20px}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact .btn-transport-compact-icon svg{width:30px;height:30px}}@media (min-width:701px){.performance #transport-row-compact.player-transport-utilities-ready{grid-template-columns:54px 54px 58px 96px 58px 54px 54px;justify-content:space-between;gap:0;max-width:880px}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-utility{width:50px!important;min-width:50px!important;height:50px!important}.performance #transport-row-compact.player-transport-utilities-ready .player-transport-core-secondary{width:56px!important;min-width:56px!important;height:56px!important}.performance #transport-row-compact.player-transport-utilities-ready #play-pause-btn-compact{width:80px!important;min-width:80px!important;height:80px!important}.performance .player-utility-drawer-sheet{border-radius:24px 24px 0 0}}.performance.metronome-page .metronome-settings-drawer{isolation:isolate}.performance.metronome-page .metronome-settings-drawer .player-utility-drawer-scrim{z-index:0!important}.performance.metronome-page .metronome-settings-drawer .player-utility-drawer-sheet{width:min(100%,620px);max-height:min(82vh,760px);z-index:1!important}.performance.metronome-page .metronome-settings-subtitle{color:var(--mb-text-secondary,#b3b3bd);margin:3px 0 0;font-size:13px}.performance.metronome-page .metronome-settings-body{gap:0}.performance.metronome-page .metronome-settings-section{border-top:1px solid #ffffff14;padding:16px 2px 18px}.performance.metronome-page .metronome-settings-section:first-child{border-top:0;padding-top:4px}.performance.metronome-page .metronome-settings-section h3{color:var(--mb-text-primary,#fff);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:850}.performance.metronome-page .metronome-settings-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.performance.metronome-page .metronome-settings-section-heading h3{margin:0}.performance.metronome-page .metronome-settings-select-row{grid-template-columns:minmax(120px,.75fr) minmax(180px,1.25fr);gap:10px;display:grid}.performance.metronome-page .metronome-setting-field,.performance.metronome-page .metronome-slider-field,.performance.metronome-page .metronome-setting-stack{color:var(--mb-text-secondary,#b3b3bd);gap:8px;font-size:13px;font-weight:700;display:grid}.performance.metronome-page .metronome-setting-field select{width:100%;min-height:50px;color:var(--mb-text-primary,#fff);font:inherit;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:13px;padding:0 14px;font-size:16px}.performance.metronome-page .metronome-toggle-row{min-height:54px;color:var(--mb-text-primary,#fff);background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;margin-top:10px;padding:0 14px;font-size:16px;font-weight:720;display:flex}.performance.metronome-page .metronome-toggle-row input{width:22px;height:22px;accent-color:var(--mb-active,#ff2d2d)}.performance.metronome-page .metronome-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.performance.metronome-page .metronome-choice-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.performance.metronome-page .metronome-choice{min-height:50px;color:var(--mb-text-primary,#fff);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:13px;padding:0 12px;font-size:15px;font-weight:720;transition:transform 90ms,border-color .12s,background .12s}.performance.metronome-page .metronome-choice:active{transform:scale(.98)}.performance.metronome-page .metronome-choice.is-selected{color:#fff;background:var(--mb-active-soft,#ff2d2d2e);border-color:#ff2d2db8;box-shadow:inset 0 0 0 1px #ff2d2d1f}.performance.metronome-page .metronome-slider-field,.performance.metronome-page .metronome-setting-stack{margin-top:14px}.performance.metronome-page .metronome-slider-field input[type=range]{width:100%;accent-color:var(--mb-active,#ff2d2d)}.performance.metronome-page .metronome-setting-label{display:block}.performance.metronome-page .metronome-save-preset{color:#fff;background:var(--mb-active-soft,#ff2d2d2e);min-height:40px;font:inherit;border:1px solid #ff2d2d99;border-radius:12px;padding:0 14px;font-weight:800}.performance.metronome-page .metronome-preset-list{gap:8px;display:grid}.performance.metronome-page .metronome-preset-empty{color:var(--mb-text-secondary,#b3b3bd);text-align:center;margin:0;padding:14px 0 4px}.performance.metronome-page .metronome-preset-row{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.performance.metronome-page .metronome-preset-copy{gap:3px;min-width:0;display:grid}.performance.metronome-page .metronome-preset-copy strong{color:var(--mb-text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performance.metronome-page .metronome-preset-copy span{color:var(--mb-text-secondary,#b3b3bd);font-size:12px}.performance.metronome-page .metronome-preset-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.performance.metronome-page .metronome-preset-actions button{min-height:38px;color:var(--mb-text-primary,#fff);font:inherit;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;padding:0 10px;font-size:13px;font-weight:720}.performance.metronome-page .metronome-preset-actions button.is-danger{color:var(--mb-danger,#ff3b30);background:#ff3b3014;border-color:#ff3b3073}@media (max-width:600px){.performance.metronome-page .metronome-settings-drawer .player-utility-drawer-sheet{max-height:86vh;padding-inline-start:14px;padding-inline-end:14px}.performance.metronome-page .metronome-settings-select-row{grid-template-columns:1fr 1.35fr}.performance.metronome-page .metronome-choice-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.performance.metronome-page .metronome-preset-row{grid-template-columns:1fr}.performance.metronome-page .metronome-preset-actions{justify-content:stretch}.performance.metronome-page .metronome-preset-actions button{flex:1 1 0}}.performance .player-options-section{gap:14px;padding:4px 2px 6px;display:grid}.performance .player-options-section-label{color:var(--mb-text-muted,#70707a);letter-spacing:.11em;text-transform:uppercase;font-size:12px;font-weight:850}.performance .player-options-speed-heading{color:var(--mb-text-primary,#fff);justify-content:space-between;align-items:baseline;gap:16px;font-size:17px;font-weight:760;display:flex}.performance .player-options-speed-readout{min-width:58px;color:var(--mb-text-primary,#fff);font-variant-numeric:tabular-nums;text-align:right;font-size:22px}.performance .player-options-speed-readout.is-modified{color:var(--mb-active,#ff2d2d)}.performance .player-options-speed-control{grid-template-columns:52px minmax(120px,1fr) 52px;align-items:center;gap:12px;display:grid}.performance .player-options-speed-step{border:1px solid var(--mb-border,#2a2a33);min-width:48px;min-height:48px;color:var(--mb-text-primary,#fff);background:var(--mb-surface-elevated,#18181f);font:inherit;cursor:pointer;border-radius:12px;padding:0 8px;font-size:15px;font-weight:800}.performance .player-options-speed-step:active{filter:brightness(1.12);transform:scale(.96)}.performance .player-options-speed-step:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.performance .player-options-speed-slider:focus-visible{outline:2px solid var(--mb-focus,#4da3ff);outline-offset:2px}.performance .player-options-speed-slider{width:100%;accent-color:var(--mb-active,#ff2d2d);cursor:pointer}.performance .player-options-help{color:var(--mb-text-secondary,#b3b3bd);margin:-2px 0 0;font-size:13px;line-height:1.45}@media (min-width:760px){.performance .player-utility-drawer{place-items:center;padding:24px}.performance .player-utility-drawer-sheet{opacity:0;border:1px solid #ffffff1f;border-radius:22px;width:min(480px,100vw - 48px);margin:0;padding:10px 20px 22px;transition:transform .17s cubic-bezier(.2,.8,.2,1),opacity .14s;transform:translateY(18px)scale(.985)}.performance .player-utility-drawer.is-open .player-utility-drawer-sheet{opacity:1;transform:translateY(0)scale(1)}.performance .player-utility-drawer-handle{display:none}}