@charset "UTF-8";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--note-C: #E85C2A;--note-G: #E87A2A;--note-D: #E8A42A;--note-A: #C8C830;--note-E: #72C830;--note-B: #2AB862;--note-Fs: #2AB8A8;--note-Db: #2A7AB8;--note-Ab: #2A4AB8;--note-Eb: #622AB8;--note-Bb: #A82AB8;--note-F: #C8306A;--gold: #C9A227;--gold-text: #A88320;--gold-home: #6B5410;--gal-guitar: #72C830;--gal-piano: #E85C2A;--gal-bass: #2AB862;--gal-ableton: #2AB8A8;--page-bg: #F5F5F5;--surface: #FFFFFF;--ring-light: #F1F1F1;--ring-dark: #E8E8E8;--border: #E0E0E0;--ring-sep: #A8A8A8;--hairline: #ECECEC;--tab-border: #D8D8D8;--ink: #1A1A1A;--ink-2: #6B6B6B;--ink-warm: #2D1A00;--label: #6B6B6B;--label-soft: #9A9A9A;--hint: #B8B8B8;--state-good: #2E8B57;--state-watch: #D9851A;--state-bad: #C0392B;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 32px;--space-page: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--sh-card: 0 2px 10px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04);--sh-note: 0 1px 2px rgba(0,0,0,.12);--sh-badge: drop-shadow(0 1px 2px rgba(0,0,0,.18));--sh-tab: 0 1px 3px rgba(0,0,0,.06);--sh-pop: 0 4px 16px rgba(0,0,0,.06);--sh-pop-lg: 0 12px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-out-cubic: cubic-bezier(.16, 1, .3, 1);--t-hover: .15s;--t-state: .2s;--t-drawer: .22s;--t-key-min: .4s;--t-key-max: 1s;--font-sans: "Nunito", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--header-h: 56px;--nav-reserve: 96px;--top-pad: 12px;--avail-h: calc(100dvh - var(--header-h) - var(--nav-reserve) - var(--top-pad));--chat-trigger-size: 44px;--chat-trigger-right: 8px;--chat-trigger-top: 30%;--chat-panel-w: clamp(320px, 32vw, 420px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,select,input,textarea{font-family:inherit}.t-display{font-size:32px;font-weight:800;letter-spacing:-.3px;line-height:1.1;color:var(--ink)}.t-heading{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}.t-subheading{font-size:18px;font-weight:800;color:var(--ink)}.t-body{font-size:14px;font-weight:400;color:var(--ink)}.t-label{font-size:12px;font-weight:700;color:var(--label);letter-spacing:.4px;text-transform:uppercase}.t-caption{font-size:12px;font-weight:600;color:var(--label);font-feature-settings:"tnum" 1}.t-hint{font-size:12px;font-weight:500;color:var(--hint)}:focus{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}body[data-tom-state=neutral]{--tom-mood-ring: var(--hairline)}body[data-tom-state=listening]{--tom-mood-ring: var(--note-Fs)}body[data-tom-state=encouraging]{--tom-mood-ring: var(--note-C)}body[data-tom-state=celebration]{--tom-mood-ring: var(--gold)}body[data-tom-state=thinking]{--tom-mood-ring: var(--note-Eb)}body[data-tom-state=speaking]{--tom-mood-ring: var(--note-C)}body[data-tom-state=thinking] .chat-trigger,body[data-tom-state=celebration] .chat-trigger{animation:tom-thinking-pulse 2.4s ease-in-out infinite}body[data-tom-state=speaking] .chat-trigger{animation:tom-speaking-bloom .9s cubic-bezier(.22,1,.36,1) 1 forwards}@media(prefers-reduced-motion:reduce){body[data-tom-state] .chat-trigger{animation:none}}.chat-trigger{position:relative}.chat-trigger__unread-dot{position:absolute;top:-1px;right:-1px;width:14px;height:14px;border-radius:50%;background:var(--tom-mood-ring);box-shadow:0 0 0 2.5px var(--surface);animation:tom-speaking-dot-in .26s cubic-bezier(.34,1.56,.64,1) 1 forwards}@media(prefers-reduced-motion:reduce){body[data-tom-state=speaking] .chat-trigger,.chat-trigger__unread-dot{animation:none}}@keyframes tom-mood-pulse-soft{0%,to{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 5px var(--tom-mood-ring)}50%{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 6px var(--tom-mood-ring)}}@keyframes tom-mood-pulse-soft-flat{0%,to{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--tom-mood-ring)}50%{box-shadow:0 0 0 3px var(--surface),0 0 0 7px var(--tom-mood-ring)}}@keyframes tom-thinking-pulse{0%,to{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 5px var(--tom-mood-ring)}50%{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 9px var(--tom-mood-ring)}}@keyframes tom-thinking-pulse-flat{0%,to{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--tom-mood-ring)}50%{box-shadow:0 0 0 3px var(--surface),0 0 0 10px var(--tom-mood-ring)}}@keyframes chat-pulse{0%{box-shadow:var(--sh-pop),0 0 0 3px var(--surface),0 0 0 4px var(--hairline),0 0 0 4px #1a1a1a66}60%{box-shadow:var(--sh-pop),0 0 0 3px var(--surface),0 0 0 4px var(--hairline),0 0 0 18px #1a1a1a00}to{box-shadow:var(--sh-pop),0 0 0 3px var(--surface),0 0 0 4px var(--hairline),0 0 0 18px #1a1a1a00}}@keyframes tom-speaking-bloom{0%{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 5px var(--tom-mood-ring)}45%{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 15px #c9a227}to{box-shadow:0 8px 20px #00000029,0 2px 6px #00000014,0 0 0 3px var(--surface),0 0 0 5px var(--tom-mood-ring)}}@keyframes tom-speaking-dot-in{0%{transform:scale(0)}to{transform:scale(1)}}.chat-panel__head{flex:0 0 auto;height:var(--header-h);border-bottom:1px solid var(--hairline);display:flex;align-items:center;padding:0 16px;gap:12px}.chat-panel__title{font-size:16px;font-weight:800;color:var(--ink);flex:1}.chat-panel__new-chat{width:32px;height:32px;border:0;background:transparent;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}.chat-panel__new-chat:hover{background:#0000000a;color:var(--ink)}.chat-panel__new-chat svg{width:14px;height:14px}.chat-panel__close{width:32px;height:32px;border:0;background:transparent;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}.chat-panel__close:hover{background:#0000000a;color:var(--ink)}.chat-panel__close svg{width:14px;height:14px}.chat-panel__body{flex:1;min-height:0;overflow-y:auto;padding:32px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;text-align:center;color:var(--ink-2)}.chat-panel__placeholder-title{font-size:16px;font-weight:800;color:var(--ink)}.chat-panel__placeholder-body{font-size:13px;font-weight:500;max-width:28ch;line-height:1.5}.chat-panel__compose{flex:0 0 auto;border-top:1px solid var(--hairline);padding:12px 16px 16px;display:flex;gap:8px}.chat-panel__compose input{flex:1;height:40px;border:1px solid var(--border);border-radius:999px;padding:0 16px;font-size:13px;background:var(--page-bg);color:var(--ink)}.chat-panel__compose input::placeholder{color:var(--label-soft)}.chat-panel__compose input:disabled{cursor:not-allowed}.kmode-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 3px;background:var(--surface);border:1px solid var(--tab-border);border-radius:999px;box-shadow:var(--sh-tab);cursor:pointer}.kmode-pill:hover{filter:brightness(.98)}.kmode-pill__disc{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;border:1.5px solid #fff;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #0000001a;flex-shrink:0}.kmode-pill__name{height:22px;border-radius:999px;padding:0 12px 0 10px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,.6);background:#b9b9b9;color:var(--ink)}@media(max-width:599px){.chat-panel__head{position:relative;padding-top:16px}.chat-panel__head:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--border)}}body.landing .chat-trigger,body.landing .chat-scrim,body.landing .chat-panel:not(.chat-panel--permanent){display:none}body.landing .chat-panel{position:relative;top:auto;right:auto;bottom:auto;transform:none;transition:none;width:auto;min-width:var(--chat-panel-w);max-width:none;z-index:auto;box-shadow:var(--sh-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);overflow:hidden;height:auto;align-self:stretch;display:flex;flex-direction:column;background:var(--surface)}body.landing .chat-panel__body{padding:0;align-items:stretch;justify-content:flex-start;text-align:left}body.landing .chat-panel__head{padding:14px 16px}body.landing .chat-panel__close{display:none}.chat-panel__pinned{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 14px;border-bottom:1px solid var(--hairline)}@media(max-width:899px){body.landing .chat-panel{min-width:0;min-height:360px}}.dd-select{appearance:none;border:1px solid var(--border);background:var(--surface);font:inherit;font-size:13px;font-weight:700;color:var(--ink);padding:7px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;text-align:left;transition:border-color .12s ease-out}.dd-select:hover,.dd-select[aria-expanded=true]{border-color:var(--ink-2)}.dd-select__label{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase;flex:none}.dd-select__value{flex:1}.dd-select__chev{width:6px;height:6px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);flex:none;margin-top:-2px;transition:transform .12s ease-out,margin-top .12s ease-out}.dd-select[aria-expanded=true] .dd-select__chev{transform:rotate(-135deg);margin-top:2px}.list-popover{position:fixed;top:0;left:0;min-width:180px;max-width:260px;max-height:480px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 14px);box-shadow:0 16px 40px #00000024,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:60;padding:6px;display:none}.list-popover.is-open{display:block}.cdk-overlay-container .cdk-overlay-pane .list-popover{position:static;top:auto;left:auto;display:block}.cdk-overlay-container .cdk-overlay-pane .pat-pop{position:static;bottom:auto;left:auto;display:block}.list-popover__item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:0;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;cursor:pointer;text-align:left}.list-popover__item:hover{background:var(--page-bg)}.list-popover__item[aria-selected=true]{background:var(--ink);color:#fff}.chord-badge-svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.chord-diagram-svg{width:100%;height:auto;max-height:100%}.gb-dock{--page-bg:#EDEDED;--surface:#FFFFFF;--border:#E0E0E0;--hairline:#ECECEC;--ink:#1A1A1A;--ink-2:#6B6B6B;--ink-warm:#2D1A00;--hint:#B8B8B8;--gold:#C9A227;--gold-text:#A88320;--label:#6B6B6B;--ease-out:cubic-bezier(.33,1,.68,1);font-family:Nunito,system-ui,sans-serif;color:var(--ink)}.gb-dock{position:fixed;right:calc(16px - var(--chrome-overhang, 0px));bottom:calc(16px - var(--chrome-overhang-y, 0px));width:260px;z-index:60}.gb-dock:not(:has(.is-collapsed)){width:360px}.gb-dock *{box-sizing:border-box}.gb-dock button,.gb-dock select,.gb-dock input{font-family:inherit}.gb-dock .gb-widget{display:block;width:100%;background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a}.gb-dock .gb-widget .w-bar{border-radius:14px 14px 0 0}.gb-dock .gb-widget.is-collapsed{background:transparent;box-shadow:none;overflow:visible}.gb-dock .w-collapsed{display:flex;align-items:center;gap:8px;padding:0}.gb-dock .w-col-card{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:5px;background:var(--surface);border-radius:14px;height:52px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:8px 8px 8px 10px}.gb-dock .w-collapsed .play{flex:0 0 auto;width:56px;height:56px;font-size:18px;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a;order:1}.gb-dock .gb-widget.anchor-bottom-left .w-collapsed .play{order:-1}.gb-dock .w-col-face{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.gb-dock .w-col-metro{display:flex;flex-direction:column;align-items:center;gap:4px}.gb-dock .w-collapsed .w-dot{width:7px;height:7px}.gb-dock .w-collapsed .w-dot.first{width:10px;height:10px}.gb-dock .w-col-bar{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--hint);font-variant-numeric:tabular-nums}.gb-dock .w-chip{padding:5px 9px;border-radius:8px;font-size:13px;font-weight:800;line-height:1}.gb-dock .w-expand-btn{margin-left:auto;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-2);font-size:13px;cursor:pointer}.gb-dock .w-expand-btn:hover{border-color:var(--hint);color:var(--ink)}.gb-dock .w-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--hairline);background:var(--surface)}.gb-dock .w-grip{flex:0 0 auto;cursor:grab;color:var(--hint);font-size:16px;letter-spacing:2px;line-height:1;padding:6px 2px;touch-action:none;-webkit-user-select:none;user-select:none}.gb-dock .w-grip:hover{color:var(--ink-2)}.gb-dock .w-grip:active{cursor:grabbing}.gb-dock .w-grip.is-anchor,.gb-dock .w-grip.is-anchor:active{cursor:pointer}.gb-dock .w-mode{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.gb-dock .w-mode:hover{border-color:var(--border);background:var(--page-bg)}.gb-dock .w-mode-icon{display:block;width:15px;height:15px;flex:0 0 auto;color:var(--ink-2)}.gb-dock .w-mode-icon svg{display:block}.gb-dock .w-name{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink)}.gb-dock .w-swap{font-size:11px;font-weight:700;color:var(--hint);line-height:1}.gb-dock .w-mode:hover .w-swap{color:var(--ink-2)}.gb-dock .w-bar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.gb-dock .w-build{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .15s var(--ease-out);text-decoration:none;display:inline-flex;align-items:center}.gb-dock .w-build:hover{border-color:var(--ink)}.gb-dock .w-collapse-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.gb-dock .w-collapse-btn:hover{border-color:var(--ink);background:var(--page-bg)}.gb-dock .w-collapse-btn i{display:block;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-top:-5px;transition:transform .16s var(--ease-out),margin-top .16s var(--ease-out)}.gb-dock .w-collapse-btn.is-up i{transform:rotate(-135deg);margin-top:5px}.gb-dock .w-body{display:flex;flex-direction:column;gap:14px;padding:14px}.gb-dock .w-tempo{display:flex;align-items:flex-start;gap:12px}.gb-dock .w-tempo-meta{display:flex;flex-direction:column;min-width:0;flex:0 0 auto}.gb-dock .w-tempo-row{display:flex;align-items:center;gap:5px}.gb-dock .bpm{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer;line-height:1;box-sizing:border-box}.gb-dock .bpm:hover{border-color:var(--ink-2)}.gb-dock .bpm--hybrid{gap:4px}.gb-dock .bpm:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-dock input.bpm__num{font-family:inherit;font-size:26px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;border:none;background:transparent;padding:0;margin:0;width:3.4ch;text-align:right;outline:none;cursor:text;letter-spacing:-.5px}.gb-dock .bpm__val{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.gb-dock .bpm__lbl{font-size:10px;font-weight:700;color:var(--label);letter-spacing:.04em;text-transform:lowercase;flex:0 0 auto}.gb-dock .bpm__caret-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;color:var(--label);line-height:1;border-radius:99px}.gb-dock .bpm__caret-btn:hover{background:var(--page-bg)}.gb-dock .bpm__caret-btn:hover,.gb-dock .bpm__caret-btn[aria-expanded=true]{color:var(--ink)}.gb-dock .bpm__chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);display:inline-block;margin-top:-4px;flex:none;transition:transform .12s ease-out,margin-top .12s ease-out}.gb-dock .bpm__caret-btn[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-dock .w-tempo-meta{position:relative}.gb-dock .w-bpm-wrap{position:relative;flex:0 0 auto}.gb-dock .w-bpm-wrap--mini .list-popover{top:auto;bottom:100%;margin:0 0 8px;min-width:84px}.gb-dock .drop-up .list-popover,.gb-dock .drop-up .gear-popover,.gb-dock .drop-up .pat-pop{top:auto;bottom:100%;margin:0 0 8px}.gb-dock .w-drop-below .list-popover{top:100%;bottom:auto;margin:8px 0 0}.gb-dock .bpm-roller-btn{height:36px;display:inline-flex;align-items:center;gap:3px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.gb-dock .bpm-roller-btn:hover{border-color:var(--ink-2)}.gb-dock .bpm-roller-btn[aria-expanded=true]{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-dock .bpm-roller-btn .n{font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.gb-dock .bpm-roller-btn .u{font-size:8px;font-weight:700;color:var(--label);letter-spacing:.05em}.gb-dock .w-roller{min-width:84px!important;max-width:132px}.gb-dock .w-ts-btn{border:0;background:none;cursor:pointer;padding:3px 10px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-dock .w-ts-btn:hover,.gb-dock .w-ts-btn[aria-expanded=true]{background:var(--page-bg)}.gb-dock .w-ts-pop{padding:16px}.gb-dock .list-popover.w-ts-pop.is-open{display:flex;gap:12px;align-items:center;min-width:0;max-width:none}.gb-dock .w-ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gb-dock .w-ts-col{display:flex;flex-direction:column;gap:6px}.gb-dock .w-ts-slash{align-self:center;font-size:26px;font-weight:800;color:var(--hint);padding:0 2px}.gb-dock .w-ts-opt{border:0;background:transparent;border-radius:8px;padding:0;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-dock .w-ts-opt:hover{background:var(--page-bg)}.gb-dock .w-ts-opt[aria-selected=true]{background:var(--ink);color:#fff}.gb-dock .w-ts-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.06em;line-height:1}.gb-dock .w-ts-hint:empty{display:none}.gb-dock .w-acc-grid{display:flex;gap:6px;align-items:flex-end}.gb-dock .w-acc-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;border:0;background:none;padding:5px 3px 4px;cursor:pointer;border-radius:8px}.gb-dock .w-acc-col:hover{background:var(--page-bg)}.gb-dock .w-acc-col.on{box-shadow:0 0 0 2px var(--gold)}.gb-dock .w-acc-boxes{display:flex;flex-direction:column-reverse;gap:3px}.gb-dock .w-acc-box{height:14px;border-radius:4px;background:var(--hairline)}.gb-dock .w-acc-grid.is-dense{gap:3px}.gb-dock .w-acc-grid.is-dense .w-acc-col{padding:4px 1px 3px}.gb-dock .w-acc-grid.is-dense .w-acc-box{height:10px}.gb-dock .w-acc-box.f{background:var(--ink)}.gb-dock .w-acc-n{font-size:10px;font-weight:800;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums}.gb-dock .w-roller .list-popover__item{justify-content:center;align-items:baseline;gap:6px;padding:7px 10px;font-variant-numeric:tabular-nums}.gb-dock .w-roller__v{font-weight:800}.gb-dock .w-roller__d{font-size:10px;font-weight:700;color:var(--hint);min-width:20px;text-align:left}.gb-dock .list-popover__item[aria-selected=true] .w-roller__d{color:#fff9}.gb-dock .w-roller .list-popover__item.is-dead{opacity:.35;cursor:default}.gb-dock .list-popover{position:absolute;top:100%;left:0;margin-top:8px;min-width:180px;max-width:260px;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #00000024,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:60;padding:6px;display:none}.gb-dock .list-popover.is-open{display:block}.gb-dock .list-popover__item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;cursor:pointer;text-align:left}.gb-dock .list-popover__item:hover{background:var(--page-bg)}.gb-dock .list-popover__item[aria-selected=true]{background:var(--ink);color:#fff}.gb-dock .w-unit{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}.gb-dock .w-term{font-size:11px;font-weight:600;color:var(--hint);text-align:center}.gb-dock .w-tempo-btns{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.gb-dock .w-sq{width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:18px;font-weight:700;cursor:pointer;transition:border-color .15s var(--ease-out)}.gb-dock .w-sq:hover{border-color:var(--ink)}.gb-dock .w-tap{height:44px;padding:0 12px;flex:1 0 auto;max-width:88px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:border-color .15s var(--ease-out)}.gb-dock .w-tap:hover{border-color:var(--ink)}.gb-dock .w-transport{display:flex;align-items:center;gap:12px}.gb-dock .play{border:0;border-radius:99px;background:var(--ink);color:#fff;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out)}.gb-dock .play:hover{transform:scale(1.04)}.gb-dock .play svg{width:32%;height:32%;display:block}.gb-dock .play.is-running{background:var(--gold);color:var(--ink)}.gb-dock .play.is-running:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:.45;animation:pulse-ring 1.4s ease-out infinite}.gb-dock .w-transport-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;min-width:0;flex:1 1 auto}.gb-dock .w-footer{display:flex;align-items:center;gap:14px}.gb-dock .w-footer .w-foot-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);flex:0 0 auto}.gb-dock .w-footer input[type=range]{flex:1 1 auto;min-width:0;height:24px;accent-color:var(--ink);cursor:pointer}.gb-dock .w-footer .play{flex:0 0 auto;width:56px;height:56px;font-size:19px}.gb-dock .w-pos-row{display:flex;align-items:baseline;gap:8px}.gb-dock .w-pos{font-size:15px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}.gb-dock .w-pos-cap{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--hint)}.gb-dock .w-beats{display:flex;align-items:center;gap:5px;height:12px}.gb-dock .w-dot{width:8px;height:8px;border-radius:99px;flex:0 0 auto;background:var(--border);transition:background .12s linear}.gb-dock .w-dot.first{width:11px;height:11px;background:var(--hint)}.gb-dock .w-dot.on{background:var(--gold)}.gb-dock .w-chord{padding:10px;border:1px solid var(--hairline);border-radius:12px;background:#f5f5f5}.gb-dock .w-chord[aria-hidden=true]{display:none}.gb-dock .w-deck{position:relative;width:100%;height:134px}.gb-dock .cc{position:absolute;top:4px;left:0;width:100px;height:118px;background-color:var(--surface);background-image:linear-gradient(var(--ccWash, transparent),var(--ccWash, transparent));border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;transition:transform var(--adv-ms, .25s) var(--ease-out),opacity var(--adv-ms, .25s) var(--ease-out),box-shadow .18s var(--ease-out)}.gb-dock .cc__badge svg{display:block}.gb-dock .cc.is-muted{--cc:var(--hairline);--ccGlow:transparent;color:var(--hint);box-shadow:none;border:1px solid var(--border);background:var(--surface)}.gb-dock .cc.is-muted .cc__qual{color:var(--hint)}.gb-dock .nc-strings{display:block;color:var(--hint)}.gb-dock .cc__qual{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);text-align:center;padding:0 5px;line-height:1.2}.gb-dock .cc.is-next{box-shadow:0 0 0 2px var(--cc),0 2px 8px #0000000f}.gb-dock .cc.is-now{box-shadow:0 0 0 4px var(--cc),0 0 0 5.5px #fff,0 0 0 6.5px #0000002e,0 12px 28px var(--ccGlow),0 2px 6px #00000014}.gb-dock .cc.is-later[data-pos=next]{opacity:1;filter:grayscale(1);--ccWash:var(--ccW1);box-shadow:0 0 0 2px #00000021,0 2px 8px #0000000d}.gb-dock .cc[data-pos=now]{transform:translate(var(--nowX, 0px),-2px) scale(1);opacity:1;z-index:4}.gb-dock .cc[data-pos=next]{transform:translate(var(--nextX, 150px)) scale(.94);opacity:1;z-index:3;--ccWash:var(--ccW1)}.gb-dock .cc[data-pos=q2]{transform:translate(calc(var(--nextX, 150px) + 13px),6px) scale(.88);opacity:.6;z-index:2;--ccWash:var(--ccW2)}.gb-dock .cc[data-pos=q3]{transform:translate(calc(var(--nextX, 150px) + 24px),12px) scale(.82);opacity:.35;z-index:1;--ccWash:var(--ccW3)}.gb-dock .cc.is-thrown{transform:translate(calc(var(--nowX, 0px) - 20px),-14px) rotate(-9deg) scale(.58);opacity:0;z-index:5}.gb-dock .cc.is-beat-pulse{animation:card-beat var(--beat-ms, .5s) cubic-bezier(.22,.7,.32,1)}.gb-dock .w-col-deck{display:flex;align-items:center;gap:4px}.gb-dock .w-col-deck .cc-mini{position:relative;display:block}.gb-dock .w-col-deck .cc-mini svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.gb-dock .w-col-deck .cc-mini.is-next{opacity:.55}.gb-dock .w-selects{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}.gb-dock .w-metre-pair{display:flex;align-items:center;gap:10px;min-width:0}.gb-dock .w-sub-vol{flex:1 1 auto;min-width:0;height:24px}.gb-dock .w-sub-vol.is-dead{opacity:.35;cursor:not-allowed}.gb-dock .w-sub-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);align-self:center;flex:0 0 auto}.gb-dock .w-sub-cell{position:relative;flex:0 0 auto}.gb-dock .w-sub-pop{padding:16px}.gb-dock .list-popover.w-sub-pop.is-open{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:none}.gb-dock .w-sub-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint);margin-bottom:5px}.gb-dock .w-div-row{display:flex;gap:6px}.gb-dock .w-div-opt{width:44px;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.gb-dock .w-div-opt:hover{border-color:var(--ink-2)}.gb-dock .w-div-opt[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.gb-dock .w-pat-strip{display:flex;gap:4px;padding:8px;border-radius:10px;background:var(--page-bg)}.gb-dock .w-pat-cell{width:44px;height:52px;border:1px solid transparent;border-radius:8px;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);transition:border-color .14s var(--ease-out),color .14s var(--ease-out)}.gb-dock .w-pat-cell:hover{border-color:var(--ink-2)}.gb-dock .w-pat-cell[aria-pressed=false]{color:var(--hint)}.gb-dock .w-sub-btn{border:0;background:none;cursor:pointer;padding:3px 8px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-dock .w-sub-btn:hover,.gb-dock .w-sub-btn[aria-expanded=true]{background:var(--page-bg)}.gb-dock .w-sub-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);text-align:center;letter-spacing:.06em;line-height:1}.gb-dock .w-sub-hint:empty{display:none}.gb-dock .w-selects label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-dock .w-selects input[type=range]{width:100%;height:24px;accent-color:var(--ink);cursor:pointer}.gb-dock .w-select-row{display:contents}.gb-dock .w-select-row.is-off{display:none}.gb-dock .w-pick-wrap{position:relative}.gb-dock .w-pick-wrap.is-above .list-popover{top:auto;bottom:100%;margin:0 0 8px}.gb-dock .w-pick{width:100%;min-height:48px;padding:6px 4px 6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;font-family:inherit;transition:border-color .15s var(--ease-out)}.gb-dock .w-pick:hover{border-color:var(--ink)}.gb-dock .w-pick-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.gb-dock .w-pick-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-dock .w-pick-beat{display:flex;align-items:center;gap:5px;min-width:0}.gb-dock .w-pick-harm{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;padding-left:8px}.gb-dock .w-pick-mode{color:var(--ink-2);letter-spacing:.07em}.gb-dock .w-key-chip{color:#fff;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;line-height:1;flex:0 0 auto;letter-spacing:0;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-1.5px;box-shadow:0 1px 4px #0000001f}.gb-dock .w-key-chip[data-warm-text=true]{color:var(--ink-warm)}.gb-dock .w-strip{display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center}.gb-dock .w-strip-row{display:flex;align-items:center;gap:8px}.gb-dock .w-strip-name{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);width:40px;flex:0 0 auto;text-align:right}.gb-dock .w-strip-steps{display:flex;gap:3px;flex:1 1 auto;min-width:0}.gb-dock .w-strip-step{flex:1 1 0;height:13px;border-radius:3px;background:#e4e4e4}.gb-dock .w-strip-step.hit{background:var(--ink)}.gb-dock .w-strip-row.is-ghost .w-strip-step.hit{background:transparent;box-shadow:inset 0 0 0 1.5px var(--hint)}.gb-dock .w-strip-step.now{box-shadow:0 0 0 2px var(--gold)}.gb-dock .w-strip-step.hit.now{background:var(--gold)}.gb-dock .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--hint);text-transform:uppercase}.gb-dock .w-pick-meta svg{display:block;flex:0 0 auto}.gb-dock .w-pick .bpm__chev{color:var(--label);flex:0 0 auto;margin-right:6px}.gb-dock .w-pick[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-dock .w-pick-item{flex-direction:column;align-items:stretch;gap:3px}.gb-dock .w-pick-group{display:flex;align-items:baseline;gap:6px;padding:9px 12px 4px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.gb-dock .w-pick-group:first-child{padding-top:4px}.gb-dock .w-pick-group-name{color:var(--ink-2)}.gb-dock .w-pick-group-note{font-size:9px;font-weight:700;letter-spacing:.2px;text-transform:none;color:var(--hint)}.gb-dock .w-pick-group.is-dead{opacity:.45}.gb-dock .list-popover__item.is-dead{opacity:.4;cursor:default}.gb-dock .w-mode:disabled{opacity:.45;cursor:default}.gb-dock .w-mode:disabled:hover{border-color:transparent;background:transparent}.gb-dock .list-popover__item[aria-selected=true] .w-pick-name{color:#fff}.gb-dock .list-popover__item[aria-selected=true] .w-pick-meta{color:#ffffffa6}@keyframes card-beat{0%{box-shadow:0 0 0 6px var(--chord-color, var(--ink)),0 0 0 7.5px #fff,0 0 0 9px #0003,0 22px 48px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 4px 10px #0000001f;transform:translateY(-5px) scale(1.018)}55%{box-shadow:0 0 0 4.5px var(--chord-color, var(--ink)),0 0 0 6px #fff,0 0 0 7px #0000002e,0 14px 30px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 2px 6px #00000014;transform:translateY(-3px) scale(1.006)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rec-ring{0%,to{box-shadow:0 0 #d9483b5c}50%{box-shadow:0 0 0 6px #d9483b00}}@keyframes tick-draw{0%{stroke-dashoffset:15}to{stroke-dashoffset:0}}.gb-metro{font-size:14px;color:var(--ink);font-family:Nunito,system-ui,sans-serif}.gb-metro{--sub-k: 1;--acc-k: 1;--page-bg:#EDEDED;--surface:#FFFFFF;--border:#E0E0E0;--hairline:#ECECEC;--ring-light:#F1F1F1;--ring-dark:#E8E8E8;--ink:#1A1A1A;--ink-2:#6B6B6B;--ink-warm:#2D1A00;--hint:#B8B8B8;--gold:#C9A227;--gold-text:#A88320;--ease-out:cubic-bezier(.33,1,.68,1);--gb-max: 980px;--acc-k: 2.1}.gb-metro .w-collapsed .play{flex:0 0 auto;width:56px;height:56px;font-size:18px;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-metro .bpm{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer;line-height:1;box-sizing:border-box}.gb-metro .bpm:hover{border-color:var(--ink-2)}.gb-metro .bpm--hybrid{gap:4px}.gb-metro .bpm:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-metro input.bpm__num{font-family:inherit;font-size:26px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;border:none;background:transparent;padding:0;margin:0;width:3.4ch;text-align:right;outline:none;cursor:text;letter-spacing:-.5px}.gb-metro .bpm__val{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.gb-metro .bpm__lbl{font-size:10px;font-weight:700;color:var(--label);letter-spacing:.04em;text-transform:lowercase;flex:0 0 auto}.gb-metro .bpm__caret-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;color:var(--label);line-height:1;border-radius:99px}.gb-metro .bpm__caret-btn:hover{background:var(--page-bg)}.gb-metro .bpm__caret-btn:hover,.gb-metro .bpm__caret-btn[aria-expanded=true]{color:var(--ink)}.gb-metro .bpm__chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);display:inline-block;margin-top:-4px;flex:none;transition:transform .12s ease-out,margin-top .12s ease-out}.gb-metro .bpm__caret-btn[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-metro .w-bpm-wrap{position:relative;flex:0 0 auto}.gb-metro .w-bpm-wrap--mini .list-popover{top:auto;bottom:100%;margin:0 0 8px;min-width:84px}.gb-metro .w-drop-below .list-popover{top:100%;bottom:auto;margin:8px 0 0}.gb-metro .bpm-roller-btn{height:36px;display:inline-flex;align-items:center;gap:3px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.gb-metro .bpm-roller-btn:hover{border-color:var(--ink-2)}.gb-metro .bpm-roller-btn[aria-expanded=true]{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-metro .bpm-roller-btn .n{font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.gb-metro .bpm-roller-btn .u{font-size:8px;font-weight:700;color:var(--label);letter-spacing:.05em}.gb-metro .w-ts-btn{border:0;background:none;cursor:pointer;padding:3px 10px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-metro .w-ts-btn:hover,.gb-metro .w-ts-btn[aria-expanded=true]{background:var(--page-bg)}.gb-metro .w-ts-pop{padding:16px}.gb-metro .list-popover.w-ts-pop.is-open{display:flex;gap:12px;align-items:center;min-width:0;max-width:none}.gb-metro .w-ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gb-metro .w-ts-col{display:flex;flex-direction:column;gap:6px}.gb-metro .w-ts-slash{align-self:center;font-size:26px;font-weight:800;color:var(--hint);padding:0 2px}.gb-metro .w-ts-opt{border:0;background:transparent;border-radius:8px;padding:0;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-metro .w-ts-opt:hover{background:var(--page-bg)}.gb-metro .w-ts-opt[aria-selected=true]{background:var(--ink);color:#fff}.gb-metro .w-ts-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.06em;line-height:1}.gb-metro .w-ts-hint:empty{display:none}.gb-metro .w-roller .list-popover__item{justify-content:center;align-items:baseline;gap:6px;padding:7px 10px;font-variant-numeric:tabular-nums}.gb-metro .list-popover__item[aria-selected=true] .w-roller__d{color:#fff9}.gb-metro .w-roller .list-popover__item.is-dead{opacity:.35;cursor:default}.gb-metro .list-popover{position:absolute;top:100%;left:0;margin-top:8px;min-width:180px;max-width:260px;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #00000024,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:60;padding:6px;display:none}.gb-metro .list-popover.is-open{display:block}.gb-metro .list-popover__item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;cursor:pointer;text-align:left}.gb-metro .list-popover__item:hover{background:var(--page-bg)}.gb-metro .list-popover__item[aria-selected=true]{background:var(--ink);color:#fff}.gb-metro .play{border:0;border-radius:99px;background:var(--ink);color:#fff;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out)}.gb-metro .play:hover{transform:scale(1.04)}.gb-metro .play svg{width:32%;height:32%;display:block}.gb-metro .play.is-running{background:var(--gold);color:var(--ink)}.gb-metro .play.is-running:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:.45;animation:pulse-ring 1.4s ease-out infinite}.gb-metro .w-footer .play{flex:0 0 auto;width:56px;height:56px;font-size:19px}.gb-metro .w-metre-pair{display:flex;align-items:center;gap:10px;min-width:0}.gb-metro .w-sub-vol{flex:1 1 auto;min-width:0;height:24px}.gb-metro .w-sub-vol.is-dead{opacity:.35;cursor:not-allowed}.gb-metro .w-sub-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);align-self:center;flex:0 0 auto}.gb-metro .w-sub-cell{position:relative;flex:0 0 auto}.gb-metro .w-sub-pop{padding:16px}.gb-metro .list-popover.w-sub-pop.is-open{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:none}.gb-metro .w-sub-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint);margin-bottom:5px}.gb-metro .w-sub-btn{border:0;background:none;cursor:pointer;padding:3px 8px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-metro .w-sub-btn:hover,.gb-metro .w-sub-btn[aria-expanded=true]{background:var(--page-bg)}.gb-metro .w-sub-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);text-align:center;letter-spacing:.06em;line-height:1}.gb-metro .w-sub-hint:empty{display:none}.gb-metro .w-pick-wrap{position:relative}.gb-metro .w-pick-wrap.is-above .list-popover{top:auto;bottom:100%;margin:0 0 8px}.gb-metro .w-pick{width:100%;min-height:48px;padding:6px 4px 6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;font-family:inherit;transition:border-color .15s var(--ease-out)}.gb-metro .w-pick:hover{border-color:var(--ink)}.gb-metro .w-pick-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.gb-metro .w-pick-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-metro .w-pick-beat{display:flex;align-items:center;gap:5px;min-width:0}.gb-metro .w-pick-harm{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;padding-left:8px}.gb-metro .w-pick-mode{color:var(--ink-2);letter-spacing:.07em}.gb-metro .w-key-chip{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;line-height:1;flex:0 0 auto;letter-spacing:0;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-1.5px;box-shadow:0 1px 4px #0000001f}.gb-metro .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--hint);text-transform:uppercase}.gb-metro .w-pick-meta svg{display:block;flex:0 0 auto}.gb-metro .w-pick .bpm__chev{color:var(--label);flex:0 0 auto;margin-right:6px}.gb-metro .w-pick[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-metro .w-pick-item{flex-direction:column;align-items:stretch;gap:3px}.gb-metro .w-pick-group{display:flex;align-items:baseline;gap:6px;padding:9px 12px 4px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.gb-metro .w-pick-group:first-child{padding-top:4px}.gb-metro .w-pick-group-name{color:var(--ink-2)}.gb-metro .w-pick-group-note{font-size:9px;font-weight:700;letter-spacing:.2px;text-transform:none;color:var(--hint)}.gb-metro .w-pick-group.is-dead{opacity:.45}.gb-metro .list-popover__item.is-dead{opacity:.4;cursor:default}.gb-metro .list-popover__item[aria-selected=true] .w-pick-name{color:#fff}.gb-metro .list-popover__item[aria-selected=true] .w-pick-meta{color:#ffffffa6}.gb-metro .w-div-row{display:flex;gap:calc(6px * var(--sub-k))}.gb-metro .w-div-opt{width:calc(44px * var(--sub-k));height:calc(38px * var(--sub-k));border:1px solid var(--border);border-radius:calc(8px * var(--sub-k));background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.gb-metro .w-div-opt:hover{border-color:var(--ink-2)}.gb-metro .w-div-opt[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.gb-metro .w-pat-strip{display:flex;gap:calc(4px * var(--sub-k));padding:calc(8px * var(--sub-k));border-radius:calc(10px * var(--sub-k));background:var(--page-bg)}.gb-metro .w-pat-cell{width:calc(44px * var(--sub-k));height:calc(52px * var(--sub-k));border:1px solid transparent;border-radius:calc(8px * var(--sub-k));background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);transition:border-color .14s var(--ease-out),color .14s var(--ease-out)}.gb-metro .w-pat-cell:hover{border-color:var(--ink-2)}.gb-metro .w-pat-cell[aria-pressed=false]{color:var(--hint)}.gb-metro .w-acc-grid{display:flex;gap:calc(6px * var(--acc-k));align-items:flex-end}.gb-metro .w-acc-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:calc(4px * var(--acc-k));border:0;background:none;padding:calc(5px * var(--acc-k)) calc(3px * var(--acc-k)) calc(4px * var(--acc-k));cursor:pointer;border-radius:calc(8px * var(--acc-k))}.gb-metro .w-acc-col:hover{background:var(--page-bg)}.gb-metro .w-acc-col.on{box-shadow:0 0 0 2px var(--gold)}.gb-metro .w-acc-boxes{display:flex;flex-direction:column-reverse;gap:calc(3px * var(--acc-k))}.gb-metro .w-acc-box{height:calc(14px * var(--acc-k));border-radius:calc(4px * var(--acc-k));background:var(--hairline)}.gb-metro .w-acc-grid.is-dense{gap:calc(3px * var(--acc-k))}.gb-metro .w-acc-grid.is-dense .w-acc-col{padding:calc(4px * var(--acc-k)) calc(1px * var(--acc-k)) calc(3px * var(--acc-k))}.gb-metro .w-acc-grid.is-dense .w-acc-box{height:calc(10px * var(--acc-k))}.gb-metro .w-acc-box.f{background:var(--ink)}.gb-metro .w-acc-n{font-size:10px;font-weight:800;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums}.gb-metro button,.gb-metro select,.gb-metro input{font-family:inherit}.gb-metro .gb-full{position:relative;width:1280px;background:#f5f5f5;border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;overflow:hidden;display:flex;flex-direction:column}.gb-metro .flash-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;background:var(--gold);opacity:0;transition:opacity 90ms linear}.gb-metro .gb-header{display:flex;align-items:center;gap:14px;padding:0 20px;height:56px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-metro .gb-header .app-name{font-size:14px;font-weight:800;letter-spacing:.3px}.gb-metro .vdiv{width:1px;height:20px;background:var(--hairline);display:block}.gb-metro .lbl{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-metro .lbl-sm{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-metro .select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.gb-metro .header-right{margin-left:16px;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.gb-metro .header-nav{margin-left:auto}.gb-metro .saved-label{font-size:12px;font-weight:600;color:var(--hint)}.gb-metro .btn[disabled]{color:var(--hint);border-color:var(--hairline);cursor:default}.gb-metro .btn[disabled]:hover{background:var(--surface)}.gb-metro .btn{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.gb-metro .btn:hover{border-color:var(--ink)}.gb-metro .btn.muted-text{color:var(--ink-2)}.gb-metro .btn.muted-text:hover{color:var(--ink)}.gb-metro .btn.dark{border:1px solid var(--ink);background:var(--ink);color:#fff}.gb-metro .btn.dark:hover{opacity:.88}.gb-metro .gb-transport{display:flex;align-items:center;gap:20px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-metro .bpm-value{font-size:40px;font-weight:800;letter-spacing:-1.4px;line-height:1;font-variant-numeric:tabular-nums}.gb-metro .auto-badge{font-size:12px;font-weight:700;color:var(--gold-text)}.gb-metro .tempo-btns{display:flex;align-items:center;gap:6px}.gb-metro .sq-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:18px;font-weight:700;color:var(--ink);cursor:pointer}.gb-metro .sq-btn:hover{border-color:var(--ink)}.gb-metro .tap-btn{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;font-weight:800;letter-spacing:.4px;color:var(--ink);cursor:pointer}.gb-metro .tap-btn:hover{border-color:var(--ink)}.gb-metro .vdiv-tall{width:1px;height:44px;background:var(--hairline);display:block}.gb-metro .field-col{display:flex;flex-direction:column;gap:5px}.gb-metro .select-lg{height:40px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:10px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background:var(--surface);color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}.gb-metro .seg-group{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f5f5f5}.gb-metro .seg{height:34px;min-width:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer;transition:background .2s var(--ease-out)}.gb-metro .seg.on{background:var(--ink);color:#fff;font-weight:800}.gb-metro .position-block{margin-left:auto;display:flex;flex-direction:column;gap:5px;min-width:210px}.gb-metro .pos-row{display:flex;align-items:center;gap:8px}.gb-metro .pos-k{flex:0 0 32px;text-align:left;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hint)}.gb-metro .pos-n{flex:0 0 48px;font-variant-numeric:tabular-nums}.gb-metro .pos-n b{font-size:14px;font-weight:800;color:var(--ink)}.gb-metro .pos-n i{font-style:normal;font-size:10px;font-weight:700;color:var(--hint);margin:0 1px}.gb-metro .pos-row .loop-segs,.gb-metro .pos-row .beat-dots{flex:0 0 auto}.gb-metro .pos-row .loop-segs{min-width:88px}.gb-metro .loop-segs{display:flex;gap:4px}.gb-metro .loop-seg{flex:1 1 0;height:5px;border-radius:99px;background:var(--border);transition:background .2s var(--ease-out)}.gb-metro .loop-seg.cur{background:var(--gold)}.gb-metro .beat-dots{display:flex;align-items:center;gap:5px;height:12px}.gb-metro .beat-dot{border-radius:99px;flex:0 0 auto;background:var(--border);transition:background .12s linear}.gb-metro .beat-dot.strong{background:var(--hint)}.gb-metro .beat-dot.on{background:var(--gold)}.gb-metro .gb-body{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;align-items:stretch;padding:20px}.gb-metro .gb-main{grid-column:1/span 3;min-width:0;display:flex;flex-direction:column;gap:20px}.gb-metro .gb-aside{grid-column:4;min-width:0;display:flex;flex-direction:column;gap:14px}.gb-metro .card{background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:14px;display:flex;flex-direction:column;gap:14px}.gb-metro .card-head{display:flex;align-items:center;gap:14px}.gb-metro .card-hint{font-size:12px;font-weight:600;color:var(--hint)}.gb-metro .btn-sm{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:11px;font-weight:700;color:var(--ink-2);cursor:pointer}.gb-metro .btn-sm:hover{border-color:var(--ink);color:var(--ink)}.gb-metro .btn-sm.ink{color:var(--ink)}.gb-metro .gb-grid{display:flex;flex-direction:column;gap:6px}.gb-metro .grid-ruler{display:flex;align-items:flex-end;gap:14px;padding-left:132px}.gb-metro .ruler-group{display:flex;gap:7px;min-width:0}.gb-metro .ruler-beat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.gb-metro .ruler-num{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--hint);transition:color .12s linear}.gb-metro .ruler-num.strong{font-weight:800;color:var(--ink)}.gb-metro .ruler-num.cur{color:var(--gold-text)}.gb-metro .ruler-bar{display:block;width:100%;height:3px;border-radius:99px;background:var(--ring-light);transition:background .12s linear}.gb-metro .ruler-bar.strong{background:var(--border)}.gb-metro .ruler-bar.cur{background:var(--gold)}.gb-metro .gb-lane{display:flex;align-items:center;gap:0}.gb-metro .lane-head{width:132px;flex:0 0 132px;display:flex;align-items:center;gap:8px;padding-right:14px}.gb-metro .lane-mute{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.gb-metro .lane-mute.muted{border-color:var(--border);background:#f5f5f5;color:var(--hint)}.gb-metro .lane-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gb-metro .lane-name{font-size:12px;font-weight:800;letter-spacing:.2px;color:var(--ink);white-space:nowrap}.gb-metro .lane-name.muted{color:var(--hint)}.gb-metro .lane-vol{width:72px;height:16px;accent-color:var(--ink-2);cursor:pointer}.gb-metro .lane-chord{display:flex;flex-direction:column;align-items:center;gap:3px}.gb-metro .lane-chord svg{display:block}.gb-metro .lane-chord-now{display:flex;align-items:center;justify-content:center}.gb-metro .strum-marks{position:relative;height:40px;pointer-events:none}.gb-metro .strum-marks .smk{position:absolute;bottom:0;transform:translate(-50%);display:block}.gb-metro .lane-chord-next{display:flex;align-items:center;justify-content:center;min-height:38px}.gb-metro .lane-chord-next[hidden]{display:flex;visibility:hidden}.gb-metro .lane-name[data-lane-name]:focus-visible,.gb-metro .lane-pick[data-lane-name]:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-radius:5px}.gb-metro .lane-groups{flex:1 1 auto;min-width:0;display:flex;gap:14px}.gb-metro .slot-group{display:flex;gap:7px;min-width:0}.gb-metro .slot-beat{display:flex;gap:3px;min-width:0}.gb-metro .slot.on-beat{background:var(--hairline)}.gb-metro .slot.now{box-shadow:0 0 0 2px var(--gold)}.gb-metro .slot .bar{display:block;width:100%;height:0;border-radius:7px;background:var(--ink);transition:height .15s var(--ease-out)}.gb-metro .chips{display:flex;flex-wrap:wrap;gap:8px}.gb-metro #focusZone{min-height:280px;flex:1 1 auto}.gb-metro #focusProg,.gb-metro #focusStrum,.gb-metro #focusNone{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.gb-metro #focusProg .gb-timeline .gridcol{row-gap:var(--gb-lane-gap, 7px)}.gb-metro #focusProg .gb-timeline .gridcol>.lane:nth-child(1){height:var(--gb-flourish-h, 28px)}.gb-metro #focusProg .gb-timeline .gridcol>.lane:nth-child(3){height:var(--gb-chords-h, 56px)}.gb-metro #progTimeline{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.gb-metro .focus-head{display:flex;align-items:center;gap:20px}.gb-metro .focus-head-left{flex:1 1 auto;min-width:0;display:flex;align-items:center}.gb-metro .focus-head-right{flex:1 1 auto;min-width:max-content;display:flex;align-items:center;justify-content:flex-end;gap:10px}.gb-metro .focus-save,.gb-metro .focus-pick .w-pick-name{white-space:nowrap}.gb-metro .focus-title{overflow:hidden;text-overflow:ellipsis}.gb-metro .focus-title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px;color:var(--ink);white-space:nowrap}.gb-metro .focus-chord{display:flex;align-items:center}.gb-metro .focus-chord svg{display:block}.gb-metro .focus-empty{font-size:13px;color:var(--hint);padding:44px 0 30px;text-align:center;line-height:1.7}.gb-metro .focus-empty strong{color:var(--ink-2)}.gb-metro .focus-save{font:inherit;font-size:12.5px;font-weight:800;border-radius:9px;padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:7px}.gb-metro .focus-save:hover{border-color:var(--hint)}.gb-metro .focus-save svg{display:block}.gb-metro .focus-pick.w-pick{width:auto;min-height:0;padding:6px 10px 6px 12px;gap:9px}.gb-metro .focus-pick .w-pick-text{flex-direction:row;align-items:center;gap:7px;flex:0 1 auto}.gb-metro .focus-pick .w-pick-name{font-size:12.5px;font-weight:800}.gb-metro .focus-pick .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--ink-2)}.gb-metro .focus-pick-sep{color:#d8d8d8;font-size:11px;font-weight:700}.gb-metro .focus-pick-pop.list-popover{min-width:268px;padding:5px;border-radius:11px}.gb-metro .focus-pick-pop .w-pick-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 9px;border-radius:8px}.gb-metro .focus-pick-pop .w-pick-item .w-pick-name{flex:1 1 auto}.gb-metro .focus-pick-pop .w-pick-item .w-pick-meta{flex:0 0 auto}.gb-metro .focus-pick-pop .w-pick-item.is-unfit{opacity:.42;cursor:default}.gb-metro .chip{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 6px;border-radius:10px;box-shadow:0 1px 2px #0000001f;transition:box-shadow .2s var(--ease-out)}.gb-metro .chip.cur{box-shadow:0 0 0 3px var(--gold)}.gb-metro .chip select{height:32px;padding:0 4px;border:0;border-radius:7px;background:transparent;font-size:16px;font-weight:800;cursor:pointer}.gb-metro .chip .bars{font-size:11px;font-weight:700;opacity:.75}.gb-metro .chip .rm{width:24px;height:24px;border:0;border-radius:6px;background:#ffffff38;font-size:13px;line-height:1;cursor:pointer;padding:0}.gb-metro .gb-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 20px 20px}.gb-metro .track-card{background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow .14s ease}.gb-metro .track-card:hover{box-shadow:0 2px 10px #00000012,0 0 0 1px #00000029}.gb-metro .track-card.on{box-shadow:0 2px 10px #00000012,0 0 0 2px var(--gold)}.gb-metro .track-head{display:flex;align-items:center;gap:8px}.gb-metro .track-name{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.gb-metro .track-role{font-size:11px;font-weight:600;color:var(--hint)}.gb-metro .track-mute{margin-left:auto;width:28px;height:28px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:11px;cursor:pointer;padding:0}.gb-metro .track-mute.muted{border-color:var(--border);background:#f5f5f5;color:var(--hint)}.gb-metro .track-deck{position:relative;height:146px;margin:auto 0}.gb-metro .card-picker{height:146px;margin:auto 0;display:flex;align-items:center;justify-content:center}.gb-metro .track-deck .cc{width:112px;height:138px}.gb-metro .track-deck .cc__qual{display:none}.gb-metro .track-level{display:flex;align-items:center;gap:8px;margin-top:auto}.gb-metro .track-level input{flex:1 1 auto;height:20px;accent-color:var(--ink);cursor:pointer}.gb-metro .track-card .field-col{align-items:stretch}.gb-metro .art-seg{width:100%}.gb-metro .art-seg .seg{flex:1 1 0;text-transform:capitalize;text-align:center}.gb-metro .swing-card{align-items:center;gap:12px}.gb-metro .swing-head{align-self:stretch;display:flex;align-items:center;gap:8px}.gb-metro .swing-name{margin-left:auto;font-size:12px;font-weight:700;color:var(--gold-text)}.gb-metro .swing-dial{position:relative;width:148px;height:148px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.gb-metro .swing-ring{position:absolute;inset:0;border-radius:99px;mask:radial-gradient(circle,transparent 57%,#000 58%);-webkit-mask:radial-gradient(circle,transparent 57%,#000 58%)}.gb-metro .swing-knob{position:absolute;left:50%;top:50%;width:4px;height:74px;margin:-74px 0 0 -2px;border-radius:99px;transform-origin:50% 100%;background:linear-gradient(to bottom,var(--ink) 0 20px,transparent 20px);transition:transform .2s var(--ease-out);pointer-events:none}.gb-metro .swing-center{position:relative;display:flex;flex-direction:column;align-items:center}.gb-metro .swing-value{font-size:30px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}.gb-metro .swing-range{width:100%;height:24px;accent-color:var(--ink);cursor:pointer}.gb-metro .detents{align-self:stretch;display:flex;justify-content:space-between}.gb-metro .detent{min-width:28px;height:24px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--hint);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:700;cursor:pointer}.gb-metro .detent.on{background:var(--ring-light);color:var(--ink)}.gb-metro .click-card{gap:10px}.gb-metro .click-note-row{display:flex;align-items:center;gap:8px}.gb-metro .click-note-row .select{margin-left:auto;height:36px;padding:0 8px;font-size:12px}.gb-metro .toggle-btns{display:flex;gap:8px}.gb-metro .toggle-btn{flex:1 1 0;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:800;cursor:pointer}.gb-metro .toggle-btn.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-metro .switch-head{display:flex;align-items:center;gap:8px}.gb-metro .switch{margin-left:auto;width:46px;height:26px;flex:0 0 46px;border:1px solid var(--border);border-radius:99px;background:#f5f5f5;padding:2px;display:flex;justify-content:flex-start;cursor:pointer;transition:background .2s var(--ease-out)}.gb-metro .switch.on{border-color:var(--ink);background:var(--ink);justify-content:flex-end}.gb-metro .switch .knob{display:block;width:20px;height:20px;border-radius:99px;background:var(--hint)}.gb-metro .switch.on .knob{background:#fff}.gb-metro .num-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gb-metro .num-row label,.gb-metro .num-row .unit{font-size:12px;font-weight:600;color:var(--ink-2)}.gb-metro .num-input{width:56px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:700;text-align:center}.gb-metro .state-label{font-size:12px;font-weight:600;color:var(--hint)}.gb-metro .state-label.gap-live{font-weight:700;color:var(--gold-text)}.gb-metro .seg-flex .seg{flex:1 1 0}.gb-metro .rail-grid{display:grid;grid-template-columns:36px 56px 38px 56px max-content;gap:10px 8px;align-items:center;justify-content:center}.gb-metro .rail-grid .k{font-size:12px;font-weight:600;color:var(--ink-2)}.gb-metro .rail-grid .k--c{text-align:center}.gb-metro .rail-grid .k--stack{line-height:1.05;text-align:center}.gb-metro .rail-grid input{width:56px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:700;text-align:center}.gb-metro .rail-grid input,.gb-metro .num-input{appearance:textfield;-moz-appearance:textfield}.gb-metro .rail-grid input::-webkit-outer-spin-button,.gb-metro .rail-grid input::-webkit-inner-spin-button,.gb-metro .num-input::-webkit-outer-spin-button,.gb-metro .num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gb-metro .click-level{display:flex;align-items:center;gap:8px}.gb-metro .click-level input{flex:1 1 auto;height:20px;accent-color:var(--ink);cursor:pointer}.gb-metro .gb-aside .seg--glyph{min-height:36px}.gb-metro .head-spacer{flex:1 1 auto}.gb-metro .cog-wrap{position:relative;display:inline-flex}.gb-metro .gear-btn{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 2px 6px #0000000f,0 0 0 1px #00000005;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}.gb-metro .gear-btn:hover{color:var(--ink)}.gb-metro .gear-btn[aria-expanded=true]{background:var(--page-bg);color:var(--ink)}.gb-metro .gear-btn svg{width:15px;height:15px;display:block}.gb-metro .gear-popover{position:absolute;top:calc(100% + 8px);right:0;width:226px;z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px 10px;display:none;max-height:calc(100vh - 24px);overflow-y:auto;box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f,0 0 0 1px #00000005}.gb-metro .gear-popover.is-open{display:block}.gb-metro .gear-popover.up{top:auto;bottom:calc(100% + 8px)}.gb-metro .gear-popover__title{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.gb-metro .gear-row{padding:8px 0}.gb-metro .gear-row+.gear-row{border-top:1px solid var(--hairline)}.gb-metro .gear-row__label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:7px}.gb-metro .cog-unbuilt{border:1px dashed var(--border);border-radius:9px;padding:9px 10px;font-size:11.5px;font-weight:600;color:var(--hint);line-height:1.45}.gb-metro .sounds{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gb-metro .sound-opt{height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:11.5px;font-weight:700;color:var(--ink-2);cursor:pointer;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-metro .sound-opt.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-metro .beats{display:flex;gap:5px}.gb-metro .beat{flex:1 1 0;min-width:0;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;font-weight:800;color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums}.gb-metro .beat.grp{border-color:var(--gold);color:var(--gold-text)}.gb-metro .beat.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-metro .cog-note{display:block;margin-top:7px;font-size:11px;font-weight:600;color:var(--hint)}.gb-metro .field-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gb-metro .field-col>.lbl-sm{height:14px;line-height:14px;display:block}.gb-metro .field-well{height:44px;display:flex;align-items:center;gap:10px}.gb-metro .lane-pick-wrap{min-width:0}.gb-metro .lane-pick{display:flex;align-items:center;gap:4px;width:auto;min-height:0;padding:0 2px 0 0;margin:0;border:0;background:transparent;border-radius:4px;cursor:pointer;color:var(--ink)}.gb-metro .lane-pick .w-pick-name{font-size:12px;font-weight:800;letter-spacing:.2px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:124px}.gb-metro .lane-pick .bpm__chev{color:var(--label);margin:0;flex:0 0 auto}.gb-metro .lane-pick:hover .bpm__chev{color:var(--ink)}.gb-metro .lane-pick.muted,.gb-metro .lane-pick.muted .w-pick-name{color:var(--hint)}.gb-metro .lane-pick-wrap .list-popover{min-width:186px}.gb-metro .kit-pick{min-width:0;padding:6px 10px}.gb-metro .kit-pick .w-pick-name{font-size:12px}.gb-metro #kitOpts .list-popover{min-width:190px}.gb-metro #loopCtl .list-popover{width:100%;min-width:0;max-width:none}.gb-metro .src-alarm{display:none}.gb-metro .src-alarm__txt{display:inline-block;background:#7a1b1b;color:#ffe8e8;font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 9px;border-radius:6px}.gb-metro .field-col--tempo{align-items:stretch}.gb-metro .field-col--tempo>.lbl-sm{text-align:center}.gb-metro .field-col>.lbl-sm:empty{display:block}.gb-metro .gb-transport .play{width:64px;height:64px;flex:0 0 auto;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-metro .gb-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.gb-metro .gb-modal[hidden]{display:none}.gb-metro .gb-modal__scrim{position:absolute;inset:0;background:#0006}.gb-metro .gb-modal__panel{position:relative;width:100%;max-width:380px;padding:20px;background:var(--surface);border-radius:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 60px #00000047,0 0 0 1px #0000000f}.gb-metro .gb-modal__title{margin:0;font-size:16px;font-weight:800}.gb-metro .gb-modal__note{margin:0;font-size:12px;font-weight:600;color:var(--ink-2)}.gb-metro .gb-modal__input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:700;color:var(--ink);background:var(--surface);width:100%}.gb-metro .gb-modal__input:focus{outline:2px solid var(--ink);outline-offset:1px}.gb-metro .gb-modal__actions{display:flex;justify-content:flex-end;gap:8px}.gb-metro .w-sub-glyph{display:inline-flex;align-items:center;justify-content:center}.gb-metro .w-sub-glyph svg{display:block}.gb-metro .seg--glyph{height:auto;min-height:40px;padding:2px 10px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-metro .seg--glyph.on{color:#fff}.gb-metro .seg--glyph svg{display:block}.gb-metro .w-sub-cell,.gb-metro #meterCtl{position:relative}.gb-metro main{flex:1;min-height:0;display:flex;justify-content:center;padding:14px 0 var(--nav-reserve);background:var(--page-bg)}.gb-metro main>.gb-full{max-width:var(--gb-max)}.gb-metro .screen-identity{display:flex;align-items:center;gap:8px}.gb-metro .mt-mark{color:var(--ink-2)}.gb-metro .mt-mark svg{display:block}.gb-metro h1{font-size:19px;margin:0 0 8px;letter-spacing:-.01em}.gb-metro p{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0 0 10px;max-width:80ch}.gb-metro p strong{color:var(--ink)}.gb-metro p:last-child{margin-bottom:0}.gb-metro .gone{color:var(--hint);font-size:11.5px;font-weight:700}.gb-metro .keep{color:var(--gold-text);font-size:11.5px;font-weight:700}.gb-metro .gb-full{width:980px}.gb-metro .card.gap-live{box-shadow:0 2px 10px #00000012,0 0 0 2px var(--gold)}.gb-metro .gb-body{grid-template-columns:1fr 300px}.gb-metro .gb-main{grid-column:1}.gb-metro .gb-aside{grid-column:2}.gb-metro .w-acc-grid{flex:1 1 auto;min-width:0;gap:14px}.gb-metro .grid-ruler .ruler-num{display:none}.gb-metro .sounds .sound-opt:last-child:nth-child(odd){grid-column:1/-1}.gb-metro .gb-main{display:flex}.gb-metro .card.sec{height:100%}.gb-metro .sec{gap:12px;justify-content:space-between}.gb-metro .sec__full{width:100%;--acc-k:3.2}.gb-metro .sec__line{display:flex;align-items:center;gap:14px}.gb-metro .sec__name{flex:0 0 84px;font-size:12px;font-weight:800;color:var(--ink)}.gb-metro .sec__lvl{flex:0 0 225px;height:22px;accent-color:var(--ink);cursor:pointer}.gb-metro .sec__snd{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.gb-metro .sec__band{display:flex;flex-direction:column;gap:8px;padding:12px 0;margin:2px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.gb-metro .sec__snd .list-popover{min-width:200px}.gb-metro .sec__snd .w-pick.kit-pick{padding:6px 14px;gap:10px}.gb-metro .matched{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;flex:1 1 auto}.gb-metro .matched .switch{margin-left:0;flex:0 0 auto}.gb-metro .matched .lbl-sm{line-height:1}.gb-metro .sub-cap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hint)}.gb-metro .sub-cap:empty{visibility:hidden}.gb-metro .sec__snd .w-pick{width:auto}.gb-metro .sec__band .is-dead-line .sec__lvl,.gb-metro .sec__band .is-dead-line .sec__snd{opacity:.45}.gb-metro .sec__band .is-dead-line .sec__lvl{cursor:default}.gb-metro .sec.is-dead-parts .parts{opacity:.45}.gb-metro .sec.is-dead-parts .part{cursor:default}.gb-metro .sec.is-dead-parts .part:hover{border-color:var(--border)}.gb-metro .swing-card.is-dead .swing-dial,.gb-metro .swing-card.is-dead .swing-range,.gb-metro .swing-card.is-dead .detents{opacity:.45}.gb-metro .swing-card.is-dead .swing-dial,.gb-metro .swing-card.is-dead .detent{cursor:default}.gb-metro .swing-card__why{font-size:10px;font-weight:700;color:var(--hint)}.gb-metro .chooser{display:flex;width:100%;gap:4px;padding:4px;border-radius:10px;background:var(--page-bg)}.gb-metro .chooser button{flex:1 1 0;height:62px;border:0;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink-2);transition:background .16s var(--ease-out)}.gb-metro .chooser button:hover{background:var(--surface)}.gb-metro .chooser button[aria-selected=true]{background:var(--ink);color:#fff}.gb-metro .parts{display:flex;gap:8px;width:100%}.gb-metro .part{flex:1 1 0;min-width:0;height:70px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);transition:color .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out)}.gb-metro .part:hover{border-color:var(--ink-2)}.gb-metro .part[aria-pressed=false]{color:var(--hint);background:var(--page-bg);border-style:dashed}.gb-metro .part{position:relative}.gb-metro .part__tag{position:absolute;left:10px;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}.gb-metro .prog{display:flex;flex-direction:column;gap:9px}.gb-metro .prog__bars{display:flex;gap:3px;height:132px;align-items:flex-end}.gb-metro .pbar{flex:1 1 0;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.gb-metro .pbar .t{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);text-align:center;padding-bottom:4px}.gb-metro .pbar .b{font-size:9px;font-weight:700;color:var(--hint);text-align:center;padding-top:5px}.gb-metro .pfill{border-radius:7px 7px 0 0;background:var(--ring-dark);border:1px solid var(--border);border-bottom:0}.gb-metro .pbar.gap .pfill{background:repeating-linear-gradient(135deg,#f3f3f3 0 5px,#e7e7e7 5px 10px);border-style:dashed;border-bottom:0}.gb-metro .pbar.gap .t{color:var(--hint)}.gb-metro .pbar.step .pfill{border-color:var(--gold);background:#fbf6e8}.gb-metro .pbar.step .t,.gb-metro .pbar.now .b{color:var(--gold-text)}.gb-metro .pbar.now:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:3px;background:var(--gold);border-radius:2px}.gb-metro .prog__key{display:flex;gap:16px;font-size:10.5px;font-weight:700;color:var(--hint);align-items:center;flex-wrap:wrap}.gb-metro .prog__key i{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:5px;border:1px solid var(--hint)}.gb-metro .prog__key .g{background:repeating-linear-gradient(135deg,#e4e4e4 0 3px,#cfcfcf 3px 6px);border-style:dashed}.gb-metro .prog__key .s{border-color:var(--gold);background:var(--surface)}.gb-metro .nums{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gb-metro .nums .switch{margin-left:0}.gb-metro .nums .k{font-size:11.5px;font-weight:700;color:var(--ink-2)}.gb-metro .num{width:52px;border:1px solid var(--border);border-radius:8px;padding:6px 4px;font:inherit;font-size:12.5px;font-weight:800;text-align:center}.gb-metro .grid2{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gb-metro .chip{height:31px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:inherit;font-size:11.5px;font-weight:700;color:var(--ink-2);cursor:pointer;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-metro .chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-metro{flex:1 0 auto;display:flex;justify-content:center;align-items:center;background:transparent;padding:14px 0 var(--nav-reserve)}.gb-metro>.gb-full{max-width:var(--gb-max)}.gb-metro{--gbm-fit: min((var(--main-w, 1280) - 56) / 980, (var(--main-h, 744) - 110) / 741)}.gb-metro>.gb-full{zoom:var(--gbm-fit, 1)}.gb-metro .beat-dot{width:7px;height:7px}.gb-metro .beat-dot.strong{width:9px;height:9px}.gb-metro .w-pick.kit-pick .w-pick-name{min-width:65px}.gb-metro app-metro-beat-section,.gb-metro app-metro-swing-card,.gb-metro app-metro-gap-card,.gb-metro app-metro-tempo-auto-card,.gb-metro app-metro-sound-pick{display:contents}.gb-metro .gb-aside .card:not(.swing-card){gap:10px}.gb-metro.is-figure:not(.is-phone){display:block;padding:0;background:transparent;--gbm-fit: 1}.gb-metro.is-figure:not(.is-phone)>.gb-full{width:766px;max-width:none;margin:0;height:auto;min-height:0}.gb-metro.is-figure:not(.is-phone) .gb-body{grid-template-columns:1fr;height:auto;min-height:0}.gb-ov,.mt-ov{--page-bg: #F5F5F5;--surface: #FFFFFF;--border: #E0E0E0;--hairline: #ECECEC;--ink: #1A1A1A;--ink-2: #6B6B6B;--hint: #B8B8B8;--ease-out: cubic-bezier(.33, 1, .68, 1);--gb-ov-rim: 32px;position:fixed;inset:0;z-index:200;display:none;font-family:Nunito,system-ui,sans-serif;font-size:14px;color:var(--ink)}.gb-ov.is-open,.mt-ov.is-open{display:flex;align-items:center;justify-content:center;padding:var(--gb-ov-rim)}.gb-ov__scrim{position:absolute;top:0;bottom:0;left:calc(-1 * var(--viewport-overhang, 0px));right:calc(-1 * var(--viewport-overhang, 0px));background:#00000075}.gb-ov__panel{position:relative;width:100%;max-width:1280px;max-height:100%;background:var(--page-bg);border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000047,0 0 0 1px #0000000f;display:flex;flex-direction:column}.gb-ov__head{flex:0 0 auto;height:56px;padding:0 8px 0 10px;display:flex;align-items:center;gap:10px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-ov__title{font-size:14px;font-weight:800;letter-spacing:.3px;color:var(--ink)}.gb-ov__mode{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.gb-ov__mode:hover{border-color:var(--border);background:var(--page-bg)}.gb-ov__mode .w-mode-icon{display:block;width:15px;height:15px;flex:0 0 auto;color:var(--ink-2)}.gb-ov__mode .w-mode-icon svg{display:block}.gb-ov__mode .w-swap{font-size:12px;font-weight:700;color:var(--hint);line-height:1}.gb-ov__mode:hover .w-swap{color:var(--ink-2)}.gb-ov__close{margin-left:auto;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.gb-ov__close:hover{background:#0000000d;color:var(--ink)}.gb-ov__close svg{width:15px;height:15px}.gb-ov__body{flex:1;min-height:0;overflow:auto}.mt-ov__panel{max-width:1040px;height:100%;max-height:min(100%,812px)}.mt-ov .gb-ov__body{display:flex;justify-content:center;padding-top:14px}.mt-ov .gb-full{height:100%;display:flex;flex-direction:column}.mt-ov .gb-body{flex:1 1 auto;min-height:0}.mt-ov .gb-body{padding-bottom:calc(14px / var(--gbm-fit, 1))}.mt-ov .gb-metro{padding:0;background:transparent;align-items:stretch}.mt-ov .gb-metro{--gbm-fit: calc(666 / 741)}@media(max-width:599px){.gb-ov,.mt-ov{--gb-ov-rim: 0px}.gb-ov__panel{border-radius:0;max-width:none;height:100%}.gb-ov__scrim{display:none}}.gb-ov .gb-groove{padding:0;background:var(--page-bg);--gbx-fit: .899}.gb-ov .gb-groove>.gb-full{border-radius:0;box-shadow:none}.gb-groove{font-size:14px;color:var(--ink);font-family:Nunito,system-ui,sans-serif}.gb-groove{--gb-max: 1280px}.gb-groove .xpx{gap:9px;padding-right:13px}.gb-groove .xpx-mult{display:inline-flex;align-items:center;gap:3px;background:#fbf1d8;border:1px solid #EAD79B;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;color:#8a6a14}.gb-groove .xpx-mult .xp-bolt{width:9px;height:9px}.gb-groove .xpx-mult.hide{display:none}.gb-groove .xpx-plus{color:var(--gold-text);font-weight:800;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .3s,max-width .3s,margin .3s}.gb-groove .xpx-plus.show{opacity:1;max-width:44px;margin-right:1px}.gb-groove .xpx-plus.t-gold{color:var(--gold-text)}.gb-groove .xpx-plus.t-green{color:#5da52a}.gb-groove .xpx-plus.t-yellow{color:#b98e10}.gb-groove .xpx-plus.t-orange{color:#e07b39}.gb-groove .xpx-plus.t-red{color:#e24b4a}.gb-groove .xpx-num{color:var(--gold-text)}.gb-groove .xpx-sep{width:1px;height:17px;background:var(--hairline)}.gb-groove .xpx-chip{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-weight:800}.gb-groove .xpx-chip.lead{color:var(--gold-text)}.gb-groove .xo-pop{position:fixed;top:62px;right:12px;width:min(680px,100vw - 24px);background:var(--surface);border:1px solid var(--tab-border);border-radius:16px;box-shadow:var(--sh-pop-lg);z-index:50;overflow:hidden;display:none}.gb-groove .xo-pop.open{display:block}.gb-groove .xo-head{padding:18px 20px 17px;border-bottom:1px solid var(--hairline)}.gb-groove .xo-heatrow{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-bottom:15px;align-items:stretch}.gb-groove .xo-hero{display:flex;flex-direction:column;justify-content:center}.gb-groove .xo-hk{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}.gb-groove .xo-big{display:inline-flex;align-items:baseline;gap:7px}.gb-groove .xo-big .num{font-size:32px;font-weight:800;color:var(--gold-text);letter-spacing:-.7px}.gb-groove .xo-big .lbl{font-size:14px;font-weight:800;color:var(--gold-text)}.gb-groove .xo-big .xp-bolt{width:18px;height:18px;align-self:center}.gb-groove .xo-suggest{background:#fbf1d8;border:1px solid #EAD79B;border-radius:12px;padding:11px 14px;display:flex;align-items:stretch;gap:12px;min-height:82px}.gb-groove .xo-sg-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.gb-groove .xo-sg-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8a6a14;margin-bottom:6px}.gb-groove .xo-sg-view{height:40px;overflow:hidden}.gb-groove .xo-sg-track{display:flex;flex-direction:column;transition:transform .42s var(--ease-out)}.gb-groove .xo-slide{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px}.gb-groove .xo-sg-task{font-size:16px;font-weight:800;color:var(--ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-groove .xo-sg-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.gb-groove .xo-sg-mult{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid #EAD79B;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;color:#8a6a14}.gb-groove .xo-sg-go{font-size:13px;font-weight:800;color:#fff;background:var(--gold-text);border:0;border-radius:999px;padding:7px 16px;cursor:pointer;font-family:inherit}.gb-groove .xo-dots{display:flex;flex-direction:column;justify-content:center;gap:7px}.gb-groove .xo-dot{width:7px;height:7px;border-radius:50%;background:#e3d2a0;border:0;padding:0;cursor:pointer;transition:background .2s,height .2s}.gb-groove .xo-dot.active{background:var(--gold-text);height:16px;border-radius:4px}.gb-groove .xo-bolt2{width:11px;height:11px;background:var(--gold);clip-path:polygon(55% 0,0 60%,40% 60%,25% 100%,100% 35%,55% 35%);display:inline-block}.gb-groove .xo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gb-groove .xo-stat{background:var(--page-bg);border-radius:var(--radius-md);padding:11px 12px 10px;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden}.gb-groove .xo-stat:before{content:"";position:absolute;top:0;left:0;width:26px;height:3px;background:var(--c, var(--ink-2));border-radius:0 0 2px}.gb-groove .xo-k{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.6px;text-transform:uppercase}.gb-groove .xo-v{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.4px;line-height:1;font-feature-settings:"tnum" 1}.gb-groove .xo-u{font-size:11px;font-weight:700;color:var(--ink-2)}.gb-groove .xo-body{padding:16px 20px 6px}.gb-groove .xo-eyebrow{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--label);font-weight:800;margin:0 0 11px}.gb-groove .xo-eyebrow .hint{text-transform:none;letter-spacing:0;font-weight:600;color:var(--hint)}.gb-groove .xo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.gb-groove .xo-card{background:var(--page-bg);border:1px solid transparent;border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.gb-groove .xo-card:hover{background:var(--surface);border-color:var(--hairline);box-shadow:var(--sh-pop);transform:translateY(-1px)}.gb-groove .xo-card.lead{background:#fffbef;border-color:#ead79b}.gb-groove .xo-ctop{display:flex;align-items:center;justify-content:space-between;gap:8px}.gb-groove .xo-nm{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink)}.gb-groove .xo-nm .xo-ic{width:22px;height:22px}.gb-groove .xo-lvl{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.3px}.gb-groove .xo-card.lead .xo-lvl{color:var(--gold-text)}.gb-groove .xo-bar{position:relative;height:6px;background:var(--ring-dark);border-radius:3px;overflow:hidden}.gb-groove .xo-bar span{position:absolute;inset:0 auto 0 0;border-radius:3px}.gb-groove .xo-grade{font-size:11px;font-weight:600;color:var(--ink-2);margin:0}.gb-groove .xo-foot{font-size:11px;font-weight:600;color:var(--hint);margin:13px 2px 16px;text-align:center}.gb-groove main{flex:1;min-height:0;display:flex;justify-content:center;padding:0 0 var(--nav-reserve);background:var(--page-bg)}.gb-groove main>.gb-full{max-width:var(--gb-max)}.gb-groove .w-collapsed .play{flex:0 0 auto;width:56px;height:56px;font-size:18px;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-groove .bpm{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer;line-height:1;box-sizing:border-box}.gb-groove .bpm:hover{border-color:var(--ink-2)}.gb-groove .bpm--hybrid{gap:4px}.gb-groove .bpm:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-groove input.bpm__num{font-family:inherit;font-size:26px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;border:none;background:transparent;padding:0;margin:0;width:3.4ch;text-align:right;outline:none;cursor:text;letter-spacing:-.5px}.gb-groove .bpm__val{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.gb-groove .bpm__lbl{font-size:10px;font-weight:700;color:var(--label);letter-spacing:.04em;text-transform:lowercase;flex:0 0 auto}.gb-groove .bpm__caret-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;color:var(--label);line-height:1;border-radius:99px}.gb-groove .bpm__caret-btn:hover{background:var(--page-bg)}.gb-groove .bpm__caret-btn:hover,.gb-groove .bpm__caret-btn[aria-expanded=true]{color:var(--ink)}.gb-groove .bpm__chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);display:inline-block;margin-top:-4px;flex:none;transition:transform .12s ease-out,margin-top .12s ease-out}.gb-groove .bpm__caret-btn[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-groove .w-bpm-wrap{position:relative;flex:0 0 auto}.gb-groove .w-bpm-wrap--mini .list-popover{top:auto;bottom:100%;margin:0 0 8px;min-width:84px}.gb-groove .w-drop-below .list-popover{top:100%;bottom:auto;margin:8px 0 0}.gb-groove .bpm-roller-btn{height:36px;display:inline-flex;align-items:center;gap:3px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.gb-groove .bpm-roller-btn:hover{border-color:var(--ink-2)}.gb-groove .bpm-roller-btn[aria-expanded=true]{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-groove .bpm-roller-btn .n{font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.gb-groove .bpm-roller-btn .u{font-size:8px;font-weight:700;color:var(--label);letter-spacing:.05em}.gb-groove .w-ts-btn{border:0;background:none;cursor:pointer;padding:3px 10px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-groove .w-ts-btn:hover,.gb-groove .w-ts-btn[aria-expanded=true]{background:var(--page-bg)}.gb-groove .w-ts-pop{padding:16px}.gb-groove .list-popover.w-ts-pop.is-open{display:flex;gap:12px;align-items:center;min-width:0;max-width:none}.gb-groove .w-ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gb-groove .w-ts-col{display:flex;flex-direction:column;gap:6px}.gb-groove .w-ts-slash{align-self:center;font-size:26px;font-weight:800;color:var(--hint);padding:0 2px}.gb-groove .w-ts-opt{border:0;background:transparent;border-radius:8px;padding:0;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-groove .w-ts-opt:hover{background:var(--page-bg)}.gb-groove .w-ts-opt[aria-selected=true]{background:var(--ink);color:#fff}.gb-groove .w-ts-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.06em;line-height:1}.gb-groove .w-ts-hint:empty{display:none}.gb-groove .w-roller .list-popover__item{justify-content:center;align-items:baseline;gap:6px;padding:7px 10px;font-variant-numeric:tabular-nums}.gb-groove .list-popover__item[aria-selected=true] .w-roller__d{color:#fff9}.gb-groove .w-roller .list-popover__item.is-dead{opacity:.35;cursor:default}.gb-groove .list-popover{position:absolute;top:100%;left:0;margin-top:8px;min-width:180px;max-width:260px;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #00000024,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:60;padding:6px;display:none}.gb-groove .list-popover.is-open{display:block}.gb-groove .list-popover__item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;cursor:pointer;text-align:left}.gb-groove .list-popover__item:hover{background:var(--page-bg)}.gb-groove .list-popover__item[aria-selected=true]{background:var(--ink);color:#fff}.gb-groove .play{border:0;border-radius:99px;background:var(--ink);color:#fff;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out)}.gb-groove .play:hover{transform:scale(1.04)}.gb-groove .play svg{width:32%;height:32%;display:block}.gb-groove .play.is-running{background:var(--gold);color:var(--ink)}.gb-groove .play.is-running:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:.45;animation:pulse-ring 1.4s ease-out infinite}.gb-groove .w-footer .play{flex:0 0 auto;width:56px;height:56px;font-size:19px}.gb-groove .w-metre-pair{display:flex;align-items:center;gap:10px;min-width:0}.gb-groove .w-sub-vol{flex:1 1 auto;min-width:0;height:24px}.gb-groove .w-sub-vol.is-dead{opacity:.35;cursor:not-allowed}.gb-groove .w-sub-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);align-self:center;flex:0 0 auto}.gb-groove .w-sub-cell{position:relative;flex:0 0 auto}.gb-groove .w-sub-pop{padding:16px}.gb-groove .list-popover.w-sub-pop.is-open{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:none}.gb-groove .w-sub-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint);margin-bottom:5px}.gb-groove .w-sub-btn{border:0;background:none;cursor:pointer;padding:3px 8px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-groove .w-sub-btn:hover,.gb-groove .w-sub-btn[aria-expanded=true]{background:var(--page-bg)}.gb-groove .w-sub-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);text-align:center;letter-spacing:.06em;line-height:1}.gb-groove .w-sub-hint:empty{display:none}.gb-groove .w-pick-wrap{position:relative}.gb-groove .w-pick-wrap.is-above .list-popover{top:auto;bottom:100%;margin:0 0 8px}.gb-groove .w-pick{width:100%;min-height:48px;padding:6px 4px 6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;font-family:inherit;transition:border-color .15s var(--ease-out)}.gb-groove .w-pick:hover{border-color:var(--ink)}.gb-groove .w-pick-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.gb-groove .w-pick-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-groove .w-pick-beat{display:flex;align-items:center;gap:5px;min-width:0}.gb-groove .w-pick-harm{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;padding-left:8px}.gb-groove .w-pick-mode{color:var(--ink-2);letter-spacing:.07em}.gb-groove .w-key-chip{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;line-height:1;flex:0 0 auto;letter-spacing:0;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-1.5px;box-shadow:0 1px 4px #0000001f}.gb-groove .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--hint);text-transform:uppercase}.gb-groove .w-pick-meta svg{display:block;flex:0 0 auto}.gb-groove .w-pick .bpm__chev{color:var(--label);flex:0 0 auto;margin-right:6px}.gb-groove .w-pick[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-groove .w-pick-item{flex-direction:column;align-items:stretch;gap:3px}.gb-groove .w-pick-group{display:flex;align-items:baseline;gap:6px;padding:9px 12px 4px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.gb-groove .w-pick-group:first-child{padding-top:4px}.gb-groove .w-pick-group-name{color:var(--ink-2)}.gb-groove .w-pick-group-note{font-size:9px;font-weight:700;letter-spacing:.2px;text-transform:none;color:var(--hint)}.gb-groove .w-pick-group.is-dead{opacity:.45}.gb-groove .list-popover__item.is-dead{opacity:.4;cursor:default}.gb-groove .list-popover__item[aria-selected=true] .w-pick-name{color:#fff}.gb-groove .list-popover__item[aria-selected=true] .w-pick-meta{color:#ffffffa6}.gb-groove .w-chord{padding:10px;border:1px solid var(--hairline);border-radius:12px;background:#f5f5f5}.gb-groove .w-deck{position:relative;width:100%;height:134px}.gb-groove .cc{position:absolute;top:4px;left:0;width:100px;height:118px;background-color:var(--surface);background-image:linear-gradient(var(--ccWash, transparent),var(--ccWash, transparent));border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;transition:transform var(--adv-ms, .25s) var(--ease-out),opacity var(--adv-ms, .25s) var(--ease-out),box-shadow .18s var(--ease-out)}.gb-groove .cc__badge svg{display:block}.gb-groove .cc.is-muted{--cc:var(--hairline);--ccGlow:transparent;color:var(--hint);box-shadow:none;border:1px solid var(--border);background:var(--surface)}.gb-groove .cc.is-muted .cc__qual{color:var(--hint)}.gb-groove .nc-strings{display:block;color:var(--hint)}.gb-groove .cc__qual{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);text-align:center;padding:0 5px;line-height:1.2}.gb-groove .cc.is-next{box-shadow:0 0 0 2px var(--cc),0 2px 8px #0000000f}.gb-groove .cc.is-now{box-shadow:0 0 0 4px var(--cc),0 0 0 5.5px #fff,0 0 0 6.5px #0000002e,0 12px 28px var(--ccGlow),0 2px 6px #00000014}.gb-groove .cc.is-later[data-pos=next]{opacity:1;filter:grayscale(1);--ccWash:var(--ccW1);box-shadow:0 0 0 2px #00000021,0 2px 8px #0000000d}.gb-groove .cc[data-pos=now]{transform:translate(var(--nowX, 0px),-2px) scale(1);opacity:1;z-index:4}.gb-groove .cc[data-pos=next]{transform:translate(var(--nextX, 150px)) scale(.94);opacity:1;z-index:3;--ccWash:var(--ccW1)}.gb-groove .cc[data-pos=q2]{transform:translate(calc(var(--nextX, 150px) + 13px),6px) scale(.88);opacity:.6;z-index:2;--ccWash:var(--ccW2)}.gb-groove .cc[data-pos=q3]{transform:translate(calc(var(--nextX, 150px) + 24px),12px) scale(.82);opacity:.35;z-index:1;--ccWash:var(--ccW3)}.gb-groove #focusStrum{--head-light:#C6C6C6}.gb-groove #focusStrum *{box-sizing:border-box}.gb-groove .block{background:var(--surface);border-radius:14px;padding:22px;box-shadow:0 2px 10px #0000000f,0 0 0 1px #0000000a}.gb-groove h1{font-size:19px;margin:0;letter-spacing:-.01em}.gb-groove p{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0;max-width:70ch}.gb-groove .strum-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint)}.gb-groove .strum-seg{display:inline-flex;background:var(--page-bg);border-radius:10px;padding:3px;gap:2px}.gb-groove .strum-seg button{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);padding:7px 11px;border-radius:8px;transition:all .16s var(--ease-out)}.gb-groove .strum-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.gb-groove .strum-head{display:flex;align-items:center;gap:14px}.gb-groove .chordbig{margin-left:auto;display:flex;align-items:baseline;gap:9px}.gb-groove .chordbig .name{font-size:30px;font-weight:800;color:var(--chordcol, var(--ink))}.gb-groove .lane-wrap{--bar-x:27px;--grid-x:41px;--pulse:#E87A2A;margin-top:6px}.gb-groove .lane{position:relative}.gb-groove .rule{position:absolute;left:var(--bar-x);right:0;top:50%;height:1px;background:var(--border);pointer-events:none}.gb-groove .barline{position:absolute;left:var(--bar-x);top:50%;height:44px;margin-top:-22px;pointer-events:none;display:flex;align-items:stretch;gap:3px}.gb-groove .barline i{display:block;background:var(--ink);opacity:.8;border-radius:1px}.gb-groove .bl-thin{width:1.5px}.gb-groove .bl-thick{width:4px}.gb-groove .axis{position:absolute;left:0;top:0;bottom:0;width:20px;pointer-events:none;color:var(--hint)}.gb-groove .axis svg{position:absolute;left:3px;width:14px;height:16px}.gb-groove .ax-up{top:calc(50% - 22px)}.gb-groove .ax-down{top:calc(50% + 6px)}.gb-groove .ax-line{position:absolute;left:9.5px;top:calc(50% - 24px);height:48px;width:1px;background:var(--hairline)}.gb-groove .strum-grid,.gb-groove .counts{margin-left:var(--grid-x)}.gb-groove .strum-grid{display:grid;position:relative;z-index:1}.gb-groove .strum-col{display:flex;flex-direction:column}.gb-groove .strum-grid.strum-grouped,.gb-groove .counts.strum-grouped{display:flex;gap:14px}.gb-groove .strum-slotgroup{display:flex;gap:7px;min-width:0}.gb-groove .strum-slotbeat{display:flex;gap:3px;min-width:0}.gb-groove .strum-grouped .strum-col,.gb-groove .counts.strum-grouped .count{flex:1 1 0;min-width:0}.gb-groove .zone{height:48px;background:transparent;border:0;padding:0;cursor:pointer;display:flex;touch-action:none;position:relative}.gb-groove .zone[data-z=up]{align-items:flex-end}.gb-groove .zone[data-z=down]{align-items:flex-start}.gb-groove .zone>.mk{width:100%;display:flex;align-items:center;justify-content:center;height:48px;pointer-events:none}.gb-groove .zone[data-z=up]>.mk{transform:translateY(50%)}.gb-groove .zone[data-z=down]>.mk{transform:translateY(-50%)}.gb-groove .zone>.mk svg{width:32px;height:96px;overflow:visible}.gb-groove .mk{color:var(--ink);--hd:var(--head-light)}.gb-groove ellipse.hd{fill:var(--hd);stroke:none}.gb-groove path.hd{fill:none;stroke:var(--hd)}.gb-groove .halo{stroke:var(--surface)}.gb-groove .mk[data-s=hint]{opacity:.44;--hd:var(--hint)}.gb-groove .mk[data-s=empty]{opacity:0;--hd:var(--hint)}.gb-groove .mk[data-s=hint] .arw,.gb-groove .mk[data-s=empty] .arw{opacity:.34}.gb-groove .mk[data-s=hint] .halo,.gb-groove .mk[data-s=empty] .halo{display:none}.gb-groove .mk[data-s=hint] .ink,.gb-groove .mk[data-s=empty] .ink{stroke:var(--hint)}.gb-groove .zone:hover>.mk[data-s=hint]{opacity:.62}.gb-groove .zone:hover>.mk[data-s=empty]{opacity:.34}.gb-groove .glow{fill:var(--pulse);opacity:0;filter:url(#strumGlow);transform-origin:center;transform-box:fill-box}.gb-groove .mk.firing[data-dir=down] .arw{animation:arwDown .34s var(--ease-out)}.gb-groove .mk.firing[data-dir=up] .arw{animation:arwUp .34s var(--ease-out)}.gb-groove .mk.firing ellipse.hd{animation:bloomFill .46s var(--ease-out);transform-origin:center;transform-box:fill-box}.gb-groove .mk.firing path.hd{animation:bloomStroke .46s var(--ease-out);transform-origin:center;transform-box:fill-box}.gb-groove .mk.firing .glow{animation:glowOut .62s var(--ease-out) .1s}.gb-groove .mk[data-s="2"].firing .glow{animation:glowOutBig .82s var(--ease-out) .08s}.gb-groove .hand{position:absolute;width:18px;height:3px;border-radius:2px;background:var(--ink-2);opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.gb-groove .hand.on{opacity:.45}.gb-groove .counts{display:grid;margin-top:4px;align-items:baseline}.gb-groove .count{font-size:11px;font-weight:700;color:var(--hint);text-align:center;line-height:1.45;transition:color .1s linear}.gb-groove .count[data-on="1"]{font-size:14px;font-weight:800;color:var(--ink)}.gb-groove .count[data-on="1"].now{color:var(--pulse)}.gb-groove .strum-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gb-groove .strum-bar+.strum-bar{margin-top:12px}.gb-groove .transport{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline)}.gb-groove .strum-play{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.gb-groove .strum-play[data-on="1"]{background:var(--ink-2)}.gb-groove .field{display:flex;align-items:center;gap:7px}.gb-groove select{font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:var(--page-bg);border:0;border-radius:8px;padding:8px 10px;cursor:pointer}.gb-groove .hint-txt{font-size:11px;color:var(--hint);margin-left:auto}.gb-groove .loading{font-size:11px;font-weight:700;color:var(--gold)}.gb-groove .strum-note{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--page-bg);border-radius:10px;padding:13px 15px}.gb-groove .strum-note strong{color:var(--ink)}.gb-groove .strum-note+.strum-note{margin-top:9px}.gb-groove #focusStrum .lane-wrap{position:relative;--grid-x:132px;--bar-x:118px}.gb-groove #focusStrum .axis{left:98px}.gb-groove #focusStrum .gb-strum-head{position:absolute;left:0;top:0;bottom:0;width:98px;flex-basis:98px;padding:0;overflow:visible}.gb-groove #focusStrum .gb-strum-head .lane-chord{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.gb-groove #focusStrum .block{background:transparent;border-radius:0;padding:0;box-shadow:none}.gb-groove #focusStrum h1,.gb-groove #focusStrum .strum-head,.gb-groove #focusStrum .strum-bar,.gb-groove #focusStrum .chordbig{display:none}.gb-groove #gbSaveBox{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:#1a1a1a59;font-family:Nunito,system-ui,sans-serif}.gb-groove #gbSaveBox.open{display:flex}.gb-groove #gbSaveBox .modal{position:relative;isolation:isolate;width:414px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #00000029,0 0 0 1px #0000000d}.gb-groove #gbSaveBox .glow{position:absolute;inset:-90px -135px auto auto;width:200px;height:110px;border-radius:50%;filter:blur(18px);opacity:.26;z-index:-1;pointer-events:none;background:currentColor}.gb-groove #gbSaveBox .modal .body{padding:22px 24px 24px;color:#1a1a1a}.gb-groove #gbSaveBox .band h2,.gb-groove #gbSaveBox .facts{color:#1a1a1a}.gb-groove #gbSaveBox .band{padding:20px 24px 17px;border-bottom:1px solid #F2F2F2}.gb-groove #gbSaveBox .modal h2{font-size:17px;margin:0 0 14px;line-height:1.35}.gb-groove #gbSaveBox .facts{display:flex;align-items:center;gap:12px}.gb-groove #gbSaveBox .facts .dur{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1}.gb-groove #gbSaveBox .facts .dur span{font-size:12px;font-weight:800;color:#6b6b6b;margin-left:3px}.gb-groove #gbSaveBox .facts .sep{width:1px;height:20px;background:#e2e2e2;flex:0 0 auto}.gb-groove #gbSaveBox .facts .where{font-size:12.5px;font-weight:800;color:#4a4a4a}.gb-groove #gbSaveBox .facts .key{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#8a8a8a}.gb-groove #gbSaveBox .w-key-chip{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1;flex:0 0 auto;letter-spacing:0;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-1.5px;box-shadow:0 1px 4px #0000001f}.gb-groove #gbSaveBox .fld{margin-bottom:20px}.gb-groove #gbSaveBox .fld>label{display:block;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#6b6b6b;margin-bottom:8px}.gb-groove #gbSaveBox .fld textarea{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1px solid #E0E0E0;border-radius:9px;background:#f5f5f5;resize:none;min-height:62px;line-height:1.5}.gb-groove #gbSaveBox .opt{font-size:9px;color:#b8b8b8;margin-left:5px;font-weight:700}.gb-groove #gbSaveBox .scale{display:flex;gap:7px}.gb-groove #gbSaveBox .step{flex:1;border:1.5px solid #E8E8E8;border-radius:10px;background:#fff;cursor:pointer;padding:9px 0 7px;display:flex;justify-content:center;transition:border-color .12s ease}.gb-groove #gbSaveBox .step:hover{border-color:#c8c8c8}.gb-groove #gbSaveBox .step.on{border-color:var(--gold, #C9A227);box-shadow:0 0 0 1.5px #c9a22759}.gb-groove #gbSaveBox .foot{display:flex;gap:10px;margin-top:24px;align-items:center}.gb-groove #gbSaveBox .foot button{font:inherit;font-size:13px;font-weight:800;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px}.gb-groove #gbSaveBox .foot .bin{background:#fff;color:#8a8a8a;border:1px solid #E4E4E4}.gb-groove #gbSaveBox .foot .bin:hover{color:#ce3b2e;border-color:#e8bdb8}.gb-groove #gbSaveBox .foot .rec{flex:1;background:#1a1a1a;color:#fff;border:0}.gb-groove #gbSaveBox .fld input[type=text],.gb-groove #gbSaveBox .fld textarea{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1px solid #E0E0E0;border-radius:9px;background:#f5f5f5;resize:none}.gb-groove .gb-timeline .focus-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.gb-groove .gb-timeline .focus-title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px}.gb-groove .gb-timeline .focus-head .grow{flex:1 1 auto}.gb-groove .gb-timeline .split{display:grid;gap:0;align-items:stretch;grid-template-columns:minmax(246px,4fr) minmax(0,8fr)}.gb-groove .gb-timeline .deckcol{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--border);padding-right:15px}.gb-groove .gb-timeline .track-deck{position:relative;height:146px;margin:auto 0}.gb-groove .gb-timeline .track-deck .cc{width:112px;height:138px}.gb-groove .gb-timeline .track-deck .cc__qual{display:none}.gb-groove .gb-timeline .gridcol{min-width:0;display:flex;flex-direction:column;gap:7px;padding-left:15px;justify-content:space-between}.gb-groove .gb-timeline .key-disc{width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;padding:0;font-size:16px;font-weight:800;color:#fff;box-shadow:0 2px 9px #0000002b}.gb-groove .gb-timeline .key-disc+.kpill{margin-left:5px}.gb-groove .gb-timeline .key-disc[data-warm=true]{color:var(--ink-warm)}.gb-groove .gb-timeline .kpill{position:relative;height:30px;border-radius:999px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(255,255,255,.6);background:#b9b9b9;color:var(--ink);cursor:pointer}.gb-groove .gb-timeline .kdisc-wrap{display:flex;flex-direction:column;align-items:center;gap:11px}.gb-groove .gb-timeline .kdisc-big{width:88px;height:88px;border-radius:50%;border:2px solid #FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;padding:0;box-shadow:inset 0 0 0 1px #0000001a,0 6px 18px #0000001f,0 0 0 1px #0000000f;transition:transform .18s ease-out,box-shadow .18s ease-out}.gb-groove .gb-timeline .kdisc-big:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0000001a,0 10px 22px #00000029,0 0 0 1px #0000000f}.gb-groove .gb-timeline .kdisc-big[data-warm=true]{color:var(--ink-warm)}.gb-groove .gb-timeline .kdisc-big__tonic{font-size:38px;font-weight:800;line-height:1}.gb-groove .gb-timeline .kpill:hover{filter:brightness(.95)}.gb-groove .gb-timeline .kpill__value{flex:1}.gb-groove .gb-timeline .kpill__chev{width:6px;height:6px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);flex:none;margin-top:-2px;transition:transform .12s ease-out,margin-top .12s ease-out}.gb-groove .gb-timeline .kpill[aria-expanded=true] .kpill__chev{transform:rotate(-135deg);margin-top:2px}.gb-groove .gb-timeline .kpill .list-popover{min-width:190px;text-transform:none;letter-spacing:normal}.gb-groove .gb-timeline .depth{display:inline-flex;background:var(--page-bg);border-radius:9px;padding:3px;gap:2px}.gb-groove .gb-timeline .depth button{border:0;background:transparent;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--ink-2);padding:6px 10px;border-radius:7px}.gb-groove .gb-timeline .depth button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.gb-groove .gb-timeline .addbar{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:1px dashed var(--border);border-radius:9px;background:transparent;cursor:pointer;font-size:12px;font-weight:800;color:var(--ink-2)}.gb-groove .gb-timeline .addbar:hover:not(:disabled){border-color:var(--ink);color:var(--ink);border-style:solid}.gb-groove .gb-timeline .addbar:disabled{opacity:.4;cursor:not-allowed}.gb-groove .gb-timeline .lane{display:flex;align-items:stretch}.gb-groove .gb-timeline .lane-lbl{width:66px;flex:0 0 66px;display:flex;align-items:center;padding-right:8px;justify-content:flex-end}.gb-groove .gb-timeline .lane-body{flex:1 1 auto;min-width:0;overflow:hidden;border-radius:7px;height:100%}.gb-groove .gb-timeline .lane-body.bare{border-radius:0}.gb-groove .gb-timeline .strip{position:relative;height:100%}.gb-groove .gb-timeline .rail{position:relative;min-height:28px;height:100%;container-type:size;background:var(--page-bg);border-radius:7px;cursor:copy;transition:background .14s var(--ease-out);overflow:hidden}.gb-groove .gb-timeline .rail:hover{background:#e4e4e4}.gb-groove .gb-timeline .rail .gl{position:absolute;top:0;bottom:0;width:1px;background:#0000000f}.gb-groove .gb-timeline .rail .gl.bar{background:#0000002b}.gb-groove .gb-timeline .rail .ghost{position:absolute;top:2px;bottom:2px;width:2px;background:var(--ink);opacity:0;transition:opacity .1s linear;pointer-events:none}.gb-groove .gb-timeline .rail:hover .ghost{opacity:.55}.gb-groove .gb-timeline .deco{position:absolute;cursor:pointer;z-index:3;white-space:nowrap;display:flex;align-items:center;font-weight:800;font-size:clamp(10.5px,37.5cqh,21px);gap:.476em}.gb-groove .gb-timeline .deco .xo-ic{width:1.238em;height:1.238em}.gb-groove .gb-timeline .deco .drumic{display:inline-flex;line-height:0}.gb-groove .gb-timeline .deco:hover{filter:brightness(1.1)}.gb-groove .gb-timeline .v-ink .deco{top:.381em;background:var(--ink);color:#fff;border-radius:99px;padding:.19em .857em .19em .476em;box-shadow:0 2px 6px #00000038;border-left:.381em solid var(--ac)}.gb-groove .gb-timeline .v-ink .deco .xo-ic{background:#fff}.gb-groove .gb-timeline .v-ink .deco .drumic{color:#fff}.gb-groove .gb-timeline .v-paper .deco{top:.381em;background:var(--surface);color:var(--ink);border-radius:99px;padding:.19em .857em;box-shadow:0 0 0 1.5px var(--ac),0 2px 6px #00000024}.gb-groove .gb-timeline .v-paper .deco .xo-ic{background:var(--ink)}.gb-groove .gb-timeline .v-paper .deco .drumic{color:var(--ink)}.gb-groove .gb-timeline .v-underscore .deco{top:.476em;color:var(--ink);padding:0 .19em .286em;border-bottom:.286em solid var(--ac);border-radius:0}.gb-groove .gb-timeline .v-underscore .deco .xo-ic{background:var(--ink)}.gb-groove .gb-timeline .v-underscore .deco .drumic{color:var(--ink)}.gb-groove .gb-timeline .v-dot .deco{top:.381em;background:var(--ink);color:#fff;border-radius:99px;padding:.19em .857em .19em .667em;box-shadow:0 2px 6px #00000038}.gb-groove .gb-timeline .v-dot .deco:before{content:"";width:.571em;height:.571em;border-radius:50%;background:var(--ac);flex:none;box-shadow:0 0 0 1.5px #ffffff59}.gb-groove .gb-timeline .v-dot .deco .xo-ic{background:#fff}.gb-groove .gb-timeline .v-dot .deco .drumic{color:#fff}.gb-groove .gb-timeline .v-split .deco{top:.381em;background:var(--ink);color:#fff;border-radius:99px;padding:0 .952em 0 0;overflow:hidden;gap:.667em;box-shadow:0 2px 6px #00000038}.gb-groove .gb-timeline .v-split .deco .ico{display:flex;align-items:center;justify-content:center;width:2.095em;height:2.095em;background:var(--ac)}.gb-groove .gb-timeline .v-split .deco .xo-ic{background:var(--ink)}.gb-groove .gb-timeline .v-split .deco .drumic{color:var(--ink)}.gb-groove .gb-timeline .v-edge .deco{top:.381em;background:var(--surface);color:var(--ink);border-radius:99px;padding:.19em .952em .19em .571em;border-left:.381em solid var(--ac);box-shadow:0 0 0 1px var(--ac),0 2px 6px #0000001f}.gb-groove .gb-timeline .v-edge .deco .xo-ic{background:var(--ink)}.gb-groove .gb-timeline .v-edge .deco .drumic{color:var(--ink)}.gb-groove .gb-timeline .v-wedge .deco{top:.286em;transform:translate(-.19em);background:var(--ink);color:#fff;padding:.19em .952em .19em .762em;border-radius:0 .381em .381em 0;box-shadow:0 2px 6px #0003}.gb-groove .gb-timeline .v-wedge .deco:before{content:"";position:absolute;left:-.571em;top:0;bottom:0;width:.571em;background:var(--ac);clip-path:polygon(100% 0,100% 100%,0 50%)}.gb-groove .gb-timeline .v-wedge .deco .xo-ic{background:#fff}.gb-groove .gb-timeline .v-wedge .deco .drumic{color:#fff}.gb-groove .gb-timeline .deco.tight{padding:0;width:2.095em;height:2.095em;border-radius:50%;justify-content:center;background:var(--surface);color:var(--ink);border-left:0;box-shadow:0 0 0 2px var(--ac),0 2px 6px #00000029}.gb-groove .gb-timeline .deco.tight:before{display:none}.gb-groove .gb-timeline .deco.tight .tx{display:none}.gb-groove .gb-timeline .deco.tight .ico{width:auto;height:auto;background:transparent}.gb-groove .gb-timeline .deco.tight .xo-ic{background:var(--ink)}.gb-groove .gb-timeline .deco.tight .drumic{color:var(--ink)}.gb-groove .gb-timeline .ruler{display:flex}.gb-groove .gb-timeline .rbar{flex:1 1 0;min-width:0;border-left:1px solid var(--border);padding-left:4px}.gb-groove .gb-timeline .rbar.first{border-left:2px solid var(--ink)}.gb-groove .gb-timeline .rnum{font-size:10px;font-weight:800;color:var(--ink-2);font-variant-numeric:tabular-nums}.gb-groove .gb-timeline .rsub{display:flex;margin-top:2px}.gb-groove .gb-timeline .rsub i{flex:1 1 0;height:3px;border-radius:99px;background:var(--ring-light);margin-right:1px}.gb-groove .gb-timeline .rsub i.on{background:var(--border)}.gb-groove .gb-timeline .rsub i.now,.gb-groove .gb-timeline .rsub i.on.now{background:var(--gold)}.gb-groove .gb-timeline .track{position:relative;min-height:56px;height:100%;background:var(--hairline);border-radius:7px;cursor:grab}.gb-groove .gb-timeline .track:active{cursor:grabbing}.gb-groove .gb-timeline .track .gl{position:absolute;top:0;bottom:0;width:1px;background:#0000000d}.gb-groove .gb-timeline .track .gl.bar{background:#00000026}.gb-groove .gb-timeline .span{position:absolute;inset:0;border-radius:8px;overflow:hidden;border:0;display:flex;align-items:center;padding-left:4px;cursor:grab}.gb-groove .gb-timeline .span:active{cursor:grabbing}.gb-groove .gb-timeline .spanwrap:hover .span{box-shadow:0 0 0 2px var(--ink-2)}.gb-groove .gb-timeline .spanwrap.cur .span{box-shadow:0 0 0 2px var(--gold)}.gb-groove .gb-timeline .span .badge{display:flex;align-items:center;height:100%}.gb-groove .gb-timeline .span .badge svg{display:block;width:auto;height:calc(78% * var(--bs, 1));max-height:calc(84px * var(--bs, 1))}.gb-groove .gb-timeline .spanwrap{position:absolute;top:5px;bottom:5px}.gb-groove .gb-timeline .spanwrap.oom .span{background:#1a1a1a12!important}.gb-groove .gb-timeline .spanwrap.pinned .span{cursor:default}.gb-groove .gb-timeline .trim{position:absolute;top:0;bottom:0;width:9px;z-index:4;cursor:col-resize}.gb-groove .gb-timeline .trim.s{left:-4px}.gb-groove .gb-timeline .trim.e{right:-4px}.gb-groove .gb-timeline .trim:before{content:"";position:absolute;top:5px;bottom:5px;left:3px;width:3px;border-radius:99px;background:var(--ink);opacity:0;transition:opacity .12s var(--ease-out)}.gb-groove .gb-timeline .spanwrap:hover .trim:before{opacity:.4}.gb-groove .gb-timeline .trim:hover:before{opacity:1}.gb-groove .gb-timeline .spandel{position:absolute;top:-2px;right:-2px;width:17px;height:17px;z-index:5;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;font-size:12px;font-weight:800;line-height:15px;padding:0;text-align:center;opacity:0;transition:opacity .12s var(--ease-out),background .12s var(--ease-out)}.gb-groove .gb-timeline .spanwrap:hover .spandel{opacity:1}.gb-groove .gb-timeline .spandel:hover{background:#b23a2e}.gb-groove .gb-timeline .spanwrap.narrow .spandel{display:none}.gb-groove .gb-timeline .spandel.drop{background:#b23a2e}.gb-groove .gb-timeline .spandel.drop:hover{background:#8e2c22}.gb-groove .gb-timeline .span.empty{border:1px dashed var(--border);justify-content:center;padding-left:0;color:var(--hint);font-size:16px;font-weight:800;line-height:1}.gb-groove .gb-timeline .spanwrap:hover .span.empty{border-style:solid;border-color:var(--ink);color:var(--ink)}.gb-groove .gb-timeline .iconrow.on{border-color:var(--ink);background:var(--page-bg)}.gb-groove .gb-timeline .swatch.paper{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border)}.gb-groove .gb-timeline .swatch.ink{background:var(--ink);color:#fff}.gb-groove .gb-timeline .focus-save{font:inherit;font-size:12.5px;font-weight:800;border-radius:9px;padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.gb-groove .gb-timeline .focus-save:hover{border-color:var(--hint)}.gb-groove .gb-timeline .focus-save svg{display:block}.gb-groove .gb-timeline .mode-host .list-popover{position:fixed;z-index:80}.gb-groove .gb-timeline .pop-rule{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--hint);padding:8px 10px 3px;border-top:1px solid var(--hairline);margin-top:4px}.gb-groove .gb-timeline .spanwrap.holding .span{transition:transform .5s linear,opacity .5s linear;transform:scale(.93);opacity:.5}.gb-groove .gb-timeline .spanwrap.holding .spandel{opacity:1}.gb-groove .gb-timeline .span{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.gb-groove .gb-timeline .phead{position:absolute;top:2px;bottom:2px;border-radius:8px;z-index:2;box-shadow:0 0 0 2px var(--gold);background:#c9a2271a;pointer-events:none;display:none}.gb-groove .gb-timeline .phead.on{display:block}.gb-groove .gb-timeline .sbar{height:6px;background:var(--page-bg);border-radius:99px;position:relative;cursor:pointer}.gb-groove .gb-timeline .sbar i{position:absolute;top:0;bottom:0;background:var(--ink-2);border-radius:99px;opacity:.5}.gb-groove .gb-timeline .sbar:hover i{opacity:.8}.gb-groove .gb-timeline .macro{position:relative;height:24px;background:var(--page-bg);border-radius:7px;cursor:grab;overflow:hidden}.gb-groove .gb-timeline .macro .mb{position:absolute;top:6px;bottom:6px;border-radius:3px}.gb-groove .gb-timeline .macro .mt{position:absolute;top:0;bottom:0;width:1px;background:#00000014}.gb-groove .gb-timeline .macro .mk{position:absolute;top:2px;width:5px;height:5px;border-radius:50%;background:var(--ink);transform:translate(-50%)}.gb-groove .gb-timeline .macro .win{position:absolute;top:0;bottom:0;border:2px solid var(--ink);border-radius:6px;background:#1a1a1a0f;pointer-events:none}.gb-groove .gb-timeline .list-popover__item.is-blocked{opacity:.42;cursor:not-allowed}.gb-groove .gb-timeline .list-popover__item.is-blocked .sc{font-style:italic}.gb-groove .gb-timeline .fsel-scrim{position:fixed;inset:0;z-index:23}.gb-groove .gb-timeline .fsel{position:fixed;z-index:24;min-width:196px}.gb-groove .gb-timeline .fsel .list-popover__item{gap:10px}.gb-groove .gb-timeline .fsel .list-popover__item .xo-ic{width:15px;height:15px;background:var(--ink)}.gb-groove .gb-timeline .fsel .list-popover__item .drumic{display:inline-flex;line-height:0;color:var(--ink)}.gb-groove .gb-timeline .fsel .sc{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--hint)}.gb-groove .gb-timeline .scrim{position:fixed;inset:0;background:#00000057;display:flex;align-items:center;justify-content:center;z-index:20}.gb-groove .gb-timeline .panel{background:var(--surface);border-radius:16px;padding:20px;width:min(470px,93vw);box-shadow:0 18px 50px #0000004d}.gb-groove .gb-timeline .panel h2{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}.gb-groove .gb-timeline .chipgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.gb-groove .gb-timeline .cell{aspect-ratio:1/1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.gb-groove .gb-timeline .chip{border:0;outline:1.5px solid #fff;outline-offset:-1.5px;background:var(--c);color:#fff;font-weight:800;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #0000001a;transition:transform .15s ease-out,box-shadow .15s ease-out}.gb-groove .gb-timeline .chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000024}.gb-groove .gb-timeline .chip.natural{width:56px;height:56px;font-size:21px;line-height:1}.gb-groove .gb-timeline .chip.half{width:43px;height:43px;font-size:13px;line-height:1}.gb-groove .gb-timeline .chip[data-warm=true]{color:var(--ink-warm)}.gb-groove .gb-timeline .chip.diatonic{box-shadow:0 0 0 2px var(--gold),0 0 8px #c9a22738}.gb-groove .gb-timeline .chip.current{box-shadow:0 0 0 3px var(--gold),0 2px 8px #0000001a}.gb-groove .gb-timeline .qualgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gb-groove .gb-timeline .qual{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:8px 6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.gb-groove .gb-timeline .qual:hover{border-color:var(--ink-2)}.gb-groove .gb-timeline .qual.diatonic{border-color:var(--gold);box-shadow:0 2px 10px #c9a22729}.gb-groove .gb-timeline .qual .n{font-size:11px;font-weight:800;color:var(--ink)}.gb-groove .gb-timeline .qual .l{font-size:10px;font-weight:700;color:var(--hint)}.gb-groove .gb-timeline .foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:10px}.gb-groove .gb-timeline .btn{height:34px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:12px;font-weight:800;color:var(--ink-2);cursor:pointer}.gb-groove .gb-timeline .box{border-left:3px solid var(--gold);padding:2px 0 2px 13px;margin:12px 0}.gb-groove .gb-timeline .lbl-sm{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--hint)}.gb-groove .gb-timeline .stub .s{font-size:11.5px;color:var(--hint)}.gb-groove .gb-timeline #layout{flex:1 1 auto;display:flex}.gb-groove .gb-timeline #layout .split{flex:1 1 auto}.gb-groove .gb-timeline.tl-slot{flex:1 1 auto;margin-left:11px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;min-width:0}.gb-groove .gb-timeline.tl-slot>.grow{flex:1 1 auto}.gb-groove .gb-timeline.tl-slot--right{flex:0 0 auto;margin-left:0}.gb-groove .gb-full{position:relative;width:100%;display:flex;flex-direction:column;background:var(--page-bg)}.gb-groove .flash-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;background:var(--gold);opacity:0;transition:opacity 90ms linear}.gb-groove .gb-loopbar{display:flex;align-items:center;gap:14px;padding:0 20px;height:56px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-groove .vdiv{width:1px;height:20px;background:var(--hairline);display:block}.gb-groove .lbl{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-groove .lbl-sm{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-groove .select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.gb-groove .header-right{margin-left:16px;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.gb-groove .header-nav{margin-left:auto}.gb-groove .saved-label{font-size:12px;font-weight:600;color:var(--hint)}.gb-groove .btn[disabled]{color:var(--hint);border-color:var(--hairline);cursor:default}.gb-groove .btn[disabled]:hover{background:var(--surface)}.gb-groove .btn{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.gb-groove .btn:hover{border-color:var(--ink)}.gb-groove .btn.muted-text{color:var(--ink-2)}.gb-groove .btn.muted-text:hover{color:var(--ink)}.gb-groove .btn.dark{border:1px solid var(--ink);background:var(--ink);color:#fff}.gb-groove .btn.dark:hover{opacity:.88}.gb-groove .gb-transport{display:flex;align-items:center;gap:20px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-groove .bpm-value{font-size:40px;font-weight:800;letter-spacing:-1.4px;line-height:1;font-variant-numeric:tabular-nums}.gb-groove .auto-badge{font-size:12px;font-weight:700;color:var(--gold-text)}.gb-groove .tempo-btns{display:flex;align-items:center;gap:6px}.gb-groove .sq-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:18px;font-weight:700;color:var(--ink);cursor:pointer}.gb-groove .sq-btn:hover{border-color:var(--ink)}.gb-groove .tap-btn{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;font-weight:800;letter-spacing:.4px;color:var(--ink);cursor:pointer}.gb-groove .tap-btn:hover{border-color:var(--ink)}.gb-groove .vdiv-tall{width:1px;height:44px;background:var(--hairline);display:block}.gb-groove .field-col{display:flex;flex-direction:column;gap:5px}.gb-groove .select-lg{height:40px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}.gb-groove .seg-group{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f5f5f5}.gb-groove .seg{height:34px;min-width:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer;transition:background .2s var(--ease-out)}.gb-groove .seg.on{background:var(--ink);color:#fff;font-weight:800}.gb-groove .position-block{margin-left:auto;display:flex;flex-direction:column;gap:5px;min-width:210px}.gb-groove .pos-row{display:flex;align-items:center;gap:8px}.gb-groove .pos-k{flex:0 0 32px;text-align:left;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hint)}.gb-groove .pos-n{flex:0 0 48px;font-variant-numeric:tabular-nums}.gb-groove .pos-n b{font-size:14px;font-weight:800;color:var(--ink)}.gb-groove .pos-n i{font-style:normal;font-size:10px;font-weight:700;color:var(--hint);margin:0 1px}.gb-groove .pos-row .loop-segs,.gb-groove .pos-row .beat-dots{flex:0 0 auto}.gb-groove .pos-row .loop-segs{min-width:88px}.gb-groove .loop-segs{display:flex;gap:4px}.gb-groove .loop-seg{flex:1 1 0;height:5px;border-radius:99px;background:var(--border);transition:background .2s var(--ease-out)}.gb-groove .loop-seg.cur{background:var(--gold)}.gb-groove .beat-dots{display:flex;align-items:center;gap:5px;height:12px}.gb-groove .beat-dot{border-radius:99px;flex:0 0 auto;background:var(--border);transition:background .12s linear}.gb-groove .beat-dot.strong{background:var(--hint)}.gb-groove .beat-dot.on{background:var(--gold)}.gb-groove .gb-body{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;align-items:stretch;padding:20px}.gb-groove .gb-main{grid-column:1/span 3;min-width:0;display:flex;flex-direction:column;gap:20px}.gb-groove .gb-aside{grid-column:4;min-width:0;display:flex;flex-direction:column;gap:14px}.gb-groove .gb-card{background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:14px;display:flex;flex-direction:column;gap:14px}.gb-groove .gb-card-head{display:flex;align-items:center;gap:14px}.gb-groove .card-hint{font-size:12px;font-weight:600;color:var(--hint)}.gb-groove .btn-sm{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:11px;font-weight:700;color:var(--ink-2);cursor:pointer}.gb-groove .btn-sm:hover{border-color:var(--ink);color:var(--ink)}.gb-groove .btn-sm.ink{color:var(--ink)}.gb-groove .gb-grid{display:flex;flex-direction:column;gap:6px}.gb-groove .grid-ruler{display:flex;align-items:flex-end;gap:14px;padding-left:132px}.gb-groove .ruler-group{display:flex;gap:7px;min-width:0}.gb-groove .ruler-beat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.gb-groove .ruler-num{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--hint);transition:color .12s linear}.gb-groove .ruler-num.strong{font-weight:800;color:var(--ink)}.gb-groove .ruler-num.cur{color:var(--gold-text)}.gb-groove .ruler-bar{display:block;width:100%;height:3px;border-radius:99px;background:var(--ring-light);transition:background .12s linear}.gb-groove .ruler-bar.strong{background:var(--border)}.gb-groove .ruler-bar.cur{background:var(--gold)}.gb-groove .gb-lane{display:flex;align-items:center;gap:0}.gb-groove .lane-head{width:132px;flex:0 0 132px;display:flex;align-items:center;gap:8px;padding-right:14px}.gb-groove .lane-mute{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.gb-groove .lane-mute.muted{border-color:var(--border);background:#f5f5f5;color:var(--hint)}.gb-groove .lane-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gb-groove .lane-name{font-size:12px;font-weight:800;letter-spacing:.2px;color:var(--ink);white-space:nowrap}.gb-groove .lane-name.muted{color:var(--hint)}.gb-groove .lane-vol{width:72px;height:16px;accent-color:var(--ink-2);cursor:pointer}.gb-groove .lane-chord{display:flex;flex-direction:column;align-items:center;gap:3px}.gb-groove .lane-chord svg{display:block}.gb-groove .lane-chord-now{display:flex;align-items:center;justify-content:center}.gb-groove .strum-marks{position:relative;height:40px;pointer-events:none}.gb-groove .strum-marks .smk{position:absolute;bottom:0;transform:translate(-50%);display:block}.gb-groove .lane-chord-next{display:flex;align-items:center;justify-content:center;min-height:38px}.gb-groove .lane-chord-next[hidden]{display:flex;visibility:hidden}.gb-groove .lane-name[data-lane-name]:focus-visible,.gb-groove .lane-pick[data-lane-name]:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-radius:5px}.gb-groove .lane-groups{flex:1 1 auto;min-width:0;display:flex;gap:14px}.gb-groove .slot-group{display:flex;gap:7px;min-width:0}.gb-groove .slot-beat{display:flex;gap:3px;min-width:0}.gb-groove .slot{flex:1 1 0;height:30px;padding:0;border:0;border-radius:7px;background:#f5f5f5;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;touch-action:none;transition:box-shadow .12s linear,background .15s var(--ease-out)}.gb-groove .slot.on-beat{background:var(--hairline)}.gb-groove .slot.now{box-shadow:0 0 0 2px var(--gold)}.gb-groove .slot .bar{display:block;width:100%;height:0;border-radius:7px;background:var(--ink);transition:height .15s var(--ease-out)}.gb-groove .chips{display:flex;flex-wrap:wrap;gap:8px}.gb-groove #focusZone{min-height:280px;flex:1 1 auto}.gb-groove #focusProg,.gb-groove #focusStrum,.gb-groove #focusNone{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.gb-groove #focusProg .gb-timeline .gridcol{row-gap:var(--gb-lane-gap, 7px)}.gb-groove #focusProg .gb-timeline .gridcol>.lane:nth-child(1){height:var(--gb-flourish-h, 28px)}.gb-groove #focusProg .gb-timeline .gridcol>.lane:nth-child(3){height:var(--gb-chords-h, 56px)}.gb-groove #progTimeline{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.gb-groove .focus-head{display:flex;align-items:center;gap:20px}.gb-groove .focus-head-left{flex:1 1 auto;min-width:0;display:flex;align-items:center}.gb-groove .focus-head-right{flex:1 1 auto;min-width:max-content;display:flex;align-items:center;justify-content:flex-end;gap:10px}.gb-groove .focus-save,.gb-groove .focus-pick .w-pick-name{white-space:nowrap}.gb-groove .focus-title{overflow:hidden;text-overflow:ellipsis}.gb-groove .focus-title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px;color:var(--ink);white-space:nowrap}.gb-groove .focus-chord{display:flex;align-items:center}.gb-groove .focus-chord svg{display:block}.gb-groove .focus-empty{font-size:13px;color:var(--hint);padding:44px 0 30px;text-align:center;line-height:1.7}.gb-groove .focus-empty strong{color:var(--ink-2)}.gb-groove .focus-save{font:inherit;font-size:12.5px;font-weight:800;border-radius:9px;padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:7px}.gb-groove .focus-save:hover{border-color:var(--hint)}.gb-groove .focus-save svg{display:block}.gb-groove .focus-pick.w-pick{width:auto;min-height:0;padding:6px 10px 6px 12px;gap:9px}.gb-groove .focus-pick .w-pick-text{flex-direction:row;align-items:center;gap:7px;flex:0 1 auto}.gb-groove .focus-pick .w-pick-name{font-size:12.5px;font-weight:800}.gb-groove .focus-pick .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--ink-2)}.gb-groove .focus-pick-sep{color:#d8d8d8;font-size:11px;font-weight:700}.gb-groove .focus-pick-pop.list-popover{min-width:268px;padding:5px;border-radius:11px}.gb-groove .focus-pick-pop .w-pick-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 9px;border-radius:8px}.gb-groove .focus-pick-pop .w-pick-item .w-pick-name{flex:1 1 auto}.gb-groove .focus-pick-pop .w-pick-item .w-pick-meta{flex:0 0 auto}.gb-groove .focus-pick-pop .w-pick-item.is-unfit{opacity:.42;cursor:default}.gb-groove .chip{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 6px;border-radius:10px;box-shadow:0 1px 2px #0000001f;transition:box-shadow .2s var(--ease-out)}.gb-groove .chip.cur{box-shadow:0 0 0 3px var(--gold)}.gb-groove .chip select{height:32px;padding:0 4px;border:0;border-radius:7px;background:transparent;font-size:16px;font-weight:800;cursor:pointer}.gb-groove .chip .bars{font-size:11px;font-weight:700;opacity:.75}.gb-groove .chip .rm{width:24px;height:24px;border:0;border-radius:6px;background:#ffffff38;font-size:13px;line-height:1;cursor:pointer;padding:0}.gb-groove .gb-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 20px 20px}.gb-groove .track-card{background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow .14s ease}.gb-groove .track-card:hover{box-shadow:0 2px 10px #00000012,0 0 0 1px #00000029}.gb-groove .track-card.on{box-shadow:0 2px 10px #00000012,0 0 0 2px var(--gold)}.gb-groove .track-head{display:flex;align-items:center;gap:8px}.gb-groove .track-name{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.gb-groove .track-role{font-size:11px;font-weight:600;color:var(--hint)}.gb-groove .track-mute{margin-left:auto;width:28px;height:28px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:11px;cursor:pointer;padding:0}.gb-groove .track-mute.muted{border-color:var(--border);background:#f5f5f5;color:var(--hint)}.gb-groove .track-deck{position:relative;height:146px;margin:auto 0}.gb-groove .card-picker{height:146px;margin:auto 0;display:flex;align-items:center;justify-content:center}.gb-groove .track-deck .cc{width:112px;height:138px}.gb-groove .track-deck .cc__qual{display:none}.gb-groove .track-level{display:flex;align-items:center;gap:8px;margin-top:auto}.gb-groove .track-level input{flex:1 1 auto;height:20px;accent-color:var(--ink);cursor:pointer}.gb-groove .track-card .field-col{align-items:stretch}.gb-groove .art-seg{width:100%}.gb-groove .art-seg .seg{flex:1 1 0;text-transform:capitalize;text-align:center}.gb-groove .swing-card{align-items:center;gap:12px}.gb-groove .swing-head{align-self:stretch;display:flex;align-items:center;gap:8px}.gb-groove .swing-name{margin-left:auto;font-size:12px;font-weight:700;color:var(--gold-text)}.gb-groove .swing-dial{position:relative;width:148px;height:148px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.gb-groove .swing-ring{position:absolute;inset:0;border-radius:99px;mask:radial-gradient(circle,transparent 57%,#000 58%);-webkit-mask:radial-gradient(circle,transparent 57%,#000 58%)}.gb-groove .swing-knob{position:absolute;left:50%;top:50%;width:4px;height:74px;margin:-74px 0 0 -2px;border-radius:99px;transform-origin:50% 100%;background:linear-gradient(to bottom,var(--ink) 0 20px,transparent 20px);transition:transform .2s var(--ease-out);pointer-events:none}.gb-groove .swing-center{position:relative;display:flex;flex-direction:column;align-items:center}.gb-groove .swing-value{font-size:30px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}.gb-groove .swing-range{width:100%;height:24px;accent-color:var(--ink);cursor:pointer}.gb-groove .detents{align-self:stretch;display:flex;justify-content:space-between}.gb-groove .detent{min-width:28px;height:24px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--hint);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:700;cursor:pointer}.gb-groove .detent.on{background:var(--ring-light);color:var(--ink)}.gb-groove .click-card{gap:10px}.gb-groove .click-note-row{display:flex;align-items:center;gap:8px}.gb-groove .click-note-row .select{margin-left:auto;height:36px;padding:0 8px;font-size:12px}.gb-groove .toggle-btns{display:flex;gap:8px}.gb-groove .toggle-btn{flex:1 1 0;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:800;cursor:pointer}.gb-groove .toggle-btn.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-groove .switch-head{display:flex;align-items:center;gap:8px}.gb-groove .switch{margin-left:auto;width:46px;height:26px;flex:0 0 46px;border:1px solid var(--border);border-radius:99px;background:#f5f5f5;padding:2px;display:flex;justify-content:flex-start;cursor:pointer;transition:background .2s var(--ease-out)}.gb-groove .switch.on{border-color:var(--ink);background:var(--ink);justify-content:flex-end}.gb-groove .switch .knob{display:block;width:20px;height:20px;border-radius:99px;background:var(--hint)}.gb-groove .switch.on .knob{background:#fff}.gb-groove .num-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gb-groove .num-row label,.gb-groove .num-row .unit{font-size:12px;font-weight:600;color:var(--ink-2)}.gb-groove .num-input{width:56px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:700;text-align:center}.gb-groove .state-label{font-size:12px;font-weight:600;color:var(--hint)}.gb-groove .state-label.gap-live{font-weight:700;color:var(--gold-text)}.gb-groove .gb-card.gap-live{box-shadow:0 2px 10px #00000012,0 0 0 2px var(--gold)}.gb-groove .seg-flex .seg{flex:1 1 0}.gb-groove .rail-grid{display:grid;grid-template-columns:36px 56px 38px 56px max-content;gap:10px 8px;align-items:center;justify-content:center}.gb-groove .rail-grid .k{font-size:12px;font-weight:600;color:var(--ink-2)}.gb-groove .rail-grid .k--c{text-align:center}.gb-groove .rail-grid .k--stack{line-height:1.05;text-align:center}.gb-groove .rail-grid input{width:56px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:700;text-align:center}.gb-groove .rail-grid input,.gb-groove .num-input{appearance:textfield;-moz-appearance:textfield}.gb-groove .rail-grid input::-webkit-outer-spin-button,.gb-groove .rail-grid input::-webkit-inner-spin-button,.gb-groove .num-input::-webkit-outer-spin-button,.gb-groove .num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gb-groove .click-level{display:flex;align-items:center;gap:8px}.gb-groove .click-level input{flex:1 1 auto;height:20px;accent-color:var(--ink);cursor:pointer}.gb-groove .gb-aside .seg--glyph{min-height:36px}.gb-groove .head-spacer{flex:1 1 auto}.gb-groove .cog-wrap{position:relative;display:inline-flex}.gb-groove .gear-btn{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 2px 6px #0000000f,0 0 0 1px #00000005;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}.gb-groove .gear-btn:hover{color:var(--ink)}.gb-groove .gear-btn[aria-expanded=true]{background:var(--page-bg);color:var(--ink)}.gb-groove .gear-btn svg{width:15px;height:15px;display:block}.gb-groove .gear-popover{position:absolute;top:calc(100% + 8px);right:0;width:226px;z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px 10px;display:none;max-height:calc(100vh - 24px);overflow-y:auto;box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f,0 0 0 1px #00000005}.gb-groove .gear-popover.is-open{display:block}.gb-groove .gear-popover.up{top:auto;bottom:calc(100% + 8px)}.gb-groove .gear-popover__title{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.gb-groove .gear-row{padding:8px 0}.gb-groove .gear-row+.gear-row{border-top:1px solid var(--hairline)}.gb-groove .gear-row__label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:7px}.gb-groove .cog-unbuilt{border:1px dashed var(--border);border-radius:9px;padding:9px 10px;font-size:11.5px;font-weight:600;color:var(--hint);line-height:1.45}.gb-groove .sounds{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gb-groove .sound-opt{height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:11.5px;font-weight:700;color:var(--ink-2);cursor:pointer;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-groove .sound-opt.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-groove .beats{display:flex;gap:5px}.gb-groove .beat{flex:1 1 0;min-width:0;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;font-weight:800;color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums}.gb-groove .beat.grp{border-color:var(--gold);color:var(--gold-text)}.gb-groove .beat.on{border-color:var(--ink);background:var(--ink);color:#fff}.gb-groove .cog-note{display:block;margin-top:7px;font-size:11px;font-weight:600;color:var(--hint)}.gb-groove .field-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gb-groove .field-col>.lbl-sm{height:14px;line-height:14px;display:block}.gb-groove .field-well{height:44px;display:flex;align-items:center;gap:10px}.gb-groove .lane-pick-wrap{min-width:0}.gb-groove .lane-pick{display:flex;align-items:center;gap:4px;width:auto;min-height:0;padding:0 2px 0 0;margin:0;border:0;background:transparent;border-radius:4px;cursor:pointer;color:var(--ink)}.gb-groove .lane-pick .w-pick-name{font-size:12px;font-weight:800;letter-spacing:.2px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:124px}.gb-groove .lane-pick .bpm__chev{color:var(--label);margin:0;flex:0 0 auto}.gb-groove .lane-pick:hover .bpm__chev{color:var(--ink)}.gb-groove .lane-pick.muted,.gb-groove .lane-pick.muted .w-pick-name{color:var(--hint)}.gb-groove .lane-pick-wrap .list-popover{min-width:186px}.gb-groove .kit-pick{min-width:0;padding:6px 10px}.gb-groove .kit-pick .w-pick-name{font-size:12px}.gb-groove #kitOpts .list-popover{min-width:190px}.gb-groove #loopCtl .list-popover{width:100%;min-width:0;max-width:none}.gb-groove .src-alarm{display:none}.gb-groove .src-alarm__txt{display:inline-block;background:#7a1b1b;color:#ffe8e8;font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 9px;border-radius:6px}.gb-groove .field-col--tempo{align-items:stretch}.gb-groove .field-col--tempo>.lbl-sm{text-align:center}.gb-groove .field-col>.lbl-sm:empty{display:block}.gb-groove .gb-transport .play{width:64px;height:64px;flex:0 0 auto;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-groove .gb-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.gb-groove .gb-modal[hidden]{display:none}.gb-groove .gb-modal__scrim{position:absolute;inset:0;background:#0006}.gb-groove .gb-modal__panel{position:relative;width:100%;max-width:380px;padding:20px;background:var(--surface);border-radius:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 60px #00000047,0 0 0 1px #0000000f}.gb-groove .gb-modal__title{margin:0;font-size:16px;font-weight:800}.gb-groove .gb-modal__note{margin:0;font-size:12px;font-weight:600;color:var(--ink-2)}.gb-groove .gb-modal__input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:700;color:var(--ink);background:var(--surface);width:100%}.gb-groove .gb-modal__input:focus{outline:2px solid var(--ink);outline-offset:1px}.gb-groove .gb-modal__actions{display:flex;justify-content:flex-end;gap:8px}.gb-groove .w-sub-glyph{display:inline-flex;align-items:center;justify-content:center}.gb-groove .w-sub-glyph svg{display:block}.gb-groove .seg--glyph{height:auto;min-height:40px;padding:2px 10px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-groove .seg--glyph.on{color:#fff}.gb-groove .seg--glyph svg{display:block}.gb-groove .w-sub-cell,.gb-groove #meterCtl{position:relative}.gb-groove .gb-topcard{position:relative;z-index:5;margin:20px 20px 0;background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a}.gb-groove .gb-loopbar{background:transparent;height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}.gb-groove .gb-loopbar #loopCtl{flex:0 1 320px;min-width:0}.gb-groove .gb-transport{background:transparent;border-bottom:0}.gb-groove{flex:1 0 auto;display:flex;justify-content:center;align-items:flex-start;background:transparent;padding:14px 28px var(--nav-reserve)}.gb-groove>.gb-full{max-width:var(--gb-max);border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a}.gb-groove app-metro-swing-card,.gb-groove app-metro-gap-card,.gb-groove app-metro-tempo-auto-card,.gb-groove app-gbx-click-card,.gb-groove app-gbx-cues-card,.gb-groove app-gbx-track-card,.gb-groove app-gbx-tracks,.gb-groove app-gbx-percussion-card,.gb-groove app-gbx-lane,.gb-groove app-gbx-focus,.gb-groove app-gbx-timeline,.gb-groove app-gbx-strum-lane,.gb-groove app-gbx-chord-deck,.gb-groove app-subdivision{display:contents}.gb-groove .gb-tp{display:contents}.gb-groove app-metro-swing-card{--swing-track: var(--ring-dark)}.gb-groove .swing-card.is-dead .swing-dial,.gb-groove .swing-card.is-dead .swing-range,.gb-groove .swing-card.is-dead .detents{opacity:.45}.gb-groove .swing-card.is-dead .swing-dial,.gb-groove .swing-card.is-dead .detent{cursor:default}.gb-groove .slot-group{flex:1 1 0}.gb-groove .slot-beat,.gb-groove .ruler-beat{flex:var(--beat-span, 1) 1 0}.gb-groove .ruler-group{flex:1 1 0}.gb-groove .slot{min-width:var(--slot-min-w, 24px)}.gb-groove .slot .bar{height:0}.gb-groove .slot .bar[data-level="1"]{height:19px}.gb-groove .slot .bar[data-level="2"]{height:30px}.gb-groove .gb-grid>div:not([class]){display:flex;flex-direction:column;gap:11px}.gb-groove .gb-card-head>div:not([class]){margin-left:auto;display:flex;align-items:center;gap:8px}.gb-groove .track-deck{--nowX: 13px;--nextX: 137px}.gb-groove .toggle-btns .lbl{flex:0 0 auto}.gb-groove .beat-dot{width:8px;height:8px}.gb-groove .beat-dot.strong{width:11px;height:11px}.gb-groove .gb-aside .gb-card:not(.swing-card){gap:10px}.gb-groove .toggle-btns{align-items:center}.gb-groove .w-key-chip{color:#fff}.gb-groove .w-key-chip[data-warm-text=true]{color:var(--ink-warm)}.gb-groove .w-pick-beat>span:has(>svg){display:contents}.gb-groove #focusZone[data-pane=prog] #focusStrum,.gb-groove #focusZone[data-pane=prog] #focusBass,.gb-groove #focusZone[data-pane=prog] #focusArp,.gb-groove #focusZone[data-pane=prog] #focusPiano,.gb-groove #focusZone[data-pane=prog] #focusNone,.gb-groove #focusZone[data-pane=strum] #focusProg,.gb-groove #focusZone[data-pane=strum] #focusBass,.gb-groove #focusZone[data-pane=strum] #focusArp,.gb-groove #focusZone[data-pane=strum] #focusPiano,.gb-groove #focusZone[data-pane=strum] #focusNone,.gb-groove #focusZone[data-pane=bass] #focusProg,.gb-groove #focusZone[data-pane=bass] #focusStrum,.gb-groove #focusZone[data-pane=bass] #focusArp,.gb-groove #focusZone[data-pane=bass] #focusPiano,.gb-groove #focusZone[data-pane=bass] #focusNone,.gb-groove #focusZone[data-pane=arp] #focusProg,.gb-groove #focusZone[data-pane=arp] #focusStrum,.gb-groove #focusZone[data-pane=arp] #focusBass,.gb-groove #focusZone[data-pane=arp] #focusPiano,.gb-groove #focusZone[data-pane=arp] #focusNone,.gb-groove #focusZone[data-pane=piano] #focusProg,.gb-groove #focusZone[data-pane=piano] #focusStrum,.gb-groove #focusZone[data-pane=piano] #focusBass,.gb-groove #focusZone[data-pane=piano] #focusArp,.gb-groove #focusZone[data-pane=piano] #focusNone,.gb-groove #focusZone[data-pane=none] #focusProg,.gb-groove #focusZone[data-pane=none] #focusStrum,.gb-groove #focusZone[data-pane=none] #focusBass,.gb-groove #focusZone[data-pane=none] #focusArp,.gb-groove #focusZone[data-pane=none] #focusPiano{display:none}.gb-groove #focusZone:not([data-pane=prog]) #progTimelineHead,.gb-groove #focusZone:not([data-pane=prog]) #progTimelineDepth,.gb-groove #focusZone:not([data-pane=prog]) #addChord{display:none}.gb-groove #focusZone:not([data-pane=strum]) #rhythmSlot{display:none}.gb-groove #focusZone:not([data-pane=bass]) #bassOptsSlot,.gb-groove #focusZone:not([data-pane=bass]) #bassPatternSlot{display:none}.gb-groove #focusZone[data-pane=bass]:not([data-bass-art=line]) #bassPatternSlot{display:none}.gb-groove #focusZone:not([data-pane=arp]) #arpPatternSlot{display:none}.gb-groove #focusZone:not([data-pane=piano]) #pianoNoteSlot,.gb-groove #focusZone:not([data-pane=piano]) #pianoPickSlot{display:none}.gb-groove #focusZone[data-pane=none] #focusSave{display:none}.gb-groove #focusZone[data-pane=bass]:not([data-bass-art=line]) #focusSave{display:none}.gb-groove #focusZone[data-strum-hold=true] #rhythmSlot,.gb-groove #focusZone[data-strum-hold=true] #focusSave{display:none}.gbx-piano-note{font-size:12px;font-weight:700;color:var(--ink-3, #8A8A8A);margin-left:14px;white-space:nowrap}.gbx-piano-note b{font-weight:800;color:var(--ink-2, #5A5A5A)}.gb-groove #progTimeline .track-deck{--nowX: 19px;--nextX: 143px}.gb-groove #focusZone[data-pane=prog]{--gb-chords-h: 81px;--gb-flourish-h: 35px;--gb-lane-gap: 7.75px}.gb-groove{--gbx-fit: min( calc((var(--main-w, 1280) - 56) / 980), calc((var(--main-h, 744) - 110) / 741), calc((var(--main-w, 1280) - 56) / 1280) )}.gb-groove>.gb-full{zoom:var(--gbx-fit, 1)}.xo-ic{display:inline-block;width:18px;height:18px;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xo-m-gui{-webkit-mask-image:url(/assets/icons/instruments/guitar.svg);mask-image:url(/assets/icons/instruments/guitar.svg)}.xo-m-key{-webkit-mask-image:url(/assets/icons/instruments/keys.svg);mask-image:url(/assets/icons/instruments/keys.svg)}.xo-m-the{-webkit-mask-image:url(/assets/icons/instruments/theory.svg);mask-image:url(/assets/icons/instruments/theory.svg)}.xo-m-bas{-webkit-mask-image:url(/assets/icons/instruments/bass.svg);mask-image:url(/assets/icons/instruments/bass.svg)}.xo-m-uke{-webkit-mask-image:url(/assets/icons/instruments/ukulele.svg);mask-image:url(/assets/icons/instruments/ukulele.svg)}.xo-m-drm{-webkit-mask-image:url(/assets/icons/instruments/drums.svg);mask-image:url(/assets/icons/instruments/drums.svg)}.xo-ink{background:var(--ink)}.xo-gold{background:var(--gold-text)}.gb-groove .drop-up .list-popover,.gb-groove .drop-up .gear-popover,.gb-groove .drop-up .pat-pop{top:auto;bottom:100%;margin:0 0 8px}.gb-groove .strum-marks{margin-left:var(--grid-x)}.gb-groove .strum-marks.strum-grouped{display:flex;gap:14px}.gb-groove .strum-marks.strum-grouped .strum-markcol{flex:1 1 0;min-width:0}.gb-groove .strum-marks{align-items:flex-end;pointer-events:none;margin-bottom:3px}.gb-groove .strum-markcol{position:relative;height:100%;display:flex;justify-content:center;align-items:flex-end}.gb-groove .strum-marks .smk{left:50%;line-height:0}.gb-groove .flash-overlay.is-lit{opacity:.1}.gb-groove .select-lg{height:40px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:10px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-color:var(--surface);color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}.gb-strum{font-size:14px;color:var(--ink);font-family:Nunito,system-ui,sans-serif}.gb-strum{--correct: #1F8A4C;--early: #C9A227;--wrong: #C0392B;--nav-reserve: 110px;--top-pad: 16px;--avail-h: calc(100dvh - var(--header-h) - var(--nav-reserve) - var(--top-pad));--primary-note: var(--note-G);--poly-note: var(--note-E);--playhead: #E89A2A}app-root.phone .gb-strum{--avail-h: calc(var(--canvas-h) - var(--header-h) - var(--nav-reserve) - var(--top-pad))}.gb-strum .lane-wrap .lane-chord{display:flex;flex-direction:column;align-items:center;gap:3px}.gb-strum .lane-wrap .lane-chord svg{display:block}.gb-strum .lane-wrap .lane-chord-now{display:flex;align-items:center;justify-content:center}.gb-strum .lane-wrap .strum-marks{position:relative;height:40px;pointer-events:none}.gb-strum .lane-wrap .strum-marks .smk{position:absolute;bottom:0;transform:translate(-50%);display:block}.gb-strum .lane-wrap .lane-chord-next{display:flex;align-items:center;justify-content:center;min-height:38px}.gb-strum .lane-wrap .lane-chord-next[hidden]{display:flex;visibility:hidden}.gb-strum #focusStrum{--head-light:#C6C6C6}.gb-strum #focusStrum *{box-sizing:border-box}.gb-strum h1{font-size:19px;margin:0;letter-spacing:-.01em}.gb-strum p{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0;max-width:70ch}.gb-strum .strum-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint)}.gb-strum .strum-seg{display:inline-flex;background:var(--page-bg);border-radius:10px;padding:3px;gap:2px}.gb-strum .strum-seg button{appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);padding:7px 11px;border-radius:8px;transition:all .16s var(--ease-out)}.gb-strum .strum-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.gb-strum .strum-head{display:flex;align-items:center;gap:14px}.gb-strum .chordbig{margin-left:auto;display:flex;align-items:baseline;gap:9px}.gb-strum .chordbig .name{font-size:30px;font-weight:800;color:var(--chordcol, var(--ink))}.gb-strum .lane-wrap{--bar-x:27px;--grid-x:41px;--pulse:#E87A2A;margin-top:6px}.gb-strum .lane{position:relative}.gb-strum .rule{position:absolute;left:var(--bar-x);right:0;top:50%;height:1px;background:var(--border);pointer-events:none}.gb-strum .barline{position:absolute;left:var(--bar-x);top:50%;height:44px;margin-top:-22px;pointer-events:none;display:flex;align-items:stretch;gap:3px}.gb-strum .barline i{display:block;background:var(--ink);opacity:.8;border-radius:1px}.gb-strum .bl-thin{width:1.5px}.gb-strum .bl-thick{width:4px}.gb-strum .axis{position:absolute;left:0;top:0;bottom:0;width:20px;pointer-events:none;color:var(--hint)}.gb-strum .axis svg{position:absolute;left:3px;width:14px;height:16px}.gb-strum .ax-up{top:calc(50% - 22px)}.gb-strum .ax-down{top:calc(50% + 6px)}.gb-strum .ax-line{position:absolute;left:9.5px;top:calc(50% - 24px);height:48px;width:1px;background:var(--hairline)}.gb-strum .strum-grid,.gb-strum .counts{margin-left:var(--grid-x)}.gb-strum .strum-grid{display:grid;position:relative;z-index:1}.gb-strum .strum-col{display:flex;flex-direction:column}.gb-strum .strum-grid.strum-grouped,.gb-strum .counts.strum-grouped{display:flex;gap:14px}.gb-strum .strum-slotgroup{display:flex;gap:7px;min-width:0}.gb-strum .strum-slotbeat{display:flex;gap:3px;min-width:0}.gb-strum .strum-grouped .strum-col,.gb-strum .counts.strum-grouped .count{flex:1 1 0;min-width:0}.gb-strum .zone{height:48px;background:transparent;border:0;padding:0;cursor:pointer;display:flex;touch-action:none;position:relative}.gb-strum .zone[data-z=up]{align-items:flex-end}.gb-strum .zone[data-z=down]{align-items:flex-start}.gb-strum .zone>.mk{width:100%;display:flex;align-items:center;justify-content:center;height:48px;pointer-events:none}.gb-strum .zone[data-z=up]>.mk{transform:translateY(50%)}.gb-strum .zone[data-z=down]>.mk{transform:translateY(-50%)}.gb-strum .zone>.mk svg{width:32px;height:96px;overflow:visible}.gb-strum .mk{color:var(--ink);--hd:var(--head-light)}.gb-strum ellipse.hd{fill:var(--hd);stroke:none}.gb-strum path.hd{fill:none;stroke:var(--hd)}.gb-strum .halo{stroke:var(--surface)}.gb-strum .mk[data-s=hint]{opacity:.44;--hd:var(--hint)}.gb-strum .mk[data-s=empty]{opacity:0;--hd:var(--hint)}.gb-strum .mk[data-s=hint] .arw,.gb-strum .mk[data-s=empty] .arw{opacity:.34}.gb-strum .mk[data-s=hint] .halo,.gb-strum .mk[data-s=empty] .halo{display:none}.gb-strum .mk[data-s=hint] .ink,.gb-strum .mk[data-s=empty] .ink{stroke:var(--hint)}.gb-strum .zone:hover>.mk[data-s=hint]{opacity:.62}.gb-strum .zone:hover>.mk[data-s=empty]{opacity:.34}.gb-strum .glow{fill:var(--pulse);opacity:0;filter:url(#strumGlow);transform-origin:center;transform-box:fill-box}.gb-strum .mk.firing[data-dir=down] .arw{animation:arwDown .34s var(--ease-out)}.gb-strum .mk.firing[data-dir=up] .arw{animation:arwUp .34s var(--ease-out)}.gb-strum .mk.firing ellipse.hd{animation:bloomFill .46s var(--ease-out);transform-origin:center;transform-box:fill-box}.gb-strum .mk.firing path.hd{animation:bloomStroke .46s var(--ease-out);transform-origin:center;transform-box:fill-box}.gb-strum .mk.firing .glow{animation:glowOut .62s var(--ease-out) .1s}.gb-strum .mk[data-s="2"].firing .glow{animation:glowOutBig .82s var(--ease-out) .08s}.gb-strum .hand{position:absolute;width:18px;height:3px;border-radius:2px;background:var(--ink-2);opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.gb-strum .hand.on{opacity:.45}.gb-strum .counts{display:grid;margin-top:4px;align-items:baseline}.gb-strum .count{font-size:11px;font-weight:700;color:var(--hint);text-align:center;line-height:1.45;transition:color .1s linear}.gb-strum .count[data-on="1"]{font-size:14px;font-weight:800;color:var(--ink)}.gb-strum .count[data-on="1"].now{color:var(--pulse)}.gb-strum .strum-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gb-strum .strum-bar+.strum-bar{margin-top:12px}.gb-strum .transport{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline)}.gb-strum .strum-play{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.gb-strum .strum-play[data-on="1"]{background:var(--ink-2)}.gb-strum .field{display:flex;align-items:center;gap:7px}.gb-strum select{font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:var(--page-bg);border:0;border-radius:8px;padding:8px 10px;cursor:pointer}.gb-strum .hint-txt{font-size:11px;color:var(--hint);margin-left:auto}.gb-strum .loading{font-size:11px;font-weight:700;color:var(--gold)}.gb-strum .strum-note{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--page-bg);border-radius:10px;padding:13px 15px}.gb-strum .strum-note strong{color:var(--ink)}.gb-strum .strum-note+.strum-note{margin-top:9px}.gb-strum #focusStrum .lane-wrap{position:relative;--grid-x:132px;--bar-x:118px}.gb-strum #focusStrum .axis{left:98px}.gb-strum #focusStrum .gb-strum-head{position:absolute;left:0;top:0;bottom:0;width:98px;flex-basis:98px;padding:0;overflow:visible}.gb-strum #focusStrum .gb-strum-head .lane-chord{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.gb-strum #focusStrum h1,.gb-strum #focusStrum .strum-head,.gb-strum #focusStrum .strum-bar,.gb-strum #focusStrum .chordbig{display:none}.gb-strum .gb-tp .lbl-sm{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.gb-strum .gb-tp .gb-transport{display:flex;align-items:center;gap:20px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--hairline)}.gb-strum .gb-tp .auto-badge{font-size:12px;font-weight:700;color:var(--gold-text)}.gb-strum .gb-tp .tempo-btns{display:flex;align-items:center;gap:6px}.gb-strum .gb-tp .sq-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:18px;font-weight:700;color:var(--ink);cursor:pointer}.gb-strum .gb-tp .sq-btn:hover{border-color:var(--ink)}.gb-strum .gb-tp .tap-btn{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;font-weight:800;letter-spacing:.4px;color:var(--ink);cursor:pointer}.gb-strum .gb-tp .tap-btn:hover{border-color:var(--ink)}.gb-strum .gb-tp .vdiv-tall{width:1px;height:44px;background:var(--hairline);display:block}.gb-strum .gb-tp .field-col{display:flex;flex-direction:column;gap:5px}.gb-strum .gb-tp .seg-group{display:flex;gap:4px;padding:4px;border-radius:12px;background:#f5f5f5}.gb-strum .gb-tp .seg{height:34px;min-width:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:700;cursor:pointer;transition:background .2s var(--ease-out)}.gb-strum .gb-tp .seg.on{background:var(--ink);color:#fff;font-weight:800}.gb-strum .gb-tp .btn-sm{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:11px;font-weight:700;color:var(--ink-2);cursor:pointer}.gb-strum .gb-tp .btn-sm:hover{border-color:var(--ink);color:var(--ink)}.gb-strum .gb-tp .btn-sm.ink{color:var(--ink)}.gb-strum .gb-tp .focus-save,.gb-strum .gb-tp .focus-pick .w-pick-name{white-space:nowrap}.gb-strum .gb-tp .focus-save{font:inherit;font-size:12.5px;font-weight:800;border-radius:9px;padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:7px}.gb-strum .gb-tp .focus-save:hover{border-color:var(--hint)}.gb-strum .gb-tp .focus-save svg{display:block}.gb-strum .gb-tp .focus-pick.w-pick{width:auto;min-height:0;padding:6px 10px 6px 12px;gap:9px}.gb-strum .gb-tp .focus-pick .w-pick-text{flex-direction:row;align-items:center;gap:7px;flex:0 1 auto}.gb-strum .gb-tp .focus-pick .w-pick-name{font-size:12.5px;font-weight:800}.gb-strum .gb-tp .focus-pick .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--ink-2)}.gb-strum .gb-tp .focus-pick-sep{color:#d8d8d8;font-size:11px;font-weight:700}.gb-strum .gb-tp .focus-pick-pop.list-popover{min-width:268px;padding:5px;border-radius:11px}.gb-strum .gb-tp .focus-pick-pop .w-pick-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 9px;border-radius:8px}.gb-strum .gb-tp .focus-pick-pop .w-pick-item .w-pick-name{flex:1 1 auto}.gb-strum .gb-tp .focus-pick-pop .w-pick-item .w-pick-meta{flex:0 0 auto}.gb-strum .gb-tp .focus-pick-pop .w-pick-item.is-unfit{opacity:.42;cursor:default}.gb-strum .gb-tp .field-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gb-strum .gb-tp .field-col>.lbl-sm{height:14px;line-height:14px;display:block}.gb-strum .gb-tp .field-well{height:44px;display:flex;align-items:center;gap:10px}.gb-strum .gb-tp .field-col>.lbl-sm:empty{display:block}.gb-strum .gb-tp .gb-transport .play{width:64px;height:64px;flex:0 0 auto;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-strum .gb-tp .w-sub-glyph{display:inline-flex;align-items:center;justify-content:center}.gb-strum .gb-tp .w-sub-glyph svg{display:block}.gb-strum .gb-tp .seg--glyph{height:auto;min-height:40px;padding:2px 10px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-strum .gb-tp .seg--glyph.on{color:#fff}.gb-strum .gb-tp .seg--glyph svg{display:block}.gb-strum .w-collapsed .play{flex:0 0 auto;width:56px;height:56px;font-size:18px;box-shadow:0 6px 16px #00000029,0 2px 5px #0000001a}.gb-strum .bpm{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 6px 0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer;line-height:1;box-sizing:border-box}.gb-strum .bpm:hover{border-color:var(--ink-2)}.gb-strum .bpm--hybrid{gap:4px}.gb-strum .bpm:focus-within{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-strum input.bpm__num{font-family:inherit;font-size:26px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;border:none;background:transparent;padding:0;margin:0;width:3.4ch;text-align:right;outline:none;cursor:text;letter-spacing:-.5px}.gb-strum .bpm__val{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.gb-strum .bpm__lbl{font-size:10px;font-weight:700;color:var(--label);letter-spacing:.04em;text-transform:lowercase;flex:0 0 auto}.gb-strum .bpm__caret-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;padding:0;margin:0;cursor:pointer;color:var(--label);line-height:1;border-radius:99px}.gb-strum .bpm__caret-btn:hover{background:var(--page-bg)}.gb-strum .bpm__caret-btn:hover,.gb-strum .bpm__caret-btn[aria-expanded=true]{color:var(--ink)}.gb-strum .bpm__chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);display:inline-block;margin-top:-4px;flex:none;transition:transform .12s ease-out,margin-top .12s ease-out}.gb-strum .bpm__caret-btn[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-strum .w-bpm-wrap{position:relative;flex:0 0 auto}.gb-strum .w-bpm-wrap--mini .list-popover{top:auto;bottom:100%;margin:0 0 8px;min-width:84px}.gb-strum .w-drop-below .list-popover{top:100%;bottom:auto;margin:8px 0 0}.gb-strum .bpm-roller-btn{height:36px;display:inline-flex;align-items:center;gap:3px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.gb-strum .bpm-roller-btn:hover{border-color:var(--ink-2)}.gb-strum .bpm-roller-btn[aria-expanded=true]{border-color:var(--ink-2);box-shadow:0 0 0 2px #0000000f}.gb-strum .bpm-roller-btn .n{font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.gb-strum .bpm-roller-btn .u{font-size:8px;font-weight:700;color:var(--label);letter-spacing:.05em}.gb-strum .w-ts-btn{border:0;background:none;cursor:pointer;padding:3px 10px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-strum .w-ts-btn:hover,.gb-strum .w-ts-btn[aria-expanded=true]{background:var(--page-bg)}.gb-strum .w-ts-pop{padding:16px}.gb-strum .list-popover.w-ts-pop.is-open{display:flex;gap:12px;align-items:center;min-width:0;max-width:none}.gb-strum .w-ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gb-strum .w-ts-col{display:flex;flex-direction:column;gap:6px}.gb-strum .w-ts-slash{align-self:center;font-size:26px;font-weight:800;color:var(--hint);padding:0 2px}.gb-strum .w-ts-opt{border:0;background:transparent;border-radius:8px;padding:0;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}.gb-strum .w-ts-opt:hover{background:var(--page-bg)}.gb-strum .w-ts-opt[aria-selected=true]{background:var(--ink);color:#fff}.gb-strum .w-ts-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.06em;line-height:1}.gb-strum .w-ts-hint:empty{display:none}.gb-strum .w-roller .list-popover__item{justify-content:center;align-items:baseline;gap:6px;padding:7px 10px;font-variant-numeric:tabular-nums}.gb-strum .list-popover__item[aria-selected=true] .w-roller__d{color:#fff9}.gb-strum .w-roller .list-popover__item.is-dead{opacity:.35;cursor:default}.gb-strum .list-popover{position:absolute;top:100%;left:0;margin-top:8px;min-width:180px;max-width:260px;max-height:300px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #00000024,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:60;padding:6px;display:none}.gb-strum .list-popover.is-open{display:block}.gb-strum .list-popover__item{display:flex;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.02em;cursor:pointer;text-align:left}.gb-strum .list-popover__item:hover{background:var(--page-bg)}.gb-strum .list-popover__item[aria-selected=true]{background:var(--ink);color:#fff}.gb-strum .play{border:0;border-radius:99px;background:var(--ink);color:#fff;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative;transition:transform .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out)}.gb-strum .play:hover{transform:scale(1.04)}.gb-strum .play svg{width:32%;height:32%;display:block}.gb-strum .play.is-running{background:var(--gold);color:var(--ink)}.gb-strum .play.is-running:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:.45;animation:pulse-ring 1.4s ease-out infinite}.gb-strum .w-footer .play{flex:0 0 auto;width:56px;height:56px;font-size:19px}.gb-strum .w-metre-pair{display:flex;align-items:center;gap:10px;min-width:0}.gb-strum .w-sub-vol{flex:1 1 auto;min-width:0;height:24px}.gb-strum .w-sub-vol.is-dead{opacity:.35;cursor:not-allowed}.gb-strum .w-sub-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--label);align-self:center;flex:0 0 auto}.gb-strum .w-sub-cell{position:relative;flex:0 0 auto}.gb-strum .w-sub-pop{padding:16px}.gb-strum .list-popover.w-sub-pop.is-open{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:none}.gb-strum .w-sub-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint);margin-bottom:5px}.gb-strum .w-sub-btn{border:0;background:none;cursor:pointer;padding:3px 8px;border-radius:8px;display:block;line-height:0;color:var(--ink)}.gb-strum .w-sub-btn:hover,.gb-strum .w-sub-btn[aria-expanded=true]{background:var(--page-bg)}.gb-strum .w-sub-hint{display:block;margin-top:3px;font-size:9px;font-weight:700;color:var(--hint);text-align:center;letter-spacing:.06em;line-height:1}.gb-strum .w-sub-hint:empty{display:none}.gb-strum .w-pick-wrap{position:relative}.gb-strum .w-pick-wrap.is-above .list-popover{top:auto;bottom:100%;margin:0 0 8px}.gb-strum .w-pick{width:100%;min-height:48px;padding:6px 4px 6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;font-family:inherit;transition:border-color .15s var(--ease-out)}.gb-strum .w-pick:hover{border-color:var(--ink)}.gb-strum .w-pick-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.gb-strum .w-pick-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-strum .w-pick-beat{display:flex;align-items:center;gap:5px;min-width:0}.gb-strum .w-pick-harm{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto;padding-left:8px}.gb-strum .w-pick-mode{color:var(--ink-2);letter-spacing:.07em}.gb-strum .w-key-chip{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;line-height:1;flex:0 0 auto;letter-spacing:0;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-1.5px;box-shadow:0 1px 4px #0000001f}.gb-strum .w-pick-meta{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.4px;color:var(--hint);text-transform:uppercase}.gb-strum .w-pick-meta svg{display:block;flex:0 0 auto}.gb-strum .w-pick .bpm__chev{color:var(--label);flex:0 0 auto;margin-right:6px}.gb-strum .w-pick[aria-expanded=true] .bpm__chev{transform:rotate(-135deg);margin-top:2px}.gb-strum .w-pick-item{flex-direction:column;align-items:stretch;gap:3px}.gb-strum .w-pick-group{display:flex;align-items:baseline;gap:6px;padding:9px 12px 4px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.gb-strum .w-pick-group:first-child{padding-top:4px}.gb-strum .w-pick-group-name{color:var(--ink-2)}.gb-strum .w-pick-group-note{font-size:9px;font-weight:700;letter-spacing:.2px;text-transform:none;color:var(--hint)}.gb-strum .w-pick-group.is-dead{opacity:.45}.gb-strum .list-popover__item.is-dead{opacity:.4;cursor:default}.gb-strum .list-popover__item[aria-selected=true] .w-pick-name{color:#fff}.gb-strum .list-popover__item[aria-selected=true] .w-pick-meta{color:#ffffffa6}.gb-strum main{flex:1;min-height:0;padding:var(--top-pad) 24px var(--nav-reserve);display:flex;align-items:center;justify-content:center;overflow:auto}.gb-strum .strip{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;padding:12px 22px;border-bottom:1px solid var(--hairline)}.gb-strum .strip__left{flex:0 0 auto}.gb-strum .strip__centre{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}.gb-strum .ctl{display:inline-flex;align-items:center;gap:8px}.gb-strum .ctl__lbl{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase}.gb-strum .strip__left,.gb-strum .strip__centre{display:flex;align-items:center;gap:10px}.gb-strum .seg{display:inline-flex;background:var(--page-bg);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.gb-strum .seg__btn{appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;font-size:12px;font-weight:700;color:var(--ink-2);padding:7px 13px;border-radius:999px;letter-spacing:.02em;white-space:nowrap;font-feature-settings:"tnum" 1;transition:background var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.gb-strum .seg__btn:hover{color:var(--ink)}.gb-strum .seg__btn[aria-pressed=true]{background:var(--ink);color:#fff}.gb-strum .seg--modes .seg__btn{padding:8px 18px;font-size:13px;font-weight:800}.gb-strum .strip__right{flex:0 0 auto;position:relative;display:flex;align-items:center;margin-left:auto}.gb-strum .gear-btn{width:36px;height:36px;border:1px solid var(--tab-border);border-radius:999px;background:var(--surface);box-shadow:0 2px 6px #0000000f,0 0 0 1px #00000005;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--t-state) var(--ease-out),box-shadow var(--t-state) var(--ease-out),color var(--t-state) var(--ease-out)}.gb-strum .gear-btn:hover{color:var(--ink);transform:translateY(-1px)}.gb-strum .gear-btn[aria-expanded=true]{background:var(--page-bg);color:var(--ink)}.gb-strum .gear-btn svg{width:16px;height:16px}.gb-strum .gear-popover{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f,0 0 0 1px #00000005;z-index:41;padding:12px 14px 10px;display:none}.gb-strum .gear-popover.is-open{display:block}.gb-strum .gear-popover__title{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.gb-strum .gear-row{display:flex;align-items:center;gap:12px;padding:8px 0}.gb-strum .gear-row+.gear-row{border-top:1px solid var(--hairline)}.gb-strum .gear-row__label{flex:1;font-size:12px;font-weight:700;color:var(--ink)}.gb-strum .gear-row .seg__btn{padding:5px 10px;font-size:11px;font-weight:700}.gb-strum .gear-row .pill-select{padding-right:22px}.gb-strum .gear-row .pill-select select{padding:5px 22px 5px 10px;font-size:12px}.gb-strum .gear-row .pat-select-wrap{flex:0 0 auto}.gb-strum .gear-row .pat-select{padding:6px 28px 6px 10px;font-size:12px;min-width:150px}.gb-strum .gear-row .pat-pop{right:0;left:auto}.gb-strum .gear-row--sub{display:none}.gb-strum body.poly-on .gear-row--sub{display:flex}.gb-strum body.is-strum-off .gear-row--strum-only{display:none}.gb-strum .poly-toggle-btn{font-size:11px;font-weight:700;padding:5px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink-2);cursor:pointer;transition:background var(--t-state) var(--ease-out),color var(--t-state) var(--ease-out),border-color var(--t-state) var(--ease-out)}.gb-strum .poly-toggle-btn:hover{color:var(--ink)}.gb-strum .poly-toggle-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.gb-strum .strip{justify-content:space-between}.gb-strum .strip__right{margin-left:0}.gb-strum .strip__group{display:inline-flex;align-items:center;gap:16px}.gb-strum .ctl .seg__btn{padding:6px 10px;font-size:11px}.gb-strum .ctl .pill-select select{padding:7px 26px 7px 12px;font-size:12px}.gb-strum .transport__left{justify-self:start;display:flex;align-items:center;gap:16px}.gb-strum .pen-palette{display:inline-flex;align-items:center;gap:18px}.gb-strum .pen-cluster{display:inline-flex;flex-direction:row;align-items:center;gap:8px}.gb-strum .pen-cluster__circles{display:inline-flex;align-items:center;gap:8px}.gb-strum .pen-cluster__cap{font-size:10px;font-weight:800;color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase;line-height:1;white-space:nowrap}.gb-strum .pen-circle{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--t-state) var(--ease-out),color var(--t-state) var(--ease-out),border-color var(--t-state) var(--ease-out)}.gb-strum .pen-circle:hover{border-color:var(--ink-2);color:var(--ink)}.gb-strum .pen-circle svg{width:16px;height:14px;display:block}.gb-strum .pen-circle .pen-glyph{font-weight:800;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.gb-strum .pen-circle .pen-glyph svg{width:15px;height:15px;stroke:currentColor;fill:none}.gb-strum .pen-circle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.gb-strum .ctl>.bpm,.gb-strum .ctl>.pill-btn,.gb-strum .ctl>.seg{height:34px;box-sizing:border-box}.gb-strum .ctl>.bpm,.gb-strum .ctl>.pill-btn{align-items:center}.gb-strum .tap-arm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;height:32px;border:1px solid var(--tab-border);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;flex:0 0 auto}.gb-strum .tap-arm-chip:hover{color:var(--ink);border-color:var(--ink-2)}.gb-strum .tap-arm-chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.gb-strum .tap-arm-chip[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}.gb-strum .tap-arm-chip[aria-pressed=true] .tap-arm-chip__dot{animation:tap-arm-pulse 1.2s ease-in-out infinite}.gb-strum .tap-status{flex:0 0 auto;display:none;align-items:center;gap:14px;padding:10px 22px 14px;font-size:13px;color:var(--ink-2);min-height:22px}.gb-strum body.is-tapback-armed .tap-status,.gb-strum body.is-tapback-recording .tap-status,.gb-strum body.is-tapback-done .tap-status{display:flex}.gb-strum .tap-status__phase{font-weight:700;color:var(--ink)}.gb-strum .tap-status__summary{font-feature-settings:"tnum" 1}@media(max-width:1180px){.gb-strum .strip{grid-template-columns:auto 1fr;row-gap:8px;gap:12px}.gb-strum .strip__right{grid-column:1/-1;justify-self:stretch;justify-content:flex-end}}@media(max-width:880px){.gb-strum .strip{grid-template-columns:1fr;gap:10px}.gb-strum .strip__left,.gb-strum .strip__centre,.gb-strum .strip__right{justify-self:stretch;flex-wrap:wrap}.gb-strum .strip__right{justify-content:flex-end;grid-column:auto}.gb-strum .pname__input{display:none}.gb-strum .pat-select{min-width:200px}.gb-strum .grid-region{padding:22px 24px 18px}}@media(max-width:720px){.gb-strum main{padding:12px 12px var(--nav-reserve);overflow:auto}.gb-strum .stage{max-height:none;height:auto;min-height:0}.gb-strum .grid-region{padding:20px 18px 16px;min-height:320px}.gb-strum .build-row{grid-template-columns:1fr}}.gb-strum .vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}.gb-strum .gb-tp,.gb-strum .gb-lane-region{--page-bg:#EDEDED;--surface:#FFFFFF;--border:#E0E0E0;--hairline:#ECECEC;--ink:#1A1A1A;--ink-2:#6B6B6B;--ink-warm:#2D1A00;--hint:#B8B8B8;--label:#8A8A8A;--gold:#C9A227;--gold-text:#A88320;--ring-light:#EFEFEF;--pulse:#E87A2A;--note-C:#E85C2A;--note-G:#E87A2A;--note-D:#E8A42A;--note-A:#C8C830;--note-E:#72C830;--note-B:#2AB862;--note-Fs:#2AB8A8;--note-Db:#2A7AB8;--note-Ab:#2A4AB8;--note-Eb:#622AB8;--note-Bb:#A82AB8;--note-F:#C8306A;--ease-out:cubic-bezier(.2,.7,.3,1)}.gb-strum .strip{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 30px;padding:18px 24px!important}.gb-strum .strip__left,.gb-strum .strip__group{display:contents}.gb-strum .strip__right{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative}.gb-strum .strip .ctl,.gb-strum .strip .pick-field{display:flex;align-items:center;gap:8px}.gb-strum .strip .focus-save{white-space:nowrap;font:inherit;font-size:12.5px;font-weight:800;border-radius:9px;border:1.5px solid var(--border, #E0E0E0);background:transparent;color:inherit;padding:7px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.gb-strum .strip .focus-save:hover{border-color:var(--hint, #B8B8B8)}.gb-strum .strip .focus-save svg{display:block}.gb-strum .gb-lane-region{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;position:relative;padding:8px 8px 24px}.gb-strum .gb-lane-region .rig{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px}.gb-strum .gb-lane-region .rig .rig-cap{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hint)}.gb-strum .gb-lane-region .rig .rig-btn{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);cursor:pointer}.gb-strum #meterCtl .w-ts-opt.is-unfit,.gb-strum .strip .seg-group .seg.is-unfit{opacity:.26;cursor:default}.gb-strum #meterCtl .w-ts-opt.is-unfit:hover,.gb-strum .strip .seg-group .seg.is-unfit:hover{background:transparent}.gb-strum .strip{--rail-ctl: 44px}.gb-strum .strip .ctl>*:not(.ctl__lbl){height:var(--rail-ctl)}.gb-strum .strip .seg-group{height:var(--rail-ctl);align-items:center}.gb-strum .strip .seg-group .seg{height:calc(var(--rail-ctl) - 8px)}.gb-strum .strip .gb-tp .seg--glyph,.gb-strum .strip .seg--glyph{height:calc(var(--rail-ctl) - 8px);min-height:0}.gb-strum .strip .poly-toggle-btn{height:var(--rail-ctl);border-radius:999px;padding:0 18px}.gb-strum .strip #meterCtl{display:flex;align-items:center}.gb-strum .strip .w-pick,.gb-strum .strip .focus-save,.gb-strum .strip .w-bpm-wrap,.gb-strum .strip .bpm{height:var(--rail-ctl)}.gb-strum .strip .w-pick,.gb-strum .strip .focus-save{display:inline-flex;align-items:center}.gb-strum .strip .seg-group--sym .seg{min-width:42px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 11px;font-size:12.5px}.gb-strum .strip .seg-group--sym .seg[data-v=letters]{letter-spacing:.14em}.gb-strum .strip .seg-group--sym .seg[data-v=symbols]{gap:6px}.gb-strum .strip .seg-group--sym .seg svg{display:block}.gb-strum #focusStrum.gb-tp .strum-letters .slt svg{display:block}.gb-strum .strip:not(.strip--lower) .w-bpm-wrap--mini .list-popover{top:100%;bottom:auto;margin:8px 0 0}.gb-strum .strip--lower .list-popover{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.gb-strum .strip--lower{margin-top:10px;flex:0 0 auto}.gb-strum .strip .rhythm-group{gap:10px}.gb-strum #focusStrum.gb-tp .zone{height:76px}.gb-strum #focusStrum.gb-tp .mk svg{width:50px;height:152px}.gb-strum #focusStrum.gb-tp .counts{margin-top:14px}.gb-strum #focusStrum.gb-tp .hand{width:44px;height:6px;border-radius:3px;z-index:3}.gb-strum #focusStrum.gb-tp .hand.on{opacity:.62}.gb-strum #focusStrum.gb-tp .hand{width:44px;height:6px;border-radius:3px;z-index:2}.gb-strum #focusStrum.gb-tp .hand.on{opacity:.58}.gb-strum #focusStrum.gb-tp .count{font-size:19px;line-height:1.25}.gb-strum #focusStrum.gb-tp .count[data-on="1"]{font-size:25px}.gb-strum #focusStrum.gb-tp .lane-wrap{--grid-x: 200px;--bar-x: 186px}.gb-strum #focusStrum.gb-tp .axis{left:160px}.gb-strum #focusStrum.gb-tp .gb-strum-head{width:160px;flex-basis:160px;cursor:pointer}.gb-strum #focusStrum.gb-tp .ax-up{top:calc(50% - 28px)}.gb-strum #focusStrum.gb-tp .ax-down{top:calc(50% + 10px)}.gb-strum #focusStrum.gb-tp .ax-line{top:calc(50% - 30px);height:60px}.gb-strum #focusStrum.gb-tp .strum-marks{height:46px}.gb-strum #focusStrum.gb-tp .strum-marks .smk svg{width:50px;height:42px}.gb-strum #focusStrum.gb-tp .lane-chord-next[hidden]{display:none}.gb-strum #focusStrum.gb-tp .lane-chord-now svg,.gb-strum #focusStrum.gb-tp .lane-chord>span>svg.nc-strings{width:96px;height:81px;transition:width .18s ease,height .18s ease}.gb-strum #focusStrum.gb-tp .lane-chord:has(.lane-chord-next:not([hidden])) .lane-chord-now svg{width:66px;height:55px}.gb-strum #focusStrum.gb-tp .lane-chord-next svg{width:54px;height:45px}.gb-strum #focusStrum.gb-tp .gb-strum-head{z-index:5;overflow:visible}.gb-strum #focusStrum.gb-tp .strum-headstack{position:absolute;left:50%;top:var(--head-line, 50%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.gb-strum #focusStrum.gb-tp .strum-src-wrap{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.gb-strum #focusStrum.gb-tp .gb-strum-head .lane-chord{position:static;transform:none;cursor:pointer;border-radius:12px;transition:filter .12s}.gb-strum #focusStrum.gb-tp .strum-symwrap{position:relative;display:flex}.gb-strum #focusStrum.gb-tp .strum-marks.is-muted{filter:grayscale(1);opacity:.45}.gb-strum #focusStrum.gb-tp .strum-letters{position:absolute;left:0;right:0;top:100%;height:26px;pointer-events:none}.gb-strum #focusStrum.gb-tp .strum-letters .slt{position:absolute;top:2px;transform:translate(-50%);font-size:15px;font-weight:800;color:var(--ink-2);line-height:1;display:block}.gb-strum #focusStrum.gb-tp .strum-letters .slt.up{color:var(--hint)}.gb-strum #focusStrum.gb-tp .gb-strum-head .lane-chord:hover{filter:brightness(.92)}.gb-strum #focusStrum.gb-tp .gb-strum-head .lane-chord.is-readout{cursor:default}.gb-strum #focusStrum.gb-tp .gb-strum-head .lane-chord.is-readout:hover{filter:none}.gb-strum #focusStrum.gb-tp .strum-mute{position:absolute;top:-7px;right:-11px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.gb-strum #focusStrum.gb-tp .strum-mute:hover{border-color:var(--hint)}.gb-strum #focusStrum.gb-tp .strum-mute[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.gb-strum #focusStrum.gb-tp .strum-mute svg{display:block}.gb-strum #focusStrum.gb-tp .strum-src{max-width:152px}.gb-strum #focusStrum.gb-tp .strum-src .w-pick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-strum .strip .focus-pick-pop{width:300px;min-width:300px;max-width:none}.gb-strum .strip .focus-pick-pop .w-pick-item{align-items:baseline}.gb-strum #focusStrum.gb-tp .strum-src-pop{width:292px;min-width:292px;max-width:none;left:0;top:calc(100% + 6px)}.gb-strum #focusStrum.gb-tp .strum-entry-pop{width:330px;min-width:330px;max-width:none;left:0;top:calc(100% + 10px);padding:14px;cursor:default}.gb-strum #focusStrum.gb-tp .strum-pop-title{font-size:12.5px;font-weight:800;margin:0 0 10px;color:var(--ink)}.gb-strum #focusStrum.gb-tp .strum-chipgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.gb-strum #focusStrum.gb-tp .strum-cell{display:flex;flex-direction:column;gap:3px}.gb-strum #focusStrum.gb-tp .strum-chip{border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:800;font-size:13px;color:#fff;height:34px;padding:0}.gb-strum #focusStrum.gb-tp .strum-chip.half{height:16px;font-size:10px;border-radius:6px}.gb-strum #focusStrum.gb-tp .strum-chip.is-current{outline:2px solid var(--ink);outline-offset:1px}.gb-strum #focusStrum.gb-tp .strum-qualgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gb-strum #focusStrum.gb-tp .strum-qual{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:8px 10px;cursor:pointer;font:inherit;text-align:left;display:flex;flex-direction:column;gap:1px}.gb-strum #focusStrum.gb-tp .strum-qual:hover{border-color:var(--hint)}.gb-strum #focusStrum.gb-tp .strum-qual .n{font-size:12px;font-weight:700;color:var(--ink)}.gb-strum #focusStrum.gb-tp .strum-qual .l{font-size:11px;color:var(--ink-2)}.gb-strum #focusStrum.gb-tp .strum-pop-back{margin-top:10px;border:1px solid var(--border);background:var(--page-bg);border-radius:8px;padding:6px 11px;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);cursor:pointer}@keyframes arwDown{0%{transform:translateY(0)}28%{transform:translateY(9px)}to{transform:translateY(0)}}@keyframes arwUp{0%{transform:translateY(0)}28%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes bloomFill{0%{transform:scale(1);fill:var(--hd)}26%{transform:scale(1.55);fill:var(--pulse)}to{transform:scale(1);fill:var(--hd)}}@keyframes bloomStroke{0%{transform:scale(1);stroke:var(--hd)}26%{transform:scale(1.55);stroke:var(--pulse)}to{transform:scale(1);stroke:var(--hd)}}@keyframes glowOut{0%{opacity:0;transform:scale(.55)}26%{opacity:.6;transform:scale(1.15)}to{opacity:0;transform:scale(2.7)}}@keyframes glowOutBig{0%{opacity:0;transform:scale(.6)}24%{opacity:.72;transform:scale(1.4)}to{opacity:0;transform:scale(3.9)}}@keyframes tap-arm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.55}to{transform:scale(1.18);opacity:0}}@keyframes card-beat{0%{box-shadow:0 0 0 6px var(--cc),0 0 0 7.5px #fff,0 0 0 9px #0003,0 22px 48px var(--ccGlow),0 4px 10px #0000001f}55%{box-shadow:0 0 0 4.5px var(--cc),0 0 0 6px #fff,0 0 0 7px #0000002e,0 14px 30px var(--ccGlow),0 2px 6px #00000014}}app-strumming{flex:1 0 auto;display:flex;min-height:0;align-items:center;justify-content:center;padding:16px 16px 88px;overflow:auto;--strum-fit: min((var(--main-w, 1280) - 32) / 1232, (var(--main-h, 744) - 104) / 640, 1.55)}.gb-strum{display:contents}.gb-strum .stage{width:1232px;flex:0 0 auto;height:640px;min-height:0;zoom:var(--strum-fit, 1);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--sh-card);display:flex;flex-direction:column;position:relative}.gb-strum .strum-marks{align-items:flex-end;pointer-events:none;margin-bottom:0}.gb-strum .strum-markcol{position:relative;height:100%;display:flex;justify-content:center;align-items:flex-end}.gb-strum .strum-marks .smk{left:50%;line-height:0}.gb-strum .gb-strum-defs{position:absolute}.gb-strum .strip .gb-tp .seg--glyph{min-height:40px}.gb-strum .strum-marks{margin-left:var(--grid-x)}.gb-strum .strum-marks.strum-grouped{display:flex;gap:14px}.gb-strum .strum-marks.strum-grouped .strum-markcol{flex:1 1 0;min-width:0}.gb-strum .strum-letters.strum-grouped{display:flex;gap:14px}.gb-strum .strum-letters.strum-grouped .strum-lettercol{flex:1 1 0;min-width:0}.gb-strum #focusStrum.gb-tp .strum-letters{top:calc(100% + 9px);left:var(--grid-x)}.gb-strum .strum-lettercol{position:relative}.gb-strum .slt{left:50%;transform:translate(-50%)}.gb-strum .w-key-chip{color:#fff}.gb-strum .w-key-chip[data-warm-text=true]{color:var(--ink-warm)}.gb-groove #focusBass{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding-top:4px}.gb-groove #focusBass .bl{display:flex;flex-direction:column;gap:8px;position:relative}.gb-groove #focusBass .bl-row{display:flex;align-items:stretch}.gb-groove #focusBass .bl-head{width:132px;flex:0 0 132px;padding-right:14px;display:flex;align-items:center;justify-content:center}.gb-groove #focusBass .bl-neck{position:relative;flex:1 1 auto;min-width:0}.gb-groove #focusBass app-gbx-bass-neck{display:block;position:relative;margin-left:var(--bl-neck-offset)}.gb-groove #focusBass .bl-neck__svg{display:block;overflow:visible}.gb-groove #focusBass .bl-neck__svg .fret-number{font-family:inherit;font-size:10px;font-weight:600;fill:var(--hint)}.gb-groove #focusBass .bl-dots{position:absolute;inset:0;pointer-events:none}.gb-groove #focusBass .bl-dot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;padding:0;border-radius:50%;border:0;pointer-events:auto;cursor:pointer;background:var(--bl-bg);color:var(--bl-ink);font:800 10px/1 inherit;font-family:inherit;display:flex;align-items:center;justify-content:center;outline:1.5px solid #FFFFFF;outline-offset:-1.5px;box-shadow:0 1px 3px #00000059;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),opacity .14s linear;left:var(--bl-x);top:var(--bl-y)}.gb-groove #focusBass .bl-dot.is-root:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--gold);pointer-events:none}.gb-groove #focusBass .bl-dot.is-pen:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ink);pointer-events:none}.gb-groove #focusBass .bl-dot.is-walk{outline-style:dashed;cursor:default}.gb-groove #focusBass .bl-dot.is-ghost{width:20px;height:20px;margin:-10px 0 0 -10px;font-size:9px;background:color-mix(in srgb,var(--bl-bg) 24%,#241610);color:#ffffffc7;outline:1.5px solid color-mix(in srgb,var(--bl-bg) 55%,transparent);outline-offset:-1.5px;box-shadow:none;text-shadow:0 1px 1px rgba(0,0,0,.5);cursor:default}.gb-groove #focusBass .bl-dot.is-box{background:#fff;color:var(--ink);outline:2px solid var(--bl-bg);outline-offset:-2px;box-shadow:0 1px 2px #0003;opacity:.9}.gb-groove #focusBass .bl-dot.is-box.is-in-line{background:color-mix(in srgb,var(--bl-bg) 32%,#FFFFFF);opacity:1}.gb-groove #focusBass .bl-dot.is-playing{z-index:2;transform:scale(1.25);outline:2px solid #FFFFFF;outline-offset:-2px;box-shadow:0 2px 6px #00000059;animation:bl-pulse .9s ease-out infinite}.gb-groove #focusBass .bl-dot.is-next{z-index:1}.gb-groove #focusBass .bl-dot.is-next:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px dashed #FFFFFF;box-shadow:0 0 0 1px #00000073;pointer-events:none}.gb-groove #focusBass .bl-dot.is-ghost.is-next{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:10px;color:#fff;background:color-mix(in srgb,var(--bl-bg) 55%,#241610);outline:2px solid var(--bl-bg)}@media(prefers-reduced-motion:reduce){.gb-groove #focusBass .bl-dot.is-playing{animation:none}}.gb-groove #focusBass span.bl-dot{cursor:default}.gb-groove #focusBass .bl-dot.is-open.is-next:after{border-color:var(--ink);box-shadow:none}.gb-groove #focusBass .bl-dot.is-open.is-playing{outline-color:var(--ink);animation-name:bl-pulse-ink}.gb-groove #focusBass .bl-dot.is-key{background:#ffffffeb;color:var(--ink);outline:2px solid var(--bl-bg);outline-offset:-2px;box-shadow:0 1px 3px #00000040}.gb-groove #focusBass .bl-dot.is-out{width:20px;height:20px;margin:-10px 0 0 -10px;background:#fff9;color:var(--ink-2);outline:1.5px dashed rgba(255,255,255,.7);outline-offset:-1.5px;box-shadow:none;opacity:.55;font-size:9px}.gb-groove #focusBass .bl-dot.is-out:hover,.gb-groove #focusBass .bl-dot.is-key:hover{opacity:1;transform:scale(1.1)}.gb-groove #focusBass .bl-left{position:absolute;left:0;top:0;bottom:0;width:118px;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:var(--bl-left-h)}.gb-groove #focusBass .bl-left.is-editing{height:auto}.gb-groove #focusBass .bl-left>*{pointer-events:auto}.gb-groove #focusBass .bl-chords{display:flex;align-items:center;gap:4px;flex-direction:column}.gb-groove #focusBass .bl-chords svg{display:block}.gb-groove #focusBass .bl-chords__now{display:flex;justify-content:center}.gb-groove #focusBass .bl-chords__next{width:auto;height:38px;display:flex;justify-content:center}.gb-groove #focusBass .bl-chords__next[data-empty=true]{visibility:hidden}.gb-groove #focusBass .bl-edit{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:96px;margin-right:auto}.gb-groove #focusBass .bl-edit__lbl{font-size:10px;font-weight:700;color:var(--ink-2);letter-spacing:.2px}.gb-groove #focusBass .bl-edit__seg{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:9px;overflow:hidden}.gb-groove #focusBass .bl-edit__opt{border:0;background:#fff;height:28px;padding:0 9px;font:700 11px/1 inherit;font-family:inherit;color:var(--ink-2);cursor:pointer;white-space:nowrap;text-align:left;display:flex;justify-content:space-between;align-items:center}.gb-groove #focusBass .bl-edit__opt+.bl-edit__opt{border-top:1px solid var(--border)}.gb-groove #focusBass .bl-edit__opt b{font-weight:800;color:var(--ink)}.gb-groove #focusBass .bl-edit__opt.on{background:var(--ink);color:#fff}.gb-groove #focusBass .bl-edit__opt.on b{color:#fff}.gb-groove #focusBass .bl-edit__row{display:flex;gap:6px}.gb-groove #focusBass .bl-edit__row .btn-sm{flex:1 1 0}.gb-groove #focusBass .bl-ruler{position:relative;flex:1 1 auto;min-width:0;height:72px}.gb-groove #focusBass .bl-slots{position:absolute;inset:2px 0;touch-action:none}.gb-groove #focusBass .bl-beat{position:absolute;top:0;bottom:0;display:flex;gap:3px;left:var(--bl-x);width:var(--bl-w)}.gb-groove #focusBass .bl-beat .slot{height:auto}.gb-groove #focusBass .bl-notes{position:absolute;inset:0;pointer-events:none}.gb-groove #focusBass .bl-note{position:absolute;top:0;height:72px;pointer-events:auto;cursor:pointer;touch-action:none;color:var(--bl-ink);transition:transform .12s var(--ease-out);left:var(--bl-x);width:var(--bl-w)}.gb-groove #focusBass .bl-note__line{position:absolute;left:20px;right:0;top:23px;height:26px;border-radius:0 13px 13px 0;background:var(--bl-bg);display:flex;align-items:center;padding-left:26px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.gb-groove #focusBass .bl-note__rel{font-size:12px;font-weight:800;letter-spacing:.3px;white-space:nowrap;pointer-events:none}.gb-groove #focusBass .bl-note__disc{position:absolute;left:1px;top:16px;width:40px;height:40px;border-radius:50%;background:var(--bl-bg);color:var(--bl-ink);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1;box-shadow:0 0 0 2px #fff,0 2px 9px #0000002b;pointer-events:none}.gb-groove #focusBass .bl-note__grip{position:absolute;top:20px;right:0;bottom:20px;width:14px;cursor:ew-resize}.gb-groove #focusBass .bl-note__grip:after{content:"";position:absolute;right:5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--bl-ink);opacity:.55}.gb-groove #focusBass .bl-note.is-short .bl-note__grip:after{display:none}.gb-groove #focusBass .bl-note.is-sel .bl-note__disc{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink),0 2px 9px #0000002b}.gb-groove #focusBass .bl-note.is-now{transform:translateY(-2px);z-index:1}.gb-groove #focusBass .bl-note.is-now .bl-note__disc{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold),0 3px 12px color-mix(in srgb,var(--bl-bg) 70%,transparent)}.gb-groove #focusBass .bl-note.is-now .bl-note__line{box-shadow:0 0 0 2px var(--gold)}.gb-groove #focusBass .bl-note.is-dead .bl-note__line{background:repeating-linear-gradient(135deg,var(--bl-bg) 0 4px,#FFFFFF 4px 7px);color:var(--ink)}.gb-groove #focusBass .bl-note.is-approach .bl-note__line{border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}.gb-groove #focusBass .bl-note.is-walk{cursor:default;color:var(--ink)}.gb-groove #focusBass .bl-note.is-walk .bl-note__line{background:#fff;box-shadow:inset 0 0 0 2px var(--bl-bg);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--bl-bg) 22%,transparent) 0 6px,transparent 6px 10px)}.gb-groove #focusBass .bl-note.is-walk .bl-note__disc{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--bl-bg)}.gb-groove #focusBass .bl-note.is-tied .bl-note__disc{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 3px var(--bl-bg),0 0 0 2px #fff,0 2px 9px #0000001f}.gb-groove #focusBass .bl-playhead{position:absolute;top:-2px;bottom:-2px;left:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--gold);opacity:0;pointer-events:none;transform:translate(var(--bl-playhead-x))}.gb-groove #focusBass .bl-playhead.is-on{opacity:1}.gb-groove #focusBass .bl-counts{position:relative;flex:1 1 auto;height:14px}.gb-groove #focusBass .bl-counts .ruler-num{position:absolute;top:0;transform:translate(-50%);left:var(--bl-x)}.gb-groove #focusBass .bl-head--ruler{flex-direction:column}@keyframes bl-pulse{0%{box-shadow:0 0 0 2px color-mix(in srgb,#FFFFFF 85%,transparent),0 2px 6px #00000059}to{box-shadow:0 0 0 14px transparent,0 2px 6px #00000059}}@keyframes bl-pulse-ink{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 70%,transparent),0 2px 6px #00000059}to{box-shadow:0 0 0 14px transparent,0 2px 6px #00000059}}.gb-groove .bl-pick-pop{max-height:420px;overflow-y:auto;min-width:330px}.gb-groove .bl-pick-left{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.gb-groove .bl-src{font-size:10px;font-weight:700;letter-spacing:.2px}.gb-groove .bl-src--sourced{color:var(--ink-2)}.gb-groove .bl-src--shape{color:var(--hint)}.gb-groove .bl-src--ours{color:var(--gold-text)}.gb-groove .bl-opt .switch-head{display:flex;align-items:center;gap:10px}.gb-groove .bl-opt__hint{font-size:11px;color:var(--ink-2);margin-top:3px;line-height:1.3}.gb-groove #bassPatternSlot .w-sub-glyph svg{height:20px;width:auto}.gb-groove #bassOptsSlot .cog-wrap{margin-right:8px;align-self:center}.gb-groove #focusArp{flex:1 1 0;min-height:0;display:flex;flex-direction:column}app-gbx-arp-lane{display:flex;flex:1 1 0;min-height:0}.gb-groove #focusPiano{flex:1 1 0;min-height:0;display:flex;flex-direction:column}app-gbx-piano-pane{display:block;flex:1 1 0;min-height:0}.al-row{flex:1 1 0;min-height:0;display:flex;gap:16px;padding:6px 0 8px}.al-cards{display:flex;gap:16px;min-height:0}.al-strip-slot{flex:1 1 auto;min-width:0;min-height:0;display:flex}.gb-groove #focusArp .card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;min-height:0;min-width:0;transition:box-shadow .22s ease,transform .22s ease,filter .35s ease,opacity .35s ease;padding:0;gap:0}.gb-groove #focusArp .card-head{flex:0 0 auto;padding:10px 14px 0;display:flex;justify-content:space-between;align-items:center;gap:0}.gb-groove #focusArp .card-head svg{display:block}.gb-groove #focusArp .card .numeral{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:.4px;line-height:1}.gb-groove #focusArp .card .diagram{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 15px;min-height:0;position:relative}.gb-groove #focusArp .card .diagram>span{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.gb-groove #focusArp .card .diagram svg{display:block;height:100%;width:auto;max-width:100%;overflow:visible}.gb-groove #focusArp .card .notes{flex:0 0 18%;padding:0 14px;display:flex;justify-content:center;align-items:center;gap:10px}.gb-groove #focusArp .note-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;border:1.25px solid #fff;box-shadow:0 1px 2px #0000001f;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out);background:var(--nc);color:var(--nc-ink)}.gb-groove #focusArp .card.state-inert{filter:grayscale(.9);opacity:.55}.gb-groove #focusArp .card.is-now{box-shadow:0 0 0 4px var(--chord-color),0 0 0 5.5px #fff,0 0 0 6.5px #0000002e,0 12px 28px var(--chord-color-glow),0 2px 6px #00000014;transform:translateY(-2px)}.gb-groove #focusArp .card.is-next{box-shadow:0 0 0 2px var(--chord-color),0 2px 8px #0000000f}.gb-groove #focusArp .card.is-beat-a{animation:gbx-arp-card-beat-a .5s cubic-bezier(.22,.7,.32,1)}.gb-groove #focusArp .card.is-beat-b{animation:gbx-arp-card-beat-b .5s cubic-bezier(.22,.7,.32,1)}.gb-groove #focusArp .card .diagram .arp-card__marks{position:absolute;top:6px;left:15px;width:calc(100% - 30px);height:calc(100% - 12px);max-width:none;pointer-events:none}.gb-groove #focusArp .al-card-mark{fill:none}.gb-groove #focusArp .al-card-mark.is-now{stroke:var(--gold);stroke-width:3.5;animation:gbx-arp-mark .9s ease-out infinite}.gb-groove #focusArp .al-card-mark.is-next{stroke:#fff;stroke-width:2;stroke-dasharray:3 3}.gb-groove #focusArp .al-card-mark.is-next.is-open{stroke:var(--ink)}.gb-groove #focusArp .note-circle.is-on{transform:scale(1.18);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold)}@keyframes gbx-arp-card-beat-a{0%{box-shadow:0 0 0 6px var(--chord-color, var(--ink)),0 0 0 7.5px #fff,0 0 0 9px #0003,0 22px 48px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 4px 10px #0000001f;transform:translateY(-5px) scale(1.018)}55%{box-shadow:0 0 0 4.5px var(--chord-color, var(--ink)),0 0 0 6px #fff,0 0 0 7px #0000002e,0 14px 30px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 2px 6px #00000014;transform:translateY(-3px) scale(1.006)}}@keyframes gbx-arp-card-beat-b{0%{box-shadow:0 0 0 6px var(--chord-color, var(--ink)),0 0 0 7.5px #fff,0 0 0 9px #0003,0 22px 48px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 4px 10px #0000001f;transform:translateY(-5px) scale(1.018)}55%{box-shadow:0 0 0 4.5px var(--chord-color, var(--ink)),0 0 0 6px #fff,0 0 0 7px #0000002e,0 14px 30px var(--chord-color-glow, rgba(0, 0, 0, .3)),0 2px 6px #00000014;transform:translateY(-3px) scale(1.006)}}@keyframes gbx-arp-mark{0%{stroke-width:3.5;stroke-opacity:1}to{stroke-width:7;stroke-opacity:.35}}@media(prefers-reduced-motion:reduce){.gb-groove #focusArp .card.is-beat-a,.gb-groove #focusArp .card.is-beat-b,.gb-groove #focusArp .al-card-mark.is-now{animation:none}}.al-cards app-gbx-arp-card{display:contents}.al-cards .card{flex:0 0 200px}.al-strip-slot app-gbx-arp-strip{display:contents}.al-strip{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 2px 10px #00000012,0 0 0 1px #0000000a;padding:12px 16px 6px}.al-strip__head{display:flex;align-items:baseline;gap:10px}.al-strip__name{font-size:14px;font-weight:800;color:var(--ink)}.al-strip__art{flex:1 1 auto;min-height:0;position:relative}.al-strip__art svg{position:absolute;inset:0;display:block;overflow:visible}.al-strip__beat{stroke:var(--border);stroke-width:1;stroke-dasharray:2 4}.al-strip__count{font:600 10px/1 inherit;font-family:inherit;fill:var(--hint);text-anchor:middle}.al-strip__count.is-strong{font-weight:800;fill:var(--ink-2)}.al-strip__line{fill:none;stroke:#d9d2c8;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.al-strip__rel{font:800 11px/1 inherit;font-family:inherit;text-anchor:middle;dominant-baseline:middle}.al-strip__ring{fill:none}.al-strip__ring.is-now{stroke:var(--gold);stroke-width:3;animation:gbx-arp-mark .9s ease-out infinite}.al-strip__ring.is-next{stroke:var(--ink-2);stroke-width:2;stroke-dasharray:3 3}@media(prefers-reduced-motion:reduce){.al-strip__ring.is-now{animation:none}}.gb-groove #arpPatternSlot .w-sub-glyph svg{height:20px;width:auto}.list-popover__item.mode-option{display:flex;align-items:center;gap:10px}.mode-swatch{flex:none;width:18px;height:18px;border-radius:5px;background:var(--mode-shade);box-shadow:inset 0 0 0 1px #00000024}.list-popover .list-popover__item.mode-option[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--gold);border-radius:8px}app-root.phone-portrait app-strumming,app-root.phone-landscape app-strumming{display:block;height:100%;box-sizing:border-box;padding:var(--top-pad, 16px) 24px var(--nav-reserve, 110px)}app-root.phone-portrait app-strumming .stage,app-root.phone-landscape app-strumming .stage{width:100%;height:100%;max-height:none;min-height:0;margin:0;box-sizing:border-box;display:flex;flex-direction:column;zoom:1}app-root.phone-portrait app-strumming{padding:10px 10px 132px}app-root.phone-portrait app-strumming .stage{overflow-y:auto}.strum-rotate-note{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:5px 12px;border:0;border-radius:12px;background:var(--page-bg);color:var(--ink-2);font-family:inherit;text-align:left;font-size:13px;font-weight:700;line-height:1.3}.strum-rotate-note svg{flex:none;width:26px;height:26px;color:var(--ink)}app-root.phone-portrait #focusStrum.gb-tp .lane-wrap.is-head-above{--grid-x: 40px;--bar-x: 26px}app-root.phone-portrait #focusStrum.gb-tp .lane-wrap.is-head-above .gb-strum-head{position:relative;left:auto;top:auto;width:200px;height:130px;--head-line: 36%;margin:0 auto}app-root.phone-portrait app-strumming .grid-region{flex:none;min-height:0;padding:4px 12px 0}app-root.phone-portrait app-gbx-strum-lane{display:block;zoom:.52}.strum-phone-controls{display:flex;flex-direction:column;gap:6px;padding:8px 16px 6px;border-top:1px solid var(--hairline);margin-top:6px}.strum-phone-controls .strip{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;padding:0!important;border:0}.strum-phone-controls .ctl,.strum-phone-controls .strip__right,.strum-phone-controls .rhythm-group{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;gap:12px}.strum-phone-controls .ctl__lbl{min-width:72px}app-root.phone-portrait .gb-dock{right:8px;bottom:66px}app-root.phone-landscape app-strumming{padding:8px 10px}app-root.phone-landscape app-strumming .grid-region{flex:1 1 auto;min-height:0;padding:0 10px 66px;display:flex;flex-direction:column;justify-content:center}app-root.phone-landscape app-strumming .grid-region>.gb-tp{zoom:.7}.strum-phone-bottom{display:flex;align-items:center;gap:12px;position:fixed;left:18px;bottom:16px;height:56px;z-index:40}.strum-phone-bottom .rhythm-group{display:flex;align-items:center;gap:10px;margin:0}app-root.phone-landscape .gb-dock{right:18px;bottom:16px}.strum-settings-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:82px;height:56px;padding:0;box-sizing:border-box;background:var(--surface);border:0;border-radius:16px;box-shadow:var(--sh-card);font-family:inherit;color:var(--ink);cursor:pointer}.strum-settings-chip__glyph{height:28px;display:flex;align-items:center}.strum-settings-chip__glyph svg{height:24px;width:auto}.strum-settings-chip__meta{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}app-options-sheet .sheet__body .strip{display:contents!important}app-options-sheet .sheet__body .ctl,app-options-sheet .sheet__body .strip__right{display:flex;justify-content:space-between;align-items:center;margin:0;gap:12px;min-width:0}app-options-sheet .sheet__body .ctl__lbl{min-width:64px}.gb-dock .gb-dock-scrim{position:fixed;inset:0;z-index:1099;background:#14100a47}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed){position:fixed;inset:auto 0 0;width:auto;max-height:86%;z-index:1100;border-radius:18px 18px 0 0;box-shadow:0 -16px 40px #0000002e;transform:none}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed) .w-widget-body{width:100%;height:auto}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed) .w-bar{padding-top:14px;position:relative}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed) .w-bar:before{content:"";position:absolute;top:5px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--hairline)}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed) .w-grip{display:none}app-root.phone-portrait .gb-dock .gb-widget:not(.is-collapsed) .w-body{padding-bottom:18px}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed){position:fixed;inset:0 0 0 auto;width:560px;height:100%;z-index:1100;border-radius:18px 0 0 18px;box-shadow:-16px 0 40px #0000002e;transform:none}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-widget-body{width:100%;height:100%;display:flex;flex-direction:column}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-grip{display:none}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-bar{flex:none;height:46px;padding-block:0}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-auto-flow:row;grid-template-areas:"meta trans" "btns ." "chord sel" "chord foot";gap:10px 18px;padding:12px 16px 14px;align-content:start}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-body>*{width:auto;min-width:0;max-width:100%;box-sizing:border-box}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-tempo{display:contents}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-tempo-meta{grid-area:meta;justify-self:center}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-tempo-btns{grid-area:btns;justify-self:center;justify-content:center;width:auto;margin:0}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-transport{grid-area:trans;align-self:center;justify-self:center}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-transport-meta{justify-content:center;gap:10px}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-chord{grid-area:chord;align-self:start;justify-self:stretch;margin:0}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-chord:empty,app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-chord:has(>.w-strip:empty){display:none}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-selects{grid-area:sel;align-self:start;justify-self:stretch;flex-wrap:wrap;gap:8px;height:auto}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-select-row{flex-wrap:wrap;gap:8px;height:auto;justify-content:center}app-root.phone-landscape .gb-dock .gb-widget:not(.is-collapsed) .w-footer{grid-area:foot;align-self:end;justify-self:stretch;justify-content:center}.gb-metro.is-phone{display:block;height:100%;box-sizing:border-box;padding:0;--gbm-fit: 1}.gb-metro.is-phone .gb-full{width:100%;max-width:none;height:100%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;border-radius:16px}.gb-metro.is-phone .gb-body{display:flex;flex-direction:column;gap:10px;padding:10px;min-height:0}.gb-metro.is-phone .gb-main{width:100%;flex:none}.gb-metro.is-phone .gb-main section.card.sec{width:100%;box-sizing:border-box}.gb-metro.is-phone .gb-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;height:auto;padding:10px 12px;box-sizing:border-box}.gb-metro.is-phone .gb-transport .vdiv-tall{display:none}.gb-metro.is-phone .gb-transport .position-block{margin-left:auto;position:static}.gb-metro.is-phone-portrait{padding:8px 10px 70px}.gb-metro.is-phone-portrait .gb-full{overflow:hidden;padding:6px 0}.gb-metro.is-phone-portrait .gb-body{order:1}.gb-metro.is-phone-portrait .gb-transport{order:3;margin-top:auto;border-top:1px solid var(--hairline);border-bottom:0}.gb-metro.is-phone-portrait .metro-chips{order:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.gb-metro.is-phone-portrait .metro-chip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:52px;padding:0 12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:14px;background:var(--surface);font-family:inherit;color:var(--ink);cursor:pointer;text-align:left}.gb-metro.is-phone-portrait .metro-chip__k{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gb-metro.is-phone-portrait .metro-chip__v{font-size:14px;font-weight:800}.gb-metro.is-phone app-options-sheet{display:contents}.gb-metro.is-phone app-options-sheet .sheet{max-height:calc(var(--canvas-h) * .88);overflow-y:auto;padding:8px 14px 16px}.gb-metro.is-phone app-options-sheet .sheet__grab{margin-bottom:10px}.gb-metro.is-phone app-options-sheet .sheet .gb-aside{display:flex;flex-direction:column;gap:10px}.gb-metro.is-figure.is-phone-portrait{height:auto;padding:0}.gb-metro.is-figure.is-phone-portrait .gb-full{height:auto;min-height:0;margin:0}.gb-metro.is-figure.is-phone-portrait .gb-transport{padding-left:10px;padding-right:10px;column-gap:4px}.gb-metro.is-phone .sec__line{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"mute name snd" "lvl lvl lvl";row-gap:6px;height:auto}.gb-metro.is-phone .sec__line .lane-mute{grid-area:mute}.gb-metro.is-phone .sec__line .sec__name{grid-area:name}.gb-metro.is-phone .sec__line .sec__snd{grid-area:snd;width:auto;display:flex;align-items:center;gap:8px}.gb-metro.is-phone .sec__line .sec__lvl{grid-area:lvl;width:100%;min-width:0}.gb-metro.is-phone .metro-sounds{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface)}.gb-metro.is-phone .metro-sounds__title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.gb-metro.is-phone .metro-sheet-grid{display:flex;flex-direction:column;gap:10px}.gb-metro.is-phone-portrait .gb-transport .field-col:not(.field-col--tempo){order:5;flex-direction:row;align-items:center;gap:8px}.gb-metro.is-phone-portrait .gb-transport .field-col:not(.field-col--tempo) .lbl-sm:empty{display:none}.gb-metro.is-phone-portrait .gb-transport .position-block{order:6}.gb-metro.is-phone-portrait .gb-transport .field-col--tempo .lbl-sm{display:none}.gb-metro.is-phone-portrait .gb-transport .field-col:has(>.tempo-btns){flex:1 0 100%;justify-content:center;align-items:center}.gb-metro.is-phone-portrait .gb-transport .tempo-btns{gap:12px}.gb-metro.is-phone-portrait .gb-transport .position-block{flex:1 0 100%;align-items:center;margin-left:0}.gb-metro.is-phone-portrait .gb-transport .position-block .pos-row{width:auto}.gb-metro.is-phone-portrait .gb-transport .w-bpm-wrap .w-ts-pop,.gb-metro.is-phone-portrait .gb-transport .w-bpm-wrap .w-roller{top:auto;bottom:100%;margin:0 0 8px}.gb-metro.is-phone-portrait .gb-transport .w-bpm-wrap .w-ts-pop{right:0;left:auto}.gb-metro.is-phone-landscape{padding:6px 10px 8px}.gb-metro.is-phone-landscape .gb-full{padding:6px;display:grid;grid-template-columns:1fr 196px;grid-template-rows:auto 1fr}.gb-metro.is-phone-landscape .gb-transport{grid-column:1/-1;flex-wrap:nowrap;padding:6px 12px;zoom:.82}.gb-metro.is-phone-landscape .gb-body{grid-column:1;padding:2px 8px;min-height:0}.gb-metro.is-phone-landscape .gb-main section.card.sec{zoom:.7}.gb-metro.is-phone-landscape .metro-chips{display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr;gap:8px;align-content:start;padding:2px 10px 2px 0}.gb-metro.is-phone-landscape .metro-chip{flex:none;height:56px}.gb-metro.is-phone-landscape app-options-sheet .sheet .gb-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.gb-metro.is-phone-landscape app-options-sheet .sheet .metro-sheet-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:10px;align-items:start;zoom:.84}.gb-metro.is-phone-landscape app-options-sheet .sheet .swing-card{grid-row:span 2}.gb-groove.is-phone{display:block;height:100%;box-sizing:border-box;--gbx-fit: 1}.gb-groove.is-phone .gb-full{width:100%;max-width:none;height:100%;margin:0;box-sizing:border-box;border-radius:16px}.gb-groove.is-phone .gb-transport .vdiv-tall{display:none}.gb-groove.is-phone-portrait{padding:8px 10px 70px}.gb-groove.is-phone-portrait .gb-full{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px}.gb-groove.is-phone-portrait .gbx-rotate-note{display:flex;align-items:center;gap:10px;margin:0;padding:5px 12px;border:0;border-radius:12px;background:var(--page-bg);color:var(--ink-2);font-family:inherit;text-align:left;font-size:13px;font-weight:700;line-height:1.3}.gb-groove.is-phone-portrait .gbx-rotate-note svg{flex:none;width:26px;height:26px;color:var(--ink)}.gb-groove.is-phone-portrait .gb-topcard{width:100%;margin:0;box-sizing:border-box}.gb-groove.is-phone-portrait .gb-loopbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 10px}.gb-groove.is-phone-portrait .gb-loopbar #loopCtl{flex:1 1 100%}.gb-groove.is-phone-portrait .gb-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;height:auto;padding:10px 12px}.gb-groove.is-phone-portrait .gb-transport .field-col:has(>.tempo-btns){flex:1 0 100%;flex-direction:row;justify-content:center;align-items:center}.gb-groove.is-phone-portrait .gb-transport .field-col:has(>.tempo-btns) .lbl-sm{display:none}.gb-groove.is-phone-portrait .gb-transport .tempo-btns{gap:12px}.gb-groove.is-phone-portrait .gb-transport .position-block{flex:1 0 100%;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;position:static}.gb-groove.is-phone-portrait .gb-transport .position-block .pos-row{width:auto}.gb-groove.is-phone-portrait .gb-body{display:contents}.gb-groove.is-phone-portrait .gb-topcard{order:1}.gb-groove.is-phone-portrait .gbx-rotate-note{order:2}.gb-groove.is-phone-portrait .gb-main{order:3}.gb-groove.is-phone-portrait .gb-tracks{order:4}.gb-groove.is-phone-portrait .gb-aside{order:5}.gb-groove.is-phone-portrait .gb-main{width:100%;display:flex;flex-direction:column;gap:10px}.gb-groove.is-phone-portrait .gb-main app-gbx-percussion-card>section.gb-card{zoom:var(--gbx-perc-z, .42);width:793px;max-width:none;margin:0}.gb-groove.is-phone-portrait .gb-main #focusZone{zoom:var(--gbx-focus-z, .42);width:793px;max-width:none;margin:0}.gb-groove.is-phone-portrait app-gbx-piano-pane{--pk-h: 71px}.gb-groove.is-phone-portrait .gb-aside{width:100%;display:flex;flex-direction:column;gap:10px}.gb-groove.is-phone-portrait .gb-aside>*{width:100%;box-sizing:border-box}.gb-groove.is-phone-portrait .gb-tracks{grid-template-columns:1fr}.gb-groove.is-phone-portrait .track-card{width:100%;height:auto}.gb-groove.is-phone-landscape{padding:6px 10px 8px}.gb-groove.is-phone-landscape .gb-full{padding:6px;display:grid;grid-template-columns:minmax(0,1fr) 146px;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.gb-groove.is-phone-landscape .gb-topcard{grid-column:1/-1;grid-row:2;margin:0 2px 2px;display:flex;align-items:center;gap:0;zoom:.78}.gb-groove.is-phone-landscape .gb-loopbar{border:0;padding:0 0 0 14px;height:auto}.gb-groove.is-phone-landscape .gb-transport{flex:1;border:0;display:flex;align-items:center;gap:6px;height:auto;padding:8px;min-width:0}.gb-groove.is-phone-landscape .gb-transport .position-block{margin-left:auto;position:static}.gb-groove.is-phone-landscape .gb-body{grid-column:1;grid-row:1;display:block;padding:6px 0;min-height:0}.gb-groove.is-phone-landscape .gb-main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gb-groove.is-phone-landscape .gb-main app-gbx-percussion-card>section.gb-card,.gb-groove.is-phone-landscape .gb-main #focusZone{width:793px;max-width:none;margin:0}.gb-groove.is-phone-landscape.is-part-drums app-gbx-focus{display:none}.gb-groove.is-phone-landscape.is-part-focus app-gbx-percussion-card{display:none}.gb-groove.is-phone-landscape app-gbx-save-box{display:contents}.gb-groove.is-phone-landscape .gbx-parts{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:6px;padding:6px 10px 8px 0;min-height:0}.gb-groove.is-phone-landscape .gbx-part{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;box-sizing:border-box;line-height:1;border:1px solid var(--hairline);border-radius:12px;background:var(--surface);font-family:inherit;color:var(--ink);cursor:pointer}.gb-groove.is-phone-landscape .gbx-part.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.gb-groove.is-phone-landscape .gbx-part__name{font-size:12px;font-weight:800}.gb-groove.is-phone-landscape .gbx-part__role{font-size:11px;color:var(--ink-3, var(--ink-2))}.gb-groove.is-phone-landscape .gbx-settings-chip{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:48px;padding:0 12px;box-sizing:border-box;background:var(--surface);border:0;border-radius:14px;box-shadow:var(--sh-card);font-family:inherit;color:var(--ink);cursor:pointer}.gb-groove.is-phone-landscape .gbx-settings-chip__meta{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.gb-groove.is-phone-landscape .gbx-settings-chip__val{font-size:13px;font-weight:800}.gb-groove.is-phone-landscape app-options-sheet .sheet{padding:8px 14px 12px;max-height:100%;overflow-y:auto}.gb-groove.is-phone-landscape app-options-sheet .gb-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start;width:100%;zoom:.82}.gb-groove.is-phone-landscape app-options-sheet .gb-aside .swing-card{grid-row:span 2}.gb-groove.is-phone-landscape app-options-sheet .gb-aside .gb-card{width:auto}.gb-groove.is-phone-landscape .gbx-sheet-head{display:flex;align-items:center;gap:18px;padding:0 2px 12px;margin-bottom:12px;border-bottom:1px solid var(--hairline);zoom:.82}.gb-groove.is-phone-landscape .gbx-sheet-head__title{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap}.gb-groove.is-phone-landscape .gbx-sheet-head .header-right{display:flex;align-items:center;gap:10px;width:auto;margin:0}.gb-groove.is-phone-landscape.is-part-drums app-gbx-percussion-card>section.gb-card{zoom:var(--gbx-perc-z, .5);margin-bottom:6px}.gb-groove.is-phone-landscape.is-part-drums .gb-lane .slot-beat,.gb-groove.is-phone-landscape.is-part-drums .gb-lane .slot{height:34px}.gb-groove.is-phone-landscape.is-part-drums .is-lanes-many .gb-lane .slot-beat,.gb-groove.is-phone-landscape.is-part-drums .is-lanes-many .gb-lane .slot{height:max(31px,24px / var(--gbx-perc-z, .5))}.gb-groove.is-phone-landscape.is-part-drums .is-lanes-many .gb-grid>div:not([class]){gap:4px}.gb-groove.is-phone-landscape .gbx-add-lane{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;margin-top:8px;padding:4px 14px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:10px}.gb-groove.is-phone-landscape .is-lanes-many .gbx-add-lane{margin-top:4px}.gb-groove.is-phone-landscape .gbx-add-lane__l{font-size:11.5px;font-weight:800;color:var(--ink);white-space:nowrap;margin-right:2px}.gb-groove.is-phone-landscape .gbx-add-chip{display:inline-flex;align-items:center;flex:none;height:max(31px,24px / var(--gbx-perc-z, .5));padding:0 12px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface);font-family:inherit;font-size:11.5px;font-weight:800;color:var(--ink);white-space:nowrap;cursor:pointer}.gb-groove.is-phone-landscape .gbx-add-chip--pick{gap:6px}.gb-groove.is-phone-landscape .gbx-add-chip--pick.is-open{background:var(--ink);color:var(--surface);border-color:var(--ink)}.gb-groove.is-phone-landscape .gbx-add-pick .list-popover{top:auto;bottom:100%;margin:0 0 8px;min-width:0;max-width:none;width:calc(180px / var(--gbx-perc-z, .5));max-height:calc((var(--canvas-h) - 8px) / var(--gbx-perc-z, .5));overflow-y:auto}.gb-groove.is-phone-landscape .gbx-levels-btn{margin-right:8px}.gb-groove.is-phone-landscape app-gbx-percussion-card app-options-sheet .sheet{padding:8px 24px 18px}.gb-groove.is-phone-landscape app-gbx-percussion-card app-options-sheet .sheet .sheet__grab{margin-bottom:12px}.gb-groove.is-phone-landscape .gbx-levels__list{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,auto);gap:10px 40px}.gb-groove.is-phone-landscape .gbx-levels__row{display:grid;grid-template-columns:24px 110px minmax(0,1fr);align-items:center;gap:12px}.gb-groove.is-phone-landscape .gbx-levels__name{font-size:13px;font-weight:800;color:var(--ink)}.gb-groove.is-phone-landscape .gbx-levels__row .lane-vol{display:block;width:100%;height:24px}.gb-groove.is-phone-landscape.is-part-drums .lane-head{width:100px;flex:0 0 100px;align-items:center}.gb-groove.is-phone-landscape.is-part-drums .grid-ruler{padding-left:100px}.gb-groove.is-phone-landscape.is-part-drums .lane-mute{width:max(31px,24px / var(--gbx-perc-z, .5));height:max(31px,24px / var(--gbx-perc-z, .5));flex:0 0 auto}.gb-groove.is-phone-landscape.is-part-focus app-gbx-focus #focusZone{zoom:var(--gbx-focus-z, .72)}.gb-groove.is-phone-landscape.is-part-focus app-gbx-piano-pane{--pk-h: 71px}.gb-groove.is-phone-landscape .gbx-strip{display:block;padding:0;margin:0 0 6px;width:auto;border-bottom:1px solid var(--hairline)}.gb-groove.is-phone-landscape .gbx-strip__card{display:flex;flex-direction:row;align-items:center;gap:14px;width:auto;height:auto;padding:6px 4px 10px;margin:0;border:0;box-shadow:none;background:transparent}.gb-groove.is-phone-landscape .gbx-strip .select-lg{width:170px;flex:none;margin:0}.gb-groove.is-phone-landscape .gbx-strip .track-mute{flex:none;margin:0;width:max(37px,24px / var(--gbx-focus-z, 1));height:max(37px,24px / var(--gbx-focus-z, 1))}.gb-groove.is-phone-landscape .gbx-strip .art-seg{width:250px;flex:none}.gb-groove.is-phone-landscape .gbx-strip .art-seg .seg{min-height:max(37px,24px / var(--gbx-focus-z, 1))}.gb-groove.is-phone-landscape .gbx-strip .field-col{flex:none;margin:0;align-items:stretch}.gb-groove.is-phone-landscape .gbx-strip .field-col>.lbl-sm{display:none}.gb-groove.is-phone-landscape .gbx-strip .track-level{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:120px;margin:0}.gb-groove.is-phone-landscape .gbx-strip .track-level input{flex:1;min-width:0;height:max(37px,24px / var(--gbx-focus-z, 1))}.gb-groove.is-phone-landscape .gb-loopbar .w-pick-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.gb-groove.is-phone-landscape .gb-loopbar .focus-pick-sep{display:none}.gb-groove.is-phone-landscape .gb-loopbar .w-pick-name{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.gb-groove.is-phone-landscape .gb-loopbar .w-pick-meta{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap}.gb-groove.is-phone-landscape .gb-transport .w-bpm-wrap .w-ts-pop,.gb-groove.is-phone-landscape .gb-transport .w-bpm-wrap .w-roller,.gb-groove.is-phone-landscape .gb-loopbar .w-pick-wrap .list-popover.focus-pick-pop{top:auto;bottom:100%;margin:0 0 8px}#progTimelineHead app-gbx-key-mode{display:flex;align-items:center;margin-left:14px}#progTimelineHead app-gbx-key-mode .kdisc-wrap{display:flex;flex-direction:row;align-items:center;gap:8px}#progTimelineHead app-gbx-key-mode .kdisc-big{width:max(34px,24px / var(--gbx-focus-z, 1));height:max(34px,24px / var(--gbx-focus-z, 1));background:var(--key-colour)}#progTimelineHead app-gbx-key-mode .kdisc-big__tonic{font-size:calc(max(34px,24px / var(--gbx-focus-z, 1)) * 16 / 34)}#progTimelineHead app-gbx-key-mode .kpill{height:max(34px,24px / var(--gbx-focus-z, 1))}app-open-shell .slab{max-width:1220px;margin:20px auto 0;background:var(--surface);border:1px solid var(--border)}app-open-shell .slab__in{padding:64px 56px 56px}app-open-shell .site-cta{flex:0 0 auto;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;font-size:13.5px;border:1.5px solid var(--ink);border-radius:999px;padding:8px 16px}app-open-shell .site-cta:hover{background:var(--ink);color:#fff}app-open-shell .site-cta--lg{font-size:15px;padding:11px 22px}app-open-shell .text-link{color:var(--ink);font-weight:800;border-bottom:2px solid var(--gold);text-decoration:none}app-open-shell h2{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 14px}@media(max-width:960px){app-open-shell .slab{margin-top:12px}app-open-shell .slab__in{padding:38px 22px 34px}}app-open-shell .book{max-width:1220px;margin:0 auto;padding:36px 20px 72px}app-open-shell .book .page p a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--note-C);text-decoration-thickness:2px;text-underline-offset:3px}app-open-shell .book .page p a:hover{text-decoration-thickness:3px}app-open-shell .book .spread{display:flex;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sh-card);overflow:hidden;margin:0 auto 26px}app-open-shell .book .page{flex:1 1 430px;min-width:320px;min-height:720px;display:flex;flex-direction:column;padding:34px 38px 22px}app-open-shell .book .page--left{box-shadow:inset -22px 0 26px -26px #0000002e}app-open-shell .book .page--right{border-left:1px solid var(--hairline);box-shadow:inset 22px 0 26px -26px #0000002e}app-open-shell .book .page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--hairline)}app-open-shell .book .brand{display:inline-flex;align-items:center;gap:6px}app-open-shell .book .brand__sym{width:auto;height:13px;fill:var(--ink);display:block}app-open-shell .book .brand__word{font-family:var(--font-sans);font-weight:800;font-size:17px;line-height:1;letter-spacing:-.01em;color:var(--ink)}app-open-shell .book .eyebrow{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book app-open-page-foot{display:block;margin-top:auto}app-open-shell .book .page-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:22px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--hint)}app-open-shell .book .title{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}app-open-shell .book h2{font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}app-open-shell .book h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}app-open-shell .book p{margin:0 0 16px;text-wrap:pretty}app-open-shell .book em{font-style:italic}app-open-shell .book .lead-label{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}app-open-shell .book .note-strip{display:flex;gap:3px;margin:0 0 22px}app-open-shell .book .note-strip span{width:26px;height:5px;border-radius:3px}app-open-shell .book .n-C{background:var(--note-C)}app-open-shell .book .n-G{background:var(--note-G)}app-open-shell .book .n-D{background:var(--note-D)}app-open-shell .book .n-A{background:var(--note-A);color:var(--ink-warm)}app-open-shell .book .n-E{background:var(--note-E);color:var(--ink-warm)}app-open-shell .book .n-B{background:var(--note-B)}app-open-shell .book .n-Fs{background:var(--note-Fs)}app-open-shell .book .n-Db{background:var(--note-Db)}app-open-shell .book .n-Ab{background:var(--note-Ab)}app-open-shell .book .n-Eb{background:var(--note-Eb)}app-open-shell .book .n-Bb{background:var(--note-Bb)}app-open-shell .book .n-F{background:var(--note-F)}app-open-shell .book .cardbox{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:0 2px 10px #0000000d}app-open-shell .book .cardbox+.cardbox{margin-top:12px}app-open-shell .book .callout{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:16px 0;font-weight:700;font-size:18px}app-open-shell .book .stack{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}app-open-shell .book table{width:100%;border-collapse:collapse}app-open-shell .book th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);padding:0 0 10px;border-bottom:1px solid var(--border)}app-open-shell .book td{padding:8px 0;border-bottom:1px solid var(--hairline)}app-open-shell .book .c-num{text-align:center;font-weight:700}app-open-shell .book .c-r{text-align:right;color:var(--ink-2);letter-spacing:.5px}app-open-shell .book .c-rom{text-align:right;font-weight:800}app-open-shell .book .mode-nm{font-weight:700}app-open-shell .book table.tight td{padding:4px 0}app-open-shell .book .t-key th:first-child,app-open-shell .book .t-key td:first-child{text-align:left;width:1%;white-space:nowrap}app-open-shell .book table.t-relmin th,app-open-shell .book table.t-relmin td{text-align:center;width:33.33%}app-open-shell .book .t-chords th:first-child,app-open-shell .book .t-chords td:first-child,app-open-shell .book .t-chords th:last-child,app-open-shell .book .t-chords td:last-child{text-align:center;width:1%;white-space:nowrap}app-open-shell .book .t-chords th:nth-child(2),app-open-shell .book .t-chords td:nth-child(2){text-align:center}app-open-shell .book td:has(.chip){text-align:left}app-open-shell .book .col-focus{background:var(--page-bg);padding-left:14px;padding-right:14px}app-open-shell .book thead th.col-focus{border-top-left-radius:8px;border-top-right-radius:8px}app-open-shell .book tbody tr:last-child td.col-focus{border-bottom-left-radius:8px;border-bottom-right-radius:8px}app-open-shell .book .trick{display:flex;gap:12px;align-items:flex-start}app-open-shell .book .trick__n{flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:var(--note-C);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}app-open-shell .book .page--hero .cta-btn{margin-top:auto}app-open-shell .book .page--hero app-open-page-foot{margin-top:0}app-open-shell .book .page--hero .page-foot{margin-top:12px}app-open-shell .book .cta-btn.cta-btn--full{width:100%;font-size:16px;padding:15px 20px;background:var(--ink)}app-open-shell .book .cta-btn__lead{display:inline-flex;align-items:center;gap:9px}app-open-shell .book .tom-disc{flex:0 0 auto;width:76px;height:76px;border-radius:50%;background-image:url(/assets/tom/Tom_Avatar.png);background-size:cover;background-position:center;box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--note-C)}app-open-shell .book .tom-col{display:flex;flex-direction:column;align-items:center;gap:8px}app-open-shell .book .cta-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:var(--note-C);color:#fff;font-weight:800;font-size:15px;padding:14px 20px;border-radius:var(--radius-lg);text-decoration:none;box-shadow:0 2px 10px #00000012;margin-top:18px}app-open-shell .book .cta-btn:hover{filter:brightness(1.05)}app-open-shell .book .cta-band{max-width:1220px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sh-card);padding:40px 38px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}app-open-shell .book .cta-band .tom-disc{width:112px;height:112px}app-open-shell .book .cta-band h2{font-size:30px;line-height:1.1;margin:0 0 8px}app-open-shell .book .cta-band p{margin:0;color:var(--ink-2)}app-open-shell .book .cta-band .note-strip{margin-bottom:16px}app-open-shell .book .cta-band .cta-btn{margin-top:0}@media(max-width:767px){app-open-shell .book{padding:12px 8px 48px}app-open-shell .book .spread{margin-bottom:14px}app-open-shell .book .page{flex:1 1 100%;min-height:0;padding:18px 14px 14px}app-open-shell .book .page--left{box-shadow:none}app-open-shell .book .page--right{box-shadow:none;border-left:0;border-top:1px solid var(--hairline)}app-open-shell .book .page-head{padding-bottom:10px;margin-bottom:16px}app-open-shell .book .page-foot{padding-top:16px}app-open-shell .book .title{font-size:27px}app-open-shell .book .page--hero .cta-btn{margin-top:18px}app-open-shell .book .page--hero .cta-btn+.cta-btn{margin-top:10px}app-open-shell .book #cta{padding-left:8px;padding-right:8px;margin-left:0;margin-right:0}app-open-shell .book .cta-band{padding:28px 22px;flex-direction:column;align-items:center;text-align:center;gap:22px}app-open-shell .book .cta-band>div{flex:none}app-open-shell .book .cta-band .note-strip{justify-content:center}}app-open-shell .book .gb-metro.is-figure.is-phone-portrait .gb-transport .field-col:not(.field-col--tempo){flex-direction:column;align-items:flex-start;gap:6px}app-open-shell .book .eg-terms--fit-halving{width:fit-content;margin:0 auto}@media(max-width:767px){app-open-shell .book .eg-terms--fit-halving{zoom:.75}app-open-shell .book .eg-terms--fit-dot,app-open-shell .book .eg-terms--fit-dotted{zoom:.75}app-open-shell .book .eg-terms--fit-beaming{zoom:.8}app-open-shell .book .eg-terms--fit-meters{zoom:.72}app-open-shell .book .eg-terms--fit-backbeat{zoom:.79}}app-open-shell .book.book--groovebox .chord-badge-svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));overflow:visible}app-open-shell .book.book--groovebox .mk-cc{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:62px;height:72px;border-radius:10px;background-color:var(--surface);background-image:linear-gradient(var(--ccw, transparent),var(--ccw, transparent));box-shadow:#00000012 0 2px 10px,#0000000a 0 0 0 1px}app-open-shell .book.book--groovebox .mk-cc .chord-badge-svg{display:block}app-open-shell .book.book--groovebox .mk-cc__q{font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);line-height:1.2}app-open-shell .book.book--groovebox .mk-cad{display:inline-grid;grid-template-columns:62px 24px 62px;align-items:center;justify-items:center;row-gap:6px;padding:4px 0 2px}app-open-shell .book.book--groovebox .mk-cad__n{font-size:17px;font-weight:800;line-height:1}app-open-shell .book.book--groovebox .cb-chips{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-top:2px}app-open-shell .book.book--groovebox .cb-arrow{color:var(--ink-2);font-weight:800}app-open-shell .book.book--groovebox .mk-mark{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;font-weight:800;font-size:.93em;line-height:1;vertical-align:.05em;background:var(--surface);color:var(--ink);border-radius:99px;padding:.22em .9em .22em .55em;margin:0 .15em;border-left:.36em solid var(--ink);box-shadow:0 0 0 1px var(--ink),0 2px 6px #0000001f}app-open-shell .book.book--groovebox .mk-mark__glyph{display:inline-flex;line-height:0}app-open-shell .book.book--groovebox .mk-mark__glyph--gui svg{width:1.2em;height:1.2em}app-open-shell .book.book--groovebox .mk-mark .xo-ic{display:inline-block;width:18px;height:18px;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--ink)}app-open-shell .book.book--groovebox .mk-mark .xo-m-gui{-webkit-mask-image:url(/assets/icons/instruments/guitar.svg);mask-image:url(/assets/icons/instruments/guitar.svg)}app-open-shell .book.book--groovebox .mk-mark .xo-m-bas{-webkit-mask-image:url(/assets/icons/instruments/bass.svg);mask-image:url(/assets/icons/instruments/bass.svg)}app-open-shell .book.book--groovebox .defcard h4 .mk-mark{font-size:14px}app-open-shell .book.book--groovebox .strum-fig{overflow:hidden;width:668px;height:151px;zoom:var(--sz, .6)}app-open-shell .book.book--groovebox .strum-fig .gb-strum-head{display:none}app-open-shell .book.book--groovebox .strum-fig .gb-groove{display:block;padding:8px 14px 0;margin:0;height:auto;min-height:0}app-open-shell .book.book--groovebox .strum-fig .strum-marks{display:none!important}app-open-shell .book.book--groovebox .strum-fig .lane-wrap{margin-left:-92px}app-open-shell .book.book--groovebox .strum-fig+.form-map__t{margin-top:14px}app-open-shell .book.book--groovebox .form-map__t{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:4px 0 6px}app-open-shell .book.book--groovebox .form-map__t~.form-map__t{margin-top:16px}app-open-shell .book.book--groovebox .form-map{display:flex;flex-wrap:wrap;gap:5px}app-open-shell .book.book--groovebox .form-map span{border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;background:var(--surface)}app-open-shell .book.book--groovebox .form-map span.is-ch{background:var(--ink);border-color:var(--ink);color:var(--surface)}app-open-shell .book.book--groovebox .mk-strip{display:flex;gap:3px;margin:0 0 6px}app-open-shell .book.book--groovebox .mk-blk{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:5px 6px;overflow:hidden;border-radius:7px;background:var(--surface) linear-gradient(var(--sw),var(--sw));border:1.5px solid var(--sc);border-top-width:5px;box-sizing:border-box}app-open-shell .book.book--groovebox .mk-blk b{font-size:15px;font-weight:800;line-height:1.1;min-height:1.1em}app-open-shell .book.book--groovebox .mk-blk i{font-style:normal;font-size:11px;font-weight:700;color:var(--ink-2)}app-open-shell .book.book--groovebox .mk-names{display:flex;gap:3px;margin:-2px 0 10px}app-open-shell .book.book--groovebox .mk-names span{font-size:11px;font-weight:800;line-height:1.15}app-open-shell .book.book--groovebox .mk-ruler{display:flex;font-size:10px;font-weight:700;color:var(--hint);margin:-6px 0 8px}app-open-shell .book.book--groovebox .mk-ruler span{border-left:1px solid var(--hairline);padding-left:3px}app-open-shell .book.book--groovebox .defs{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}app-open-shell .book.book--groovebox .defcard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;background:var(--surface)}app-open-shell .book.book--groovebox .defcard h4{margin:0 0 3px;font-size:15px;font-weight:800}app-open-shell .book.book--groovebox .defcard p{margin:0;font-size:14px;color:var(--ink-2)}app-open-shell .book.book--groovebox .defcard.mk-seccard{background:var(--surface) linear-gradient(var(--sw),var(--sw));border:1.5px solid var(--sc);border-top-width:5px}app-open-shell .book.book--groovebox .mk-shape{margin:0}app-open-shell .book.book--groovebox .mk-shape--narrow{display:none}@media(max-width:600px){app-open-shell .book.book--groovebox .mk-shape--wide{display:none}app-open-shell .book.book--groovebox .mk-shape--narrow{display:block}}app-open-shell .book.book--groovebox .mk-hills{display:flex;gap:3px;align-items:flex-end;height:80px;margin:0 0 8px;border-bottom:1px solid var(--hairline)}app-open-shell .book.book--groovebox .mk-hill{position:relative;height:100%;flex:0 0 calc(var(--w) - 3px)}app-open-shell .book.book--groovebox .mk-hill__f{position:absolute;inset:0;clip-path:polygon(0% var(--lift-start),100% var(--lift-end),100% 100%,0% 100%);border-radius:6px 6px 0 0;background:linear-gradient(var(--sc),var(--sc)) top/100% 4px no-repeat,var(--sf)}app-open-shell .book.book--groovebox .mk-hill-names{display:flex;gap:3px;margin:-4px 0 10px}app-open-shell .book.book--groovebox .mk-hill-names b{font-size:11px;font-weight:800;line-height:1.15;flex:0 0 calc(var(--w) - 3px)}app-open-shell .book.book--groovebox .bt-chart{width:100%;border-collapse:separate;border-spacing:5px;table-layout:fixed;margin:0}app-open-shell .book.book--groovebox .bt-chart td{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:7px 4px 8px;text-align:center;background-image:linear-gradient(var(--ccw, transparent),var(--ccw, transparent))}app-open-shell .book.book--groovebox .bt-chart__n{display:block;font-size:11px;color:var(--ink-2)}app-open-shell .book.book--groovebox .bt-chart td.is-turn{border:2px solid var(--ink)}app-open-shell .book.book--groovebox .bt-chart__rn{display:block;font-size:18px;font-weight:800}app-open-shell .book.book--groovebox .bt-chart__ch{display:block;font-size:13px;color:var(--ink-2)}app-open-shell .book.book--groovebox .bt-chart__ch svg{display:block;margin:3px auto 0}app-open-shell .book.book--groovebox table.mk-cadtab td{vertical-align:middle}app-open-shell .book.book--groovebox table.mk-cadtab td:nth-child(1),app-open-shell .book.book--groovebox table.mk-cadtab td:nth-child(3){width:30%}app-open-shell .book.book--groovebox table.mk-cadtab td:nth-child(2),app-open-shell .book.book--groovebox table.mk-cadtab th:nth-child(2){text-align:center;padding:0 14px}app-open-shell .book.book--groovebox .mk-chart-xs{margin-bottom:6px}app-open-shell .book.book--groovebox .mk-chart-xs td{padding:2px 4px 5px}app-open-shell .book.book--groovebox .mk-chart-xs .bt-chart__n{font-size:10px;line-height:1.2;text-align:left}app-open-shell .book.book--groovebox .mk-cell{display:flex;align-items:center;justify-content:center;gap:6px}app-open-shell .book.book--groovebox .mk-rn{font-size:14px;font-weight:800;line-height:1}app-open-shell .book.book--groovebox .mk-bb{display:flex;gap:2px}app-open-shell .book.book--groovebox .mk-bb svg{display:block}app-open-shell .book.book--groovebox .figure{margin:4px 0 18px}app-open-shell .book.book--groovebox .figure__box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px 16px;overflow-x:auto;box-shadow:0 1px 4px #0000000a}app-open-shell .book.book--groovebox .figure__cap{font-size:13px;color:var(--ink-2);margin:9px 2px 0}app-open-shell .book.book--groovebox .part-rule{border-top:2px solid var(--ink);padding-top:12px;margin-bottom:16px}app-open-shell .book.book--groovebox .part-rule__n{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book.book--groovebox .part-rule__t{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:2px 0 0}app-open-shell .book.book--groovebox .bt-note{margin:9px 0 0 96px;font-size:12.5px;color:var(--ink-2)}app-open-shell .book.book--groovebox .bt-compare{display:flex;flex-direction:column;gap:16px}app-open-shell .book.book--groovebox .bt-panel{min-width:0}app-open-shell .book.book--groovebox .bt-panel__t{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 7px}app-open-shell .book.book--groovebox .c-page-desc{width:72%}app-open-shell .book.book--groovebox .on-these-pages{margin-top:24px}app-open-shell .book.book--groovebox .h2-spaced{margin-top:22px}app-open-shell .book.book--groovebox app-open-section-strip,app-open-shell .book.book--groovebox app-open-section-defs,app-open-shell .book.book--groovebox app-open-song-shape,app-open-shell .book.book--groovebox app-open-blues-chart{display:block}app-open-shell .book.book--groovebox app-open-section-strip+app-open-section-strip,app-open-shell .book.book--groovebox app-open-blues-chart+app-open-blues-chart{margin-top:16px}@media(min-width:768px){app-open-shell .book.book--chords{position:relative}}app-open-shell .book.book--chords .deg{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:12.5px}app-open-shell .book.book--chords .deg.is-root{background:var(--gold);color:var(--ink-warm)}app-open-shell .book.book--chords .deg.is-white-key{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}app-open-shell .book.book--chords .deg.is-off{background:var(--ink-2);color:#fff}app-open-shell .book.book--chords .deg-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:16px}app-open-shell .book.book--chords .deg-row .sep{color:var(--hint);font-weight:800}app-open-shell .book.book--chords .deg-row.is-centred{justify-content:center}app-open-shell .book.book--chords .gold-em{color:var(--gold-text);font-weight:800}app-open-shell .book.book--chords .formula-strip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--page-bg);margin-bottom:16px}app-open-shell .book.book--chords .formula-strip__n{font-size:21px;font-weight:800;letter-spacing:1px}app-open-shell .book.book--chords .formula-strip__lab{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book.book--chords .formula-strip.is-centred{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}app-open-shell .book.book--chords .formula-strip.is-centred .formula-strip__lab{justify-self:start}app-open-shell .book.book--chords .fig-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}app-open-shell .book.book--chords .fig-cards+.fig-cards{margin-top:-2px}app-open-shell .book.book--chords .fig-cards .lib-card__diagram svg{display:block;width:100%;height:auto}app-open-shell .book.book--chords .chord-mini app-chord-library-card.size-mini .lib-card.lib-card{width:278px}app-open-shell .book.book--chords .chord-mini .lib-card__head svg{width:75.6px;height:64.8px}app-open-shell .book.book--chords .chord-mini .lib-card__diagram svg{max-height:146px}app-open-shell .book.book--chords .fig-cap{font-size:12.5px;color:var(--ink-2);text-align:center;margin:0 0 18px}app-open-shell .book.book--chords .ruler{margin:2px 0 16px}app-open-shell .book.book--chords .ruler svg{display:block;width:100%;height:auto}app-open-shell .book.book--chords .neckfig{margin:4px 0 8px}app-open-shell .book.book--chords .neckfig svg{display:block;width:100%;height:auto}app-open-shell .book.book--chords .neckfig .fret-number{font-family:var(--font-sans);font-size:11px;font-weight:700;fill:var(--hint)}app-open-shell .book.book--chords .neckfig .neck-row-label{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:var(--hint)}app-open-shell .book.book--chords .neckfig .neck-row-label--lit{font-size:12px;fill:var(--ink)}app-open-shell .book.book--chords .neckfig .neck-row-label--open{font-family:var(--font-sans);font-weight:800;font-size:12px;fill:var(--ink-2)}app-open-shell .book.book--chords .neckfig .neck-dot-label{font-family:var(--font-sans);font-weight:800;font-size:11px}app-open-shell .book.book--chords .neckfig .neck-dot-label--open{font-size:12px}app-open-shell .book.book--chords .neckfig .neck-dot-label--root-string{font-size:10.5px}app-open-shell .book.book--chords .neckfig .neck-dot--reentrant{stroke:var(--gold);stroke-width:3}app-open-shell .book.book--chords .t-thirds th,app-open-shell .book.book--chords .t-thirds td{width:33.33%;text-align:center}app-open-shell .book.book--chords .t-thirds td:first-child,app-open-shell .book.book--chords .t-thirds th:first-child{font-weight:700}app-open-shell .book.book--chords .caged-cell{display:flex;flex-direction:column;align-items:center;gap:5px}app-open-shell .book.book--chords .caged-lab{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book.book--chords .t-int td:first-child,app-open-shell .book.book--chords .t-int th:first-child{text-align:center;width:1%;padding-right:16px;font-weight:700}app-open-shell .book.book--chords .t-int td:last-child,app-open-shell .book.book--chords .t-int th:last-child{text-align:right;width:1%;white-space:nowrap}app-open-shell .book.book--chords .t-form td:nth-child(2),app-open-shell .book.book--chords .t-form th:nth-child(2){text-align:center}app-open-shell .book.book--chords .t-form td:nth-child(3),app-open-shell .book.book--chords .t-form th:nth-child(3){text-align:center;font-weight:700;letter-spacing:.5px;white-space:nowrap}app-open-shell .book.book--chords .t-form .deg-cell{display:inline-flex;gap:4px;align-items:center}app-open-shell .book.book--chords .faq h3{font-size:15px;margin-bottom:3px}app-open-shell .book.book--chords .faq p{margin:0 0 14px;color:var(--ink-2);font-size:15px}app-open-shell .book.book--chords .fig{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;box-shadow:0 2px 10px #00000012;background:var(--surface)}app-open-shell .book.book--chords .tool-frame{display:block;width:100%;height:560px;border:0;border-radius:var(--radius-md)}app-open-shell .book.book--chords .fs-btn{position:absolute;top:calc(100% + 34px);right:16px;display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;padding:8px 12px;border-radius:999px;border:0;box-shadow:var(--sh-pop-lg);cursor:pointer;z-index:3;text-decoration:none}app-open-shell .book.book--chords .fs-btn svg{width:13px;height:13px}app-open-shell .book.book--chords .keydemo{display:flex;gap:18px;justify-content:center;margin:2px 0 8px;flex-wrap:wrap}app-open-shell .book.book--chords .keydemo__item{display:flex;flex-direction:column;align-items:center;gap:7px}app-open-shell .book.book--chords .keydemo__item svg{display:block;width:88px;height:auto}app-open-shell .book.book--chords .keydemo__lab{font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--ink-2);text-transform:uppercase}@media(max-width:767px){app-open-shell .book.book--chords .tool-frame{height:520px}app-open-shell .book.book--chords .neckfig svg+svg{margin-top:4px}app-open-shell .book.book--chords .t-thirds td:first-child,app-open-shell .book.book--chords .t-thirds th:first-child{white-space:nowrap;width:auto}app-open-shell .book.book--chords .t-form td:nth-child(3),app-open-shell .book.book--chords .t-form th:nth-child(3){white-space:normal}app-open-shell .book.book--chords .page--right.page--hero{display:none}}app-rh-notation svg[id] g.ending,app-rh-notation svg[id] g.fing,app-rh-notation svg[id] g.reh,app-rh-notation svg[id] g.tempo{font-weight:700}app-rh-notation svg[id] g.dir,app-rh-notation svg[id] g.dynam,app-rh-notation svg[id] g.mNum{font-style:italic}app-rh-notation svg[id] g.label{font-weight:400}app-rh-notation svg[id] ellipse,app-rh-notation svg[id] path,app-rh-notation svg[id] polygon,app-rh-notation svg[id] polyline,app-rh-notation svg[id] rect{stroke:currentColor}app-rh-notation svg[id] g.cursor{fill:#1e90ff;color:#1e90ff}app-rh-notation svg[id] g.cursor.chord{fill:#32cd32;color:#32cd32}app-open-shell .book .eg{display:block;margin:0 auto;color:var(--ink);fill:currentColor;max-width:100%;height:auto}app-open-shell .book .eg-inline{display:inline-block;margin:0;vertical-align:middle}app-open-shell .book .eg-prose{display:inline-block;height:1.6em;width:auto;margin:-.4em .06em;vertical-align:-.04em}app-open-shell .book .eg-prose--rest{height:1.7em;vertical-align:-.53em}app-open-shell .book .t-count .c-glyph .eg,app-open-shell .book table.t-values .c-glyph .eg{margin:0 auto}app-open-shell .book th .eg-prose{height:2.9em;margin:-1.4em 0 -.2em .15em;vertical-align:-.05em}app-open-shell .book .eg-terms{display:grid;grid-auto-flow:column;justify-content:center;justify-items:center;align-items:start;column-gap:4px;row-gap:2px}app-open-shell .book .eg-terms--r2{grid-template-rows:auto auto}app-open-shell .book .eg-terms--r3{grid-template-rows:auto auto auto}app-open-shell .book .eg-terms--apart{column-gap:56px}app-open-shell .book .eg-terms--eq{grid-template-columns:minmax(112px,auto) 28px minmax(112px,auto) 28px minmax(112px,auto);column-gap:0}app-open-shell .book .eg-terms .eg{margin:0}app-open-shell .book .eg-terms__l{font-size:12px;color:var(--ink-2);text-align:center;white-space:nowrap}app-open-shell .book .eg-terms__l2{font-size:11px}app-open-shell .book .eg-terms .eg-prose{height:2.6em;margin:2px 0 0;vertical-align:top}app-open-shell .book .eg-rows{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:18px;row-gap:4px}app-open-shell .book .eg-rows .eg{margin:0}app-open-shell .book .eg-rows__l{font-size:12px;color:var(--ink-2)}app-open-shell .book .eg-rows--centre .eg{justify-self:center}app-open-shell .book .eg-cells{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;row-gap:6px}app-open-shell .book .eg-cells .eg{margin:0}app-open-shell .book .eg-lbl{fill:var(--ink-2);font-family:var(--font-sans)}app-open-shell .book .eg-op{fill:var(--ink-2);font-family:var(--font-sans);font-weight:700}app-open-shell .book .eg-accent{fill:var(--ink);font-family:var(--font-sans);font-weight:800}app-open-shell .book .eg-rule,app-open-shell .book .eg-fill{fill:currentColor}app-open-shell .book .eg-stroke{fill:none;stroke:currentColor;stroke-width:1.5}app-open-shell .book .eg-tie{stroke-width:1.9}app-open-shell .book .eg-ghost{opacity:.26}app-open-shell .book .eg-accent-mk{stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}app-drum-notation svg[id] g.ending,app-drum-notation svg[id] g.fing,app-drum-notation svg[id] g.reh,app-drum-notation svg[id] g.tempo{font-weight:700}app-drum-notation svg[id] g.dir,app-drum-notation svg[id] g.dynam,app-drum-notation svg[id] g.mNum{font-style:italic}app-drum-notation svg[id] g.label{font-weight:400}app-drum-notation svg[id] ellipse,app-drum-notation svg[id] path,app-drum-notation svg[id] polygon,app-drum-notation svg[id] polyline,app-drum-notation svg[id] rect{stroke:currentColor}app-drum-notation svg[id] g.cursor{fill:#1e90ff;color:#1e90ff}app-drum-notation svg[id] g.cursor.chord{fill:#32cd32;color:#32cd32}app-open-shell .book .dn-fig{display:flex;flex-direction:column;align-items:center;gap:4px}app-open-shell .book .dn-fig svg.dn{display:block;max-width:100%;height:auto}app-open-shell .book .dn-key{margin:0;font-size:11.5px;color:var(--ink-2);text-align:center}app-open-shell{--wrong: #C0392B}app-open-shell svg .n-C{fill:var(--note-C)}app-open-shell svg .n-G{fill:var(--note-G)}app-open-shell svg .n-D{fill:var(--note-D)}app-open-shell svg .n-A{fill:var(--note-A)}app-open-shell svg .n-E{fill:var(--note-E)}app-open-shell svg .n-B{fill:var(--note-B)}app-open-shell svg .n-Fs{fill:var(--note-Fs)}app-open-shell svg .n-Db{fill:var(--note-Db)}app-open-shell svg .n-Ab{fill:var(--note-Ab)}app-open-shell svg .n-Eb{fill:var(--note-Eb)}app-open-shell svg .n-Bb{fill:var(--note-Bb)}app-open-shell svg .n-F{fill:var(--note-F)}app-open-shell svg .fig-dot{stroke:#fff;stroke-width:1.6}app-open-shell svg .fig-label{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:#fff}app-open-shell svg .fig-label--warm{fill:var(--ink-warm)}app-open-shell svg .fig-root-ring{stroke:#d4af37;stroke-width:2}app-open-shell svg .fig-blue-ring{stroke:var(--note-Db);stroke-width:2}app-open-shell svg .fig-drop-ring{stroke:var(--wrong);stroke-width:2.6}app-open-shell svg .fig-drop-mark{stroke:var(--wrong);stroke-width:2.6;stroke-linecap:round}app-open-shell svg .fig-string-name{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:#8c8c8c}app-open-shell svg .fig-bracket-line{stroke:#5a5a5a;stroke-width:1.4;stroke-linejoin:round}app-open-shell svg .fig-bracket-text{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:#5a5a5a}app-open-shell svg .fig-position-outline{stroke:#fff;stroke-width:1.6;opacity:.75}app-open-shell svg .fret-number{font-family:var(--font-sans);font-size:11.5px;font-weight:700;fill:var(--ink-2);letter-spacing:.06em}app-open-shell svg .wood-mid--soft-light{mix-blend-mode:soft-light}app-open-shell svg .wood-mid--multiply{mix-blend-mode:multiply}app-open-shell svg .wood-mid--screen{mix-blend-mode:screen}app-open-shell svg .ok-white-key{fill:#fff;stroke:#1a1a1a;stroke-width:1}app-open-shell svg .ok-black-key{fill:#1a1a1a;stroke:#0e0e0e}app-open-shell svg .ok-root-ring{stroke:var(--gold, #D4AF37);stroke-width:2.4}app-open-shell svg .ok-key-label{font-family:var(--font-sans);font-weight:800;font-size:13px;fill:#fff}app-open-shell svg .ok-key-label--warm{fill:var(--ink-warm)}app-open-shell svg .ok-interval{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:#9a9a9a}app-open-shell svg .ok-interval--semi{fill:#1a1a1a}app-open-shell svg .ok-str-key{fill:#fff;stroke:#1a1a1a;stroke-width:1}app-open-shell svg .ok-str-key--black{fill:#1a1a1a}app-open-shell svg .ok-str-key.n-C{fill:var(--note-C)}app-open-shell svg .ok-str-key-label{font-family:var(--font-sans);font-weight:800;font-size:11px;fill:#1a1a1a}app-open-shell svg .ok-str-key-label--on-root{fill:#fff}app-open-shell svg .ok-str-name{font-family:var(--font-sans);font-weight:800;font-size:12px;fill:#5a5a5a}app-open-shell svg .ok-jump-ring{stroke:#2a7ab8;stroke-width:2.4}app-open-shell svg .ok-jump-label{font-family:var(--font-sans);font-weight:800;font-size:10px;fill:#2a7ab8}app-open-shell svg .ok-octave-bracket{stroke:#5a5a5a;stroke-width:1.4}app-open-shell svg .ok-octave-label{font-family:var(--font-sans);font-weight:800;font-size:10.5px;fill:#5a5a5a}app-open-shell svg .ok-fret-number{font-family:var(--font-sans);font-weight:700;font-size:10.5px;fill:#9a9a9a}app-open-shell svg .cg-chord-string{stroke:#b5b5b5;stroke-width:1}app-open-shell svg .cg-chord-nut{fill:#1a1a1a}app-open-shell svg .cg-chord-mute{font-family:var(--font-sans);font-weight:800;font-size:12px;fill:#8c8c8c}app-open-shell svg .cg-chord-open{fill:#fff;stroke:#1a1a1a;stroke-width:1.4}app-open-shell svg .cg-chord-dot{fill:#1a1a1a}app-open-shell svg .cg-chord-dot-label{font-family:var(--font-sans);font-weight:800;font-size:10px;fill:#fff}app-open-shell svg .cg-caged-nut-bar{fill:#fff;opacity:.6}app-open-shell svg .cg-caged-ring{stroke:#fff;stroke-width:2.4;opacity:.9}app-open-shell svg .cg-caged-ring--on-wood{stroke:#1a1a1a}app-open-shell .ok-keys__svg svg{display:block;width:336px;max-width:100%;height:auto}app-open-shell .fig-neck__svg svg{display:block;width:100%;height:auto;overflow:visible}app-open-shell .ok-strings__svg svg{display:block;width:100%;max-width:470px;height:auto}app-open-shell .cg-position__desktop svg,app-open-shell .cg-position__phone svg{display:block;width:100%;height:auto;overflow:visible}@media(min-width:768px){app-open-shell .book.scale-book{position:relative}}app-open-shell .book.scale-book .deg{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:12.5px}app-open-shell .book.scale-book .deg.is-root{background:var(--gold);color:var(--ink-warm)}app-open-shell .book.scale-book .deg.is-white-key{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}app-open-shell .book.scale-book .deg.is-off{background:var(--ring-dark);color:var(--ink-2)}app-open-shell .book.scale-book .degs{display:inline-flex;gap:5px;flex-wrap:nowrap;vertical-align:middle;white-space:nowrap}app-open-shell .book.scale-book .degs .sep{color:var(--hint);font-weight:800}app-open-shell .book.scale-book .dg{font-weight:800}app-open-shell .book.scale-book td.dg{white-space:nowrap}app-open-shell .book.scale-book .gold-em{color:var(--gold-text);font-weight:800}app-open-shell .book.scale-book .formula-strip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--page-bg);margin-bottom:16px}app-open-shell .book.scale-book .formula-strip__n{font-size:21px;font-weight:800;letter-spacing:1px}app-open-shell .book.scale-book .formula-strip__lab{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book.scale-book .formula-strip--pair{display:grid;grid-template-columns:auto repeat(7,2.2em);justify-content:center;align-items:center;row-gap:6px;column-gap:4px}app-open-shell .book.scale-book .formula-strip--pair .formula-strip__lab{padding-right:14px}app-open-shell .book.scale-book .formula-strip--pair .formula-strip__n{text-align:center;letter-spacing:0}app-open-shell .book.scale-book .mk-note{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;font-size:11.5px;white-space:nowrap}app-open-shell .book.scale-book td.c-row{text-align:left}app-open-shell .book.scale-book td.c-row .deg{width:28px;min-width:28px;height:28px;padding:0}app-open-shell .book.scale-book table.tight:not(.t-int):not(.t-thirds) th:first-child,app-open-shell .book.scale-book table.tight:not(.t-int):not(.t-thirds) td:first-child{width:38%;padding-right:12px}@media(max-width:767px){app-open-shell .book.scale-book table.tight:not(.t-int):not(.t-thirds) th:first-child,app-open-shell .book.scale-book table.tight:not(.t-int):not(.t-thirds) td:first-child{width:44%}}app-open-shell .book.scale-book .t-fits td.c-r{text-align:left}app-open-shell .book.scale-book table.t-int{width:100%}app-open-shell .book.scale-book .t-centre{width:fit-content;min-width:62%;margin:0 auto}app-open-shell .book.scale-book .t-int th,app-open-shell .book.scale-book .t-int td{padding-left:14px;padding-right:14px}app-open-shell .book.scale-book .t-int td:first-child,app-open-shell .book.scale-book .t-int th:first-child{text-align:center;font-weight:700}app-open-shell .book.scale-book .t-int td:last-child,app-open-shell .book.scale-book .t-int th:last-child{text-align:center;white-space:nowrap}app-open-shell .book.scale-book .t-form td:nth-child(2),app-open-shell .book.scale-book .t-form th:nth-child(2){text-align:center}app-open-shell .book.scale-book .t-form td:nth-child(3),app-open-shell .book.scale-book .t-form th:nth-child(3){text-align:center;font-weight:700;letter-spacing:.5px;white-space:nowrap}app-open-shell .book.scale-book .mk-scale-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}app-open-shell .book.scale-book .mk-scale-pair .t-centre{min-width:0;width:100%}app-open-shell .book.scale-book .mk-scale-pair .t-int th,app-open-shell .book.scale-book .mk-scale-pair .t-int td{padding-left:8px;padding-right:8px}@media(max-width:767px){app-open-shell .book.scale-book .mk-scale-pair{grid-template-columns:1fr;gap:18px}}app-open-shell .book.scale-book .figure{margin:4px 0 18px}app-open-shell .book.scale-book .figure__box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px 16px;overflow-x:auto;box-shadow:0 1px 4px #0000000a}app-open-shell .book.scale-book .figure__cap{font-size:13px;color:var(--ink-2);margin:9px 2px 0}app-open-shell .book.scale-book .cardbox+.figure{margin-top:22px}app-open-shell .book.scale-book .t-thirds th,app-open-shell .book.scale-book .t-thirds td{width:39%;text-align:center}app-open-shell .book.scale-book .t-thirds th:first-child,app-open-shell .book.scale-book .t-thirds td:first-child{width:22%;text-align:left;font-weight:700}app-open-shell .book.scale-book .mk-shade{display:inline-block;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000002e;margin-right:8px;vertical-align:-2px}app-open-shell .book.scale-book .mk-shade--lydian{background:#fff}app-open-shell .book.scale-book .mk-shade--ionian{background:#dbdbdb}app-open-shell .book.scale-book .mk-shade--mixolydian{background:#b7b7b7}app-open-shell .book.scale-book .mk-shade--dorian{background:#949494}app-open-shell .book.scale-book .mk-shade--aeolian{background:#707070}app-open-shell .book.scale-book .mk-shade--phrygian{background:#4c4c4c}app-open-shell .book.scale-book .mk-shade--locrian{background:#282828}app-open-shell .book.scale-book .mk-char{display:block;margin-left:22px;font-size:12.5px;color:var(--ink-2);font-weight:600}app-open-shell .book.scale-book .mk-char.mk-char--flush{margin-left:0;padding-right:10px}app-open-shell .book.scale-book .mk-bright td:first-child{white-space:nowrap}app-open-shell .book.scale-book .mk-bright td{padding-top:6px;padding-bottom:6px}app-open-shell .book.scale-book .deg.mk-lowered{position:relative}app-open-shell .book.scale-book .deg.mk-lowered:after{content:"";position:absolute;left:4px;right:4px;bottom:-6px;height:3px;border-radius:2px;background:var(--note-C)}app-open-shell .book.scale-book .deg.mk-blue-note{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--note-Db)}app-open-shell .book.scale-book .mk-hear{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start;margin-top:6px}app-open-shell .book.scale-book .mk-modelist{display:flex;justify-content:center;padding:12px}app-open-shell .book.scale-book .mk-modelist img{display:block;width:170px;max-width:100%;height:auto}app-open-shell .book.scale-book .mk-steps-list{margin:26px 0 0;padding-left:22px}app-open-shell .book.scale-book .mk-steps-list li{margin-bottom:8px;padding-left:4px}@media(max-width:767px){app-open-shell .book.scale-book .mk-hear{grid-template-columns:1fr}app-open-shell .book.scale-book .mk-steps-list{margin-top:4px}}app-open-shell .book.scale-book .mk-strings--close .ok-strings{padding:12px 0 0;justify-content:flex-start}app-open-shell .book.scale-book .mk-strings--close .ok-strings__svg svg{max-width:230px}app-open-shell .book.scale-book .mk-open-fig{width:fit-content;margin-left:auto;margin-right:auto}app-open-shell .book.scale-book .mk-open-fig .figure__box{padding:14px 22px}app-open-shell .book.scale-book .mk-nutfig svg{display:block;max-width:300px;margin:0 auto}@media(max-width:480px){app-open-shell .book.scale-book .mk-nutfig svg{max-width:230px}}app-open-shell .book.scale-book .mk-degfig{display:grid;justify-content:center;row-gap:10px;padding:16px 14px}app-open-shell .book.scale-book .mk-degrow{display:grid;grid-template-columns:9.5em auto;align-items:center}app-open-shell .book.scale-book .mk-degrow__lab{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}app-open-shell .book.scale-book .deg.mk-off{position:relative}app-open-shell .book.scale-book .deg.mk-off:before{content:"";position:absolute;inset:-4px;border:2.6px solid #c0392b;border-radius:50%}app-open-shell .book.scale-book .deg.mk-off:after{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 6px);height:2.6px;background:#c0392b;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}@media(max-width:767px){app-open-shell .book.scale-book .mk-degrow{grid-template-columns:auto;justify-items:center;row-gap:6px}app-open-shell .book.scale-book .mk-degfig{row-gap:14px}}app-open-shell .book.scale-book .mk-shade--blues{background:#4a6fa5}app-open-shell .book.scale-book .mk-shade--none{background:none;box-shadow:none}app-open-shell .book.scale-book .mk-t12 td{vertical-align:middle;padding-top:6px;padding-bottom:6px}app-open-shell .book.scale-book .mk-t12 .mk-sc{white-space:nowrap;font-weight:600}app-open-shell .book.scale-book .mk-t12 tr.mk-grp td{padding:16px 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--border)}app-open-shell .book.scale-book .mk-t12 tbody tr.mk-grp:first-child td{padding-top:6px}app-open-shell .book.scale-book .mk-fits{display:flex;flex-wrap:wrap;gap:4px}app-open-shell .book.scale-book .mk-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}app-open-shell .book.scale-book .mk-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px}app-open-shell .book.scale-book .mk-key__item{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-2)}app-open-shell .book.scale-book .mk-key__item app-chord-kind-icon{width:19px;height:15px}app-open-shell .book.scale-book .faq h3{font-size:15px;margin-bottom:3px}app-open-shell .book.scale-book .faq p{margin:0 0 14px;color:var(--ink-2);font-size:15px}
/*# sourceMappingURL=styles-ROK4L5ND.css.map */