@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/InterVariable-Italic.woff2)format("woff2")}:root{--font-primary:"InterVariable", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", Roboto, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Segoe UI", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, Consolas, monospace;--tracking-tight:-.02em;--tracking-normal:-.01em;--tracking-wide:.02em;--leading-tight:1.2;--leading-normal:1.4;--bg-color:#1e1e1e;--panel-bg:#191919b8;--glass-bg-light:#ffffff08;--glass-bg:var(--glass-bg-light);--glass-bg-hover:#ffffff17;--glass-bg-active:#fff2;--glass-bg-dark:#19191980;--glass-border:.5px solid #fff2;--glass-blur-radius:12px;--glass-saturate:140%;--glass-blur:blur(var(--glass-blur-radius)) saturate(var(--glass-saturate));--glass-shadow:0 10px 40px #00000026;--glass-radius:24px;--accent:#1565c0;--accent-on:#fff;--accent-on-invert:1;--text-muted:#d1d1d6;--text-primary:#fff;--text-secondary:#ebebf0;--text-tertiary:#a1a1a6;--board-bg:#2c2c2e;--key-white:#e0e0e0;--key-black:#000;--hud-bg:var(--glass-bg-dark);--hud-text:#fff;--minimap-bg:#ffffff0a;--minimap-border:1.5px solid #ffffff59;--minimap-shadow:0 1px 4px #0000004d, inset 0 1px 2px #00000040;--status-bar-bg:var(--board-bg);--safe-area-bg:var(--board-bg);--radius-btn:12px;--radius-btn-premium:12px;--radius-btn-icon:12px;--radius-btn-option:8px;--radius-btn-square:14px;--radius-btn-remove-ads:12px;--radius-segmented:14px;--radius-segment:11px;--radius-input:14px;--radius-textarea:14px;--radius-pill:14px;--radius-submit:14px;--radius-qs-col:12px;--radius-chord-prev:8px;--radius-chord-btn:8px;--radius-device-list:12px;--radius-premium-badge:8px;--radius-search:12px;--radius-grid:12px}:root[data-theme=light]{--bg-color:#f2f2f7;--panel-bg:#ffffff80;--glass-bg-light:#ffffff80;--glass-bg:var(--glass-bg-light);--glass-bg-hover:#ffffffa1;--glass-bg-active:#ffffffc2;--glass-bg-dark:#ffffff80;--glass-border:.5px solid #0000002d;--glass-shadow:0 10px 40px #00000014;--text-muted:#3a3a3c;--text-primary:#000;--text-secondary:#1f1f21;--text-tertiary:#48484a;--board-bg:#e5e5ea;--key-white:#fff;--key-black:#2c2c2e;--hud-bg:var(--glass-bg-dark);--hud-text:#1c1c1e;--minimap-bg:#0000000a;--minimap-border:1.5px solid #00000052;--minimap-shadow:0 1px 3px #0000001a, inset 0 1px 2px #00000014;--status-bar-bg:var(--board-bg);--safe-area-bg:var(--board-bg)}body.lite-engine-active{--glass-bg-dark:#3a3a3c;--glass-bg-light:#48484a;--glass-bg-hover:#48484a;--glass-bg-active:#545456;--glass-border:1px solid #ffffff24;--minimap-border:1.5px solid #fff6;--hud-bg:#3a3a3c;--panel-bg:#3a3a3c}:root[data-theme=light] body.lite-engine-active{--glass-bg-dark:#f2f2f7;--glass-bg-light:#fff;--glass-bg-hover:#e5e5ea;--glass-bg-active:#d1d1d6;--glass-border:1px solid #0000001f;--minimap-border:1.5px solid #00000057;--hud-bg:#f2f2f7;--panel-bg:#f2f2f7}:root[data-glass-effect=none],body[data-glass-effect=none],:root[data-glass-style][data-glass-effect=none],body[data-glass-style][data-glass-effect=none]{--glass-bg-dark:#3a3a3c;--glass-bg-light:#48484a;--glass-bg-hover:#48484a;--glass-bg-active:#545456;--glass-border:1px solid #ffffff24;--minimap-border:1.5px solid #fff6;--glass-blur-radius:0px;--glass-blur:none;--hud-bg:#3a3a3c;--panel-bg:#3a3a3c}:root[data-theme=light][data-glass-effect=none],:root[data-theme=light] body[data-glass-effect=none],:root[data-theme=light][data-glass-style][data-glass-effect=none],:root[data-theme=light] body[data-glass-style][data-glass-effect=none],[data-theme=light] [data-glass-effect=none]{--glass-bg-dark:#f2f2f7;--glass-bg-light:#fff;--glass-bg-hover:#e5e5ea;--glass-bg-active:#d1d1d6;--glass-border:1px solid #0000001f;--minimap-border:1.5px solid #00000057;--glass-blur-radius:0px;--glass-blur:none;--hud-bg:#f2f2f7;--panel-bg:#f2f2f7}:root[data-glass-effect=contrast],body[data-glass-effect=contrast],:root[data-glass-style][data-glass-effect=contrast],body[data-glass-style][data-glass-effect=contrast]{--glass-bg-dark:#000;--glass-bg-light:#121212;--glass-bg-hover:#1c1c1e;--glass-bg-active:#2c2c2e;--glass-border:1px solid #ffffff3d;--minimap-border:1.5px solid #fff9;--glass-blur-radius:0px;--glass-blur:none;--hud-bg:#000;--hud-text:#fff;--panel-bg:#000;--text-primary:#fff;--text-secondary:#fff;--text-muted:#fff}:root[data-theme=light][data-glass-effect=contrast],:root[data-theme=light] body[data-glass-effect=contrast],:root[data-theme=light][data-glass-style][data-glass-effect=contrast],:root[data-theme=light] body[data-glass-style][data-glass-effect=contrast],[data-theme=light] [data-glass-effect=contrast]{--glass-bg-dark:#fff;--glass-bg-light:#fff;--glass-bg-hover:#f2f2f7;--glass-bg-active:#e5e5ea;--glass-border:1px solid #00000038;--minimap-border:1.5px solid #00000080;--glass-blur-radius:0px;--glass-blur:none;--hud-bg:#fff;--hud-text:#000;--panel-bg:#fff;--text-primary:#000;--text-secondary:#000;--text-muted:#000}:root[data-glass-effect=contrast] #instrument-modal,:root[data-glass-effect=contrast] #settings-instrument-grid,:root[data-glass-style][data-glass-effect=contrast] #instrument-modal,:root[data-glass-style][data-glass-effect=contrast] #settings-instrument-grid,body[data-glass-effect=contrast] #instrument-modal,body[data-glass-effect=contrast] #settings-instrument-grid,[data-glass-effect=contrast] #instrument-modal,[data-glass-effect=contrast] #settings-instrument-grid{--text-secondary:#e5e5ea;--text-muted:#8e8e93}:root[data-theme=light][data-glass-effect=contrast] #instrument-modal,:root[data-theme=light][data-glass-effect=contrast] #settings-instrument-grid,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #instrument-modal,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #settings-instrument-grid,:root[data-theme=light] body[data-glass-effect=contrast] #instrument-modal,:root[data-theme=light] body[data-glass-effect=contrast] #settings-instrument-grid,[data-theme=light] [data-glass-effect=contrast] #instrument-modal,[data-theme=light] [data-glass-effect=contrast] #settings-instrument-grid{--text-secondary:#1c1c1e;--text-muted:#636366}:root{--ad-height-desktop:90px;--ad-height-mobile:60px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-s:12px;--spacing-m:16px;--spacing-l:24px;--font-display:22px;--font-heading:16px;--font-body:14px;--font-small:10px;--font-label:13px;--font-input:13px;--font-button:14px;--font-square-button:24px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--android-status-bar-height:0px;--android-status-overlay-inset:0px;--android-nav-inset:env(safe-area-inset-bottom,0px);--corner-radius:0px;--corner-safe-inset:12px;--modal-top-offset:138px;--modal-bottom-offset:var(--safe-area-inset-bottom);--hud-btn-size:48px;--ad-actual-height:0px;--keyboard-height:0px;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.4s;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-elastic:cubic-bezier(.175, .885, .32, 1.275)}@media (min-width:1024px){:root{--hud-btn-size:64px;--modal-top-offset:160px;--modal-bottom-offset:90px}}*{box-sizing:border-box;font-synthesis:none;-webkit-font-synthesis:none}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:block}body{background-color:var(--safe-area-bg);overscroll-behavior:none;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);touch-action:none;height:100vh;height:100dvh;color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;margin:0;display:flex;overflow:hidden;padding:0!important}input[type=text],input[type=number],textarea,[contenteditable=true],.selectable{-webkit-user-select:text!important;user-select:text!important}.glass-pane,.modal-panel,.hud-btn,.minimap-btn{-webkit-user-select:none!important;user-select:none!important}input,button,select,textarea{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}#app-container{background-color:var(--board-bg);width:100%;padding-top:var(--ad-top-padding,0px);padding-bottom:var(--safe-area-inset-bottom,0px);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}body.platform-ios #app-container,body.platform-android #app-container{background-color:var(--safe-area-bg)}@media (min-width:1025px){#app-container{padding-bottom:0}}body.ad-top #app-container{padding-top:var(--ad-actual-height);padding-bottom:0}body.ad-bot #app-container{padding-top:0;padding-bottom:var(--safe-area-inset-bottom)}body.ad-free #app-container{padding-top:0;padding-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}body.platform-ios.hud-hidden:not(.fullscreen-mode) #app-container,body.platform-ios.has-status-bar.hud-hidden #app-container,body.platform-android.hud-hidden:not(.fullscreen-mode) #app-container,body.platform-android.has-status-bar.hud-hidden #app-container{padding-top:max(var(--ad-top-padding,0px), var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px))}body.is-split-screen.hud-hidden #app-container,body.iphone-duo-inner.hud-hidden #app-container{padding-top:var(--ad-top-padding,0px)!important}body.platform-android:before{content:"";height:max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px));background:var(--status-bar-bg,#1f1f1f);z-index:1200;pointer-events:none;transition:none;position:fixed;top:0;left:0;right:0;transform:translateY(0)}body.platform-android.status-bar-offscreen:before,body.platform-android.fullscreen-mode:not(.fullscreen-transitioning):before{transition:none;transform:translateY(-100%)}body.platform-android.fullscreen-transitioning.status-bar-hide:before{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(-100%)}body.platform-android.fullscreen-transitioning:not(.status-bar-offscreen):not(.status-bar-hide):before{transition:transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(0)}body.platform-ios.fullscreen-closing.hud-hidden #app-container,body.platform-android.fullscreen-closing.hud-hidden #app-container{padding-top:max(var(--ad-top-padding,0px), var(--safe-area-inset-top,0px))}body.platform-android.fullscreen-closing:before{height:var(--safe-area-inset-top,0px)}body.ad-top.hud-hidden:not(.fullscreen-mode) #app-container,body.ad-top.has-status-bar.hud-hidden #app-container{padding-top:var(--ad-actual-height)}@media (max-width:1024px){.desktop-only{display:none!important}}@media (min-width:1025px){.mobile-only{display:none!important}}#loading-overlay{width:100%;height:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:9000;color:#fff;font-family:var(--font-primary);background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}#loading-overlay.hidden-overlay{opacity:0;pointer-events:none;z-index:-1}@keyframes pulseLogo{0%{filter:brightness()drop-shadow(0 0 #1565c000);transform:scale(1)}50%{filter:brightness(1.1)drop-shadow(0 0 20px #1565c066);transform:scale(1.03)}to{filter:brightness()drop-shadow(0 0 #1565c000);transform:scale(1)}}#toast{color:var(--text-primary);font-size:var(--font-small);opacity:0;pointer-events:none;z-index:10000;text-align:center;max-width:90%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);white-space:pre-line;background:#1c1c1ee0;border-radius:20px;padding:10px 24px;font-weight:500;line-height:1.4;transition:opacity .3s;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059}:root[data-theme=light] #toast,[data-theme=light] #toast{color:var(--text-primary);border:var(--glass-border);background:#ffffffe6;box-shadow:0 8px 32px #0000001f}#toast.visible{opacity:1}#seo-legal-footer{z-index:10000;color:#ffffff4d;pointer-events:auto;font-family:sans-serif;font-size:10px;position:fixed;bottom:5px;right:10px}#seo-legal-footer a{color:inherit;text-decoration:none}#safe-area-measurer{width:1px;height:max(env(safe-area-inset-bottom,0px), var(--android-nav-inset,0px));visibility:hidden;pointer-events:none;z-index:-100;position:fixed;bottom:0}@keyframes slideUpEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-panel ::-webkit-scrollbar{width:5px}.custom-scrollbar ::-webkit-scrollbar{width:5px}.modal-panel ::-webkit-scrollbar-thumb{background:#fff3}.custom-scrollbar ::-webkit-scrollbar-thumb{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.stack-v{flex-direction:column;display:flex}.stack-h{flex-direction:row;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-xxs{gap:var(--spacing-xxs)}.gap-xs{gap:var(--spacing-xs)}.gap-s{gap:var(--spacing-s)}.gap-m{gap:var(--spacing-m)}.gap-l{gap:var(--spacing-l)}.p-xs{padding:var(--spacing-xs)}.p-s{padding:var(--spacing-s)}.p-m{padding:var(--spacing-m)}.p-l{padding:var(--spacing-l)}.m-b-xs{margin-bottom:var(--spacing-xs)}.m-b-s{margin-bottom:var(--spacing-s)}.m-b-m{margin-bottom:var(--spacing-m)}.m-t-s{margin-top:var(--spacing-s)}h1,h2,h3,h4,h5,h6{letter-spacing:var(--tracking-normal);margin:0;font-weight:600}p{margin:0}.info-content-rich{text-align:left;max-width:800px;color:var(--text-secondary);line-height:1.6;font-size:var(--font-body);margin:0 auto}.info-content-rich h3{color:var(--accent);margin-top:5px;margin-bottom:12px;font-size:1.1rem;font-weight:600}.info-content-rich h4{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600}.info-content-rich p{margin-bottom:15px}.info-content-rich ul{margin-bottom:20px;padding-left:20px}.info-content-rich li{margin-bottom:8px}.info-footer{font-size:var(--font-small);color:var(--text-muted);border-top:var(--glass-border);text-align:center;margin-top:30px;padding-top:15px}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.tabular-nums,.playback-time-row,#playback-time-display,#metronome-bpm,.tempo-display{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}#sustain-effect{z-index:9999;pointer-events:none;width:100%;height:100%;box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow .5s var(--ease-out-expo);background:0 0;position:absolute;top:0;left:0}.sustain-active #sustain-effect{box-shadow:inset 0 0 20px 10px var(--accent);transition:box-shadow 5s linear}.smoke-puff{pointer-events:none;background:#fff6;border-radius:50%;width:20px;height:20px;position:absolute;animation:smoke-puff 2.25s var(--ease-out-expo) forwards!important}@keyframes smoke-puff{0%{opacity:1;transform:scale(.5)translateY(0)}30%{opacity:.6;filter:blur(4px);transform:scale(1.05)translateY(-10px)}to{opacity:0;filter:blur(20px);transform:scale(1.1)translateY(-30px)}}.text-display{font-size:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:700;line-height:var(--leading-tight)}.text-heading{font-size:var(--font-heading);letter-spacing:var(--tracking-normal);color:var(--accent);font-weight:600;line-height:var(--leading-tight)}.text-body{font-size:var(--font-body);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.text-small{font-size:var(--font-small);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-muted{font-size:var(--font-small);letter-spacing:var(--tracking-normal);color:var(--text-muted)}.text-label{font-size:var(--font-label);letter-spacing:var(--tracking-wide);color:var(--text-tertiary);font-weight:600;line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.label{-webkit-line-clamp:2;font-size:var(--font-label);color:var(--text-secondary);letter-spacing:var(--tracking-wide);font-weight:600;line-height:var(--leading-tight);-webkit-box-orient:vertical;margin-top:15px;margin-bottom:8px;display:-webkit-box;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.glass-blobs{z-index:-1;pointer-events:none;background:var(--bg-color);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 70%);filter:blur(60px);border-radius:50%;width:400px;height:400px;animation:20s infinite alternate move;position:absolute}.blob-1{background:radial-gradient(circle,#ff3b301f 0%,#ff3b3000 70%);top:-100px;right:-100px}.blob-2{background:radial-gradient(circle,#007aff1a 0%,#007aff00 70%);animation-duration:25s;bottom:-150px;left:-100px}.blob-3{background:radial-gradient(circle,#af52de14 0%,#af52de00 70%);width:300px;height:300px;animation-duration:30s;top:40%;left:50%}@keyframes move{0%{transform:translate(0)scale(1)}to{transform:translate(100px,100px)scale(1.2)}}.glass-pane{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--glass-radius,24px);isolation:isolate;background-clip:padding-box;padding:24px}.glass-pane .glass-pane,.modal-panel .glass-pane,.glass-pane [style*=backdrop-filter],.modal-panel [style*=backdrop-filter],.modal-panel .btn-premium,.modal-panel .btn-modal-cancel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-interactive{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);background-clip:padding-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),color .2s;box-shadow:0 3px 12px #00000026,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}.glass-interactive:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff47;box-shadow:0 3px 12px #0000002e,inset 0 1px 1px #ffffff8c,inset 0 -1px .5px #ffffff3d}.glass-interactive:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 1px 4px #00000026,inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff4d}:root[data-theme=light] .glass-interactive{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #ffffffa6;box-shadow:0 2px 8px #0000000f,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}:root[data-theme=light] .glass-interactive:hover{border-top-color:#fff;border-bottom-color:#ffffffbf;box-shadow:0 4px 12px #00000014,inset 0 1px 1px #fff,inset 0 -1px .5px #fff9}.glass-tuner-modal-panel,#glass-tuner-modal .modal-panel{overscroll-behavior:contain;text-align:left!important;box-sizing:border-box!important;touch-action:pan-y!important;border-radius:20px!important;flex-direction:column!important;width:90%!important;max-width:420px!important;max-height:calc(100% - 6px)!important;padding:0!important;display:flex!important;overflow:hidden!important}body.ad-bot .glass-tuner-modal-panel,body.ad-bot #glass-tuner-modal .modal-panel{max-height:calc(100% - 4px)!important}:root[data-glass-style=liquid] .glass-tuner-modal-panel,body[data-glass-style=liquid] .glass-tuner-modal-panel,:root[data-glass-style=liquid] #glass-tuner-modal .modal-panel,body[data-glass-style=liquid] #glass-tuner-modal .modal-panel{overflow:hidden!important}.glass-tuner-header{box-sizing:border-box;background:0 0;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:8px 16px 6px;display:flex}:root[data-theme=light] .glass-tuner-header{border-bottom:1px solid #00000014}.glass-tuner-header h2{font-weight:700;color:var(--text-primary)!important;text-align:left!important;margin:0!important;font-size:14.5px!important;line-height:1.2!important}.glass-tuner-header .btn-close-minimal{flex-shrink:0;justify-content:center!important;align-items:center!important;width:26px!important;height:26px!important;margin:0!important;padding:0!important;font-size:15px!important;display:flex!important;position:static!important}.glass-tuner-body-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;flex:1;padding:6px 16px 8px;overflow:hidden auto}.glass-style-switch-group{margin-bottom:6px}.glass-field-label{color:var(--text-secondary);margin-bottom:5px;font-size:11px;font-weight:600}.glass-style-tab-bar{background:#00000059;border:1px solid #ffffff1f;border-color:#ffffff40 #ffffff1f #ffffff1a;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid;box-shadow:inset 0 1px 2px #00000059}.glass-style-tab-btn{text-align:center;min-height:36px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 10px;font-size:12.5px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.glass-style-tab-btn:hover{color:var(--text-primary);background:#ffffff14}.glass-style-tab-btn:active{transform:scale(.96)}.glass-style-tab-btn.active{background:var(--accent);color:var(--accent-on,#fff);box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent);border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff4d}.glass-preset-group{margin-bottom:6px}.glass-preset-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (max-width:360px){.glass-preset-grid{grid-template-columns:repeat(2,1fr)}}.glass-preset-btn{min-height:44px;color:var(--text-secondary);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#00000047;border:1px solid #ffffff1f;border-color:#ffffff52 #ffffff1f #ffffff2e;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s,transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff47,inset 0 -1px .5px #ffffff24}:root[data-theme=light] .glass-preset-btn{background:#ffffff8c;border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:0 2px 6px #0000000d,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}.glass-preset-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover);border-top-color:#ffffff75;border-bottom-color:#ffffff3d;box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff73,inset 0 -1px .5px #fff3}:root[data-theme=light] .glass-preset-btn:hover{background:#0000000f;border-color:#fff #0000002e #ffffffbf}.glass-preset-btn:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}.glass-preset-btn.active{background:var(--accent)!important;color:var(--accent-on,#fff)!important;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent)!important;border-color:#ffffff8c #ffffff40 #ffffff4d!important}.glass-preset-name{pointer-events:none;font-size:11.5px;font-weight:700;line-height:1.2}.glass-preset-desc{opacity:.65;pointer-events:none;font-size:9.5px;font-weight:500;line-height:1.1}.glass-preset-btn.active .glass-preset-desc{opacity:.9}.glass-tuner-section{flex-direction:column;gap:2px;display:flex}.glass-tuner-modal-panel .dev-slider-label{justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.glass-tuner-modal-panel input[type=range]{margin-bottom:6px}.glass-section-divider{color:var(--accent);letter-spacing:.3px;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin:10px 0 6px;padding-top:8px;font-size:11px;font-weight:700;display:flex}.glass-engine-badge{color:var(--text-secondary);letter-spacing:.2px;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.glass-engine-badge.badge-chromium,.glass-engine-badge.badge-webgl,.glass-engine-badge.badge-safari{color:#0a84ff;background:#0a84ff1a;border-color:#0a84ff4d}.glass-engine-badge.badge-disabled{color:#ff9f0a;background:#ff9f0a1a;border-color:#ff9f0a4d}.glass-safari-note{color:var(--text-secondary);background:#0a84ff14;border:1px solid #0a84ff33;border-radius:8px;margin-top:4px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.45}.glass-tuner-actions{box-sizing:border-box;background:0 0;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;gap:8px;width:100%;margin:0;padding:8px 16px;display:flex}:root[data-theme=light] .glass-tuner-actions{border-top:1px solid #00000014}.glass-tuner-actions .btn-action{cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;min-height:32px;font-size:12px;font-weight:600;margin:0!important;padding:6px 10px!important}.glass-tuner-actions .btn-done{background:var(--accent);color:var(--accent-on,#fff);border:none}:root[data-glass-style=liquid] #minimap-bar,body[data-glass-style=liquid] #minimap-bar{background:rgba(var(--tint-color,25, 25, 30), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;border-bottom:.5px solid rgba(255, 255, 255, var(--liquid-border-opacity,.35))!important;box-shadow:inset 0 -1px .5px rgba(255, 255, 255, var(--liquid-specular-rim,.5)), 0 4px 16px #00000040!important}:root[data-theme=light][data-glass-style=liquid] #minimap-bar,[data-theme=light] body[data-glass-style=liquid] #minimap-bar{background:rgba(var(--tint-color,255, 255, 255), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;border-bottom:.5px solid #0000001f!important;box-shadow:inset 0 -1px .5px #ffffffd9,0 4px 16px #0000000f!important}:root[data-glass-style=liquid] #minimap-bar>*,body[data-glass-style=liquid] #minimap-bar>*{z-index:1;position:relative}:root[data-glass-style=liquid]:not([data-glass-effect=none]) #sfx-popup,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #sfx-popup,:root[data-glass-style=liquid]:not([data-glass-effect=none]) #metronome-slider-popup,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #metronome-slider-popup,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .layout-pill-popup,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .layout-pill-popup,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .layout-pill-btn.is-adjusting-height,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .layout-pill-btn.is-adjusting-height,:root[data-glass-style=liquid]:not([data-glass-effect=none]) #scale-overlay-popover,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #scale-overlay-popover,:root[data-glass-style=liquid]:not([data-glass-effect=none]) #color-wheel-popover,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #color-wheel-popover,:root[data-glass-style=liquid]:not([data-glass-effect=none]) [popover].glass-pane,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) [popover].glass-pane,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .popup-panel.glass-pane,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .popup-panel.glass-pane,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .midi-control-pad,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .midi-control-pad,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .floating-settings-btn,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .floating-settings-btn,:root[data-glass-style=liquid]:not([data-glass-effect=none]) .floating-scale-widget,body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .floating-scale-widget{background:rgba(var(--tint-color,25, 25, 30), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;border:.5px solid rgba(255, 255, 255, var(--liquid-border-opacity,.35))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.4) #00000073, inset 0 1px 1.5px rgba(255, 255, 255, var(--liquid-specular-rim,.6)), inset 0 -1.5px 3px #00000059, inset 0 0 0 .5px rgba(255, 255, 255, var(--liquid-border-opacity,.35)), inset 0 0 16px #ffffff08!important}:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) #sfx-popup,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #sfx-popup,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) #metronome-slider-popup,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #metronome-slider-popup,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .layout-pill-popup,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .layout-pill-popup,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .layout-pill-btn.is-adjusting-height,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .layout-pill-btn.is-adjusting-height,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) #scale-overlay-popover,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #scale-overlay-popover,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) #color-wheel-popover,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) #color-wheel-popover,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) [popover].glass-pane,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) [popover].glass-pane,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .popup-panel.glass-pane,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .popup-panel.glass-pane,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .midi-control-pad,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .midi-control-pad,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .floating-settings-btn,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .floating-settings-btn,:root[data-theme=light][data-glass-style=liquid]:not([data-glass-effect=none]) .floating-scale-widget,[data-theme=light] body[data-glass-style=liquid]:not([data-glass-effect=none]):not(.lite-engine-active) .floating-scale-widget{background:rgba(var(--tint-color,255, 255, 255), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.2) #0000001f, inset 0 1px 1.5px #fffffff2, inset 0 -1.5px 2px #00000014, inset 0 0 0 .5px #0000001a, inset 0 0 16px #fff3!important;border:.5px solid #00000026!important}:root[data-glass-style=liquid] #sfx-popup>*,body[data-glass-style=liquid] #sfx-popup>*,:root[data-glass-style=liquid] #metronome-slider-popup>*,body[data-glass-style=liquid] #metronome-slider-popup>*,:root[data-glass-style=liquid] .layout-pill-popup>*,body[data-glass-style=liquid] .layout-pill-popup>*,:root[data-glass-style=liquid] .layout-pill-btn.is-adjusting-height>*,body[data-glass-style=liquid] .layout-pill-btn.is-adjusting-height>*,:root[data-glass-style=liquid] #scale-overlay-popover>*,body[data-glass-style=liquid] #scale-overlay-popover>*,:root[data-glass-style=liquid] #color-wheel-popover>*,body[data-glass-style=liquid] #color-wheel-popover>*,:root[data-glass-style=liquid] [popover].glass-pane>*,body[data-glass-style=liquid] [popover].glass-pane>*,:root[data-glass-style=liquid] .popup-panel.glass-pane>*,body[data-glass-style=liquid] .popup-panel.glass-pane>*,:root[data-glass-style=liquid] .midi-control-pad>*,body[data-glass-style=liquid] .midi-control-pad>*,:root[data-glass-style=liquid] .floating-settings-btn>*,body[data-glass-style=liquid] .floating-settings-btn>*,:root[data-glass-style=liquid] .floating-scale-widget>*,body[data-glass-style=liquid] .floating-scale-widget>*{z-index:1;position:relative}:root[data-glass-style=liquid] .floating-settings-btn:hover,body[data-glass-style=liquid] .floating-settings-btn:hover{background:rgba(var(--tint-color,35, 35, 42), calc(var(--tint-opacity,.5) + .12))!important;border-color:rgba(255, 255, 255, calc(var(--liquid-border-opacity,.35) + .15))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.5) #00000080, inset 0 1px 1.5px rgba(255, 255, 255, calc(var(--liquid-specular-rim,.6) + .15)), inset 0 -1.5px 3px #00000059, inset 0 0 0 .5px rgba(255, 255, 255, calc(var(--liquid-border-opacity,.35) + .1)), inset 0 0 16px #ffffff0f!important}:root[data-glass-style=liquid] .floating-settings-btn:active,body[data-glass-style=liquid] .floating-settings-btn:active{background:rgba(var(--tint-color,20, 20, 24), calc(var(--tint-opacity,.5) + .2))!important;transform:scale(.92)!important;box-shadow:0 2px 8px #00000059,inset 0 1px 1.5px #ffffffe6,inset 0 -1.5px 3px #0006!important}:root[data-theme=light][data-glass-style=liquid] .floating-settings-btn:hover,[data-theme=light] body[data-glass-style=liquid] .floating-settings-btn:hover{background:rgba(var(--tint-color,255, 255, 255), calc(var(--tint-opacity,.5) + .15))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.3) #00000029, inset 0 1px 1.5px #fff, inset 0 -1.5px 2px #0000001f, inset 0 0 0 .5px #00000026, inset 0 0 16px #ffffff4d!important;border-color:#00000038!important}:root[data-theme=light][data-glass-style=liquid] .floating-settings-btn:active,[data-theme=light] body[data-glass-style=liquid] .floating-settings-btn:active{background:rgba(var(--tint-color,240, 240, 245), calc(var(--tint-opacity,.5) + .25))!important;transform:scale(.92)!important;box-shadow:0 2px 8px #0000001a,inset 0 1px 1.5px #fff,inset 0 -1.5px 2px #00000026!important}:root[data-glass-style=liquid] .train-complete-card,body[data-glass-style=liquid] .train-complete-card,:root[data-glass-style=liquid] #rating-prompt-card,body[data-glass-style=liquid] #rating-prompt-card,:root[data-glass-style=liquid] #toast,body[data-glass-style=liquid] #toast{color:var(--text-primary)!important;background:rgba(var(--tint-color,25, 25, 30), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;border:.5px solid rgba(255, 255, 255, var(--liquid-border-opacity,.35))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.4) #00000073, inset 0 1px 1.5px rgba(255, 255, 255, var(--liquid-specular-rim,.6)), inset 0 -1.5px 3px #00000059, inset 0 0 0 .5px rgba(255, 255, 255, var(--liquid-border-opacity,.35)), inset 0 0 16px #ffffff08!important}:root[data-theme=light][data-glass-style=liquid] .train-complete-card,[data-theme=light] body[data-glass-style=liquid] .train-complete-card,:root[data-theme=light][data-glass-style=liquid] #rating-prompt-card,[data-theme=light] body[data-glass-style=liquid] #rating-prompt-card,:root[data-theme=light][data-glass-style=liquid] #toast,[data-theme=light] body[data-glass-style=liquid] #toast{color:var(--text-primary)!important;background:rgba(var(--tint-color,255, 255, 255), var(--tint-opacity,.65))!important;box-shadow:0 var(--outer-shadow-blur,28px) calc(var(--outer-shadow-blur,28px) * 1.2) #0000001f, inset 0 1px 1.5px #fffffff2, inset 0 -1.5px 2px #00000014, inset 0 0 0 .5px #0000001a, inset 0 0 16px #fff3!important;border:.5px solid #00000026!important}@media (prefers-reduced-transparency:reduce){:root[data-glass-style=liquid] .modal-panel.glass-pane,body[data-glass-style=liquid] .modal-panel.glass-pane,.modal-panel.glass-pane,:root[data-glass-style=liquid] #minimap-bar,body[data-glass-style=liquid] #minimap-bar,:root[data-glass-style=liquid] #sfx-popup,body[data-glass-style=liquid] #sfx-popup,:root[data-glass-style=liquid] #metronome-slider-popup,body[data-glass-style=liquid] #metronome-slider-popup,:root[data-glass-style=liquid] .layout-pill-popup,body[data-glass-style=liquid] .layout-pill-popup,:root[data-glass-style=liquid] #scale-overlay-popover,body[data-glass-style=liquid] #scale-overlay-popover,:root[data-glass-style=liquid] #color-wheel-popover,body[data-glass-style=liquid] #color-wheel-popover,:root[data-glass-style=liquid] [popover].glass-pane,body[data-glass-style=liquid] [popover].glass-pane,:root[data-glass-style=liquid] .popup-panel,body[data-glass-style=liquid] .popup-panel,:root[data-glass-style=liquid] .train-complete-card,body[data-glass-style=liquid] .train-complete-card,:root[data-glass-style=liquid] #rating-prompt-card,body[data-glass-style=liquid] #rating-prompt-card,:root[data-glass-style=liquid] #toast,body[data-glass-style=liquid] #toast,:root[data-glass-style=liquid] .floating-settings-btn,body[data-glass-style=liquid] .floating-settings-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#18181bf5!important}:root[data-theme=light][data-glass-style=liquid] #toast,[data-theme=light] body[data-glass-style=liquid] #toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#f2f2f7f5!important}}:root[data-glass-effect=none],body[data-glass-effect=none]{--glass-blur-radius:0px!important;--glass-blur:none!important;--hud-bg:#3a3a3c!important;--panel-bg:#3a3a3c!important;--glass-bg-dark:#3a3a3c!important;--glass-bg-light:#48484a!important;--glass-border:1px solid #ffffff24!important}:root[data-theme=light][data-glass-effect=none],:root[data-theme=light] body[data-glass-effect=none],[data-theme=light] [data-glass-effect=none]{--hud-bg:#f2f2f7!important;--panel-bg:#f2f2f7!important;--glass-bg-dark:#f2f2f7!important;--glass-bg-light:#fff!important;--glass-border:1px solid #0000001f!important}:root[data-glass-effect=none] #minimap-bar,body[data-glass-effect=none] #minimap-bar,:root[data-glass-style][data-glass-effect=none] #minimap-bar,[data-glass-style] body[data-glass-effect=none] #minimap-bar,[data-glass-effect=none] #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#3a3a3c!important;border-bottom:1px solid #ffffff24!important}:root[data-theme=light][data-glass-effect=none] #minimap-bar,:root[data-theme=light] body[data-glass-effect=none] #minimap-bar,:root[data-theme=light][data-glass-style][data-glass-effect=none] #minimap-bar,[data-theme=light][data-glass-style] body[data-glass-effect=none] #minimap-bar,[data-theme=light] [data-glass-effect=none] #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:#f2f2f7!important;border-bottom:1px solid #0000001f!important}:root[data-glass-effect=contrast] #minimap-bar,body[data-glass-effect=contrast] #minimap-bar,:root[data-glass-style][data-glass-effect=contrast] #minimap-bar,[data-glass-style] body[data-glass-effect=contrast] #minimap-bar,[data-glass-effect=contrast] #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fff!important;box-shadow:none!important;background:#000!important;border-bottom:1px solid #ffffff38!important}:root[data-theme=light][data-glass-effect=contrast] #minimap-bar,:root[data-theme=light] body[data-glass-effect=contrast] #minimap-bar,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #minimap-bar,[data-theme=light][data-glass-style] body[data-glass-effect=contrast] #minimap-bar,[data-theme=light] [data-glass-effect=contrast] #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#000!important;box-shadow:none!important;background:#fff!important;border-bottom:1px solid #0000002e!important}[data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn){color:#fff!important;fill:#fff!important}[data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) .icon-svg{background-color:#fff!important}[data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) svg:not([fill=none]){fill:#fff!important}[data-glass-effect=contrast] #metronome-bpm,[data-glass-effect=contrast] #metronome-time-label,[data-glass-effect=contrast] .playback-time-row{color:#fff!important}:root[data-theme=light][data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn),[data-theme=light] [data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn){color:#000!important;fill:#000!important}:root[data-theme=light][data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) .icon-svg,[data-theme=light] [data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) .icon-svg{background-color:#000!important}:root[data-theme=light][data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .minimap-btn:not(.active):not(#hud-inst-btn):not(#hud-record-btn) svg:not([fill=none]){fill:#000!important}:root[data-theme=light][data-glass-effect=contrast] #metronome-bpm,:root[data-theme=light][data-glass-effect=contrast] #metronome-time-label,:root[data-theme=light][data-glass-effect=contrast] .playback-time-row,[data-theme=light] [data-glass-effect=contrast] #metronome-bpm,[data-theme=light] [data-glass-effect=contrast] #metronome-time-label,[data-theme=light] [data-glass-effect=contrast] .playback-time-row{color:#000!important}[data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-bg{stroke:#000!important}[data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-fg,:root[data-theme=light][data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-bg,[data-theme=light] [data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-bg{stroke:#fff!important}:root[data-theme=light][data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-fg,[data-theme=light] [data-glass-effect=contrast] .layout-pill-arrow-icon .arrow-stroke-fg{stroke:#000!important}:root[data-glass-effect=none] .modal-panel.glass-pane,:root[data-glass-style][data-glass-effect=none] .modal-panel.glass-pane,body[data-glass-style][data-glass-effect=none] .modal-panel.glass-pane,[data-glass-style] body[data-glass-effect=none] .modal-panel.glass-pane,[data-glass-effect=none] .modal-panel.glass-pane,[data-glass-effect=none] .modal-panel,:root[data-glass-effect=none] #sfx-popup,:root[data-glass-style][data-glass-effect=none] #sfx-popup,body[data-glass-style][data-glass-effect=none] #sfx-popup,[data-glass-style] body[data-glass-effect=none] #sfx-popup,[data-glass-effect=none] #sfx-popup,:root[data-glass-effect=none] #metronome-slider-popup,:root[data-glass-style][data-glass-effect=none] #metronome-slider-popup,body[data-glass-style][data-glass-effect=none] #metronome-slider-popup,[data-glass-style] body[data-glass-effect=none] #metronome-slider-popup,[data-glass-effect=none] #metronome-slider-popup,:root[data-glass-effect=none] .layout-pill-popup,:root[data-glass-style][data-glass-effect=none] .layout-pill-popup,body[data-glass-style][data-glass-effect=none] .layout-pill-popup,[data-glass-style] body[data-glass-effect=none] .layout-pill-popup,[data-glass-effect=none] .layout-pill-popup,:root[data-glass-effect=none] #scale-overlay-popover,:root[data-glass-style][data-glass-effect=none] #scale-overlay-popover,body[data-glass-style][data-glass-effect=none] #scale-overlay-popover,[data-glass-style] body[data-glass-effect=none] #scale-overlay-popover,[data-glass-effect=none] #scale-overlay-popover,:root[data-glass-effect=none] #color-wheel-popover,:root[data-glass-style][data-glass-effect=none] #color-wheel-popover,body[data-glass-style][data-glass-effect=none] #color-wheel-popover,[data-glass-style] body[data-glass-effect=none] #color-wheel-popover,[data-glass-effect=none] #color-wheel-popover,:root[data-glass-effect=none] .color-wheel-popover,:root[data-glass-style][data-glass-effect=none] .color-wheel-popover,body[data-glass-style][data-glass-effect=none] .color-wheel-popover,[data-glass-style] body[data-glass-effect=none] .color-wheel-popover,[data-glass-effect=none] .color-wheel-popover,:root[data-glass-effect=none] [popover].glass-pane,:root[data-glass-style][data-glass-effect=none] [popover].glass-pane,body[data-glass-style][data-glass-effect=none] [popover].glass-pane,[data-glass-style] body[data-glass-effect=none] [popover].glass-pane,[data-glass-effect=none] [popover].glass-pane,:root[data-glass-effect=none] .popup-panel,:root[data-glass-style][data-glass-effect=none] .popup-panel,body[data-glass-style][data-glass-effect=none] .popup-panel,[data-glass-style] body[data-glass-effect=none] .popup-panel,[data-glass-effect=none] .popup-panel,[data-glass-effect=none] .train-complete-card,[data-glass-effect=none] #rating-prompt-card,[data-glass-effect=none] #toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#3a3a3c!important;border:1px solid #ffffff24!important;box-shadow:0 16px 36px #0009!important}:root[data-theme=light][data-glass-effect=none] .modal-panel.glass-pane,:root[data-theme=light][data-glass-style][data-glass-effect=none] .modal-panel.glass-pane,:root[data-theme=light] body[data-glass-style][data-glass-effect=none] .modal-panel.glass-pane,[data-theme=light] body[data-glass-style][data-glass-effect=none] .modal-panel.glass-pane,:root[data-theme=light][data-glass-style] body[data-glass-effect=none] .modal-panel.glass-pane,[data-theme=light] [data-glass-effect=none] .modal-panel.glass-pane,[data-theme=light] [data-glass-effect=none] .modal-panel,:root[data-theme=light][data-glass-effect=none] #sfx-popup,:root[data-theme=light][data-glass-style][data-glass-effect=none] #sfx-popup,[data-theme=light] body[data-glass-style][data-glass-effect=none] #sfx-popup,[data-theme=light] [data-glass-effect=none] #sfx-popup,:root[data-theme=light][data-glass-effect=none] #metronome-slider-popup,:root[data-theme=light][data-glass-style][data-glass-effect=none] #metronome-slider-popup,[data-theme=light] body[data-glass-style][data-glass-effect=none] #metronome-slider-popup,[data-theme=light] [data-glass-effect=none] #metronome-slider-popup,:root[data-theme=light][data-glass-effect=none] .layout-pill-popup,:root[data-theme=light][data-glass-style][data-glass-effect=none] .layout-pill-popup,[data-theme=light] body[data-glass-style][data-glass-effect=none] .layout-pill-popup,[data-theme=light] [data-glass-effect=none] .layout-pill-popup,:root[data-theme=light][data-glass-effect=none] #scale-overlay-popover,:root[data-theme=light][data-glass-style][data-glass-effect=none] #scale-overlay-popover,[data-theme=light] body[data-glass-style][data-glass-effect=none] #scale-overlay-popover,[data-theme=light] [data-glass-effect=none] #scale-overlay-popover,:root[data-theme=light][data-glass-effect=none] #color-wheel-popover,:root[data-theme=light][data-glass-style][data-glass-effect=none] #color-wheel-popover,[data-theme=light] body[data-glass-style][data-glass-effect=none] #color-wheel-popover,[data-theme=light] [data-glass-effect=none] #color-wheel-popover,:root[data-theme=light][data-glass-effect=none] .color-wheel-popover,:root[data-theme=light][data-glass-style][data-glass-effect=none] .color-wheel-popover,[data-theme=light] body[data-glass-style][data-glass-effect=none] .color-wheel-popover,[data-theme=light] [data-glass-effect=none] .color-wheel-popover,:root[data-theme=light][data-glass-effect=none] [popover].glass-pane,:root[data-theme=light][data-glass-style][data-glass-effect=none] [popover].glass-pane,[data-theme=light] body[data-glass-style][data-glass-effect=none] [popover].glass-pane,[data-theme=light] [data-glass-effect=none] [popover].glass-pane,:root[data-theme=light][data-glass-effect=none] .popup-panel,:root[data-theme=light][data-glass-style][data-glass-effect=none] .popup-panel,[data-theme=light] body[data-glass-style][data-glass-effect=none] .popup-panel,[data-theme=light] [data-glass-effect=none] .popup-panel,[data-theme=light] [data-glass-effect=none] .train-complete-card,[data-theme=light] [data-glass-effect=none] #rating-prompt-card,[data-theme=light] [data-glass-effect=none] #toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#f2f2f7!important;border:1px solid #0000001f!important;box-shadow:0 16px 36px #0003!important}:root[data-glass-effect=contrast] .modal-panel.glass-pane,:root[data-glass-style][data-glass-effect=contrast] .modal-panel.glass-pane,body[data-glass-style][data-glass-effect=contrast] .modal-panel.glass-pane,[data-glass-style] body[data-glass-effect=contrast] .modal-panel.glass-pane,[data-glass-effect=contrast] .modal-panel.glass-pane,[data-glass-effect=contrast] .modal-panel,:root[data-glass-effect=contrast] #sfx-popup,:root[data-glass-style][data-glass-effect=contrast] #sfx-popup,body[data-glass-style][data-glass-effect=contrast] #sfx-popup,[data-glass-style] body[data-glass-effect=contrast] #sfx-popup,[data-glass-effect=contrast] #sfx-popup,:root[data-glass-effect=contrast] #metronome-slider-popup,:root[data-glass-style][data-glass-effect=contrast] #metronome-slider-popup,body[data-glass-style][data-glass-effect=contrast] #metronome-slider-popup,[data-glass-style] body[data-glass-effect=contrast] #metronome-slider-popup,[data-glass-effect=contrast] #metronome-slider-popup,:root[data-glass-effect=contrast] .layout-pill-popup,:root[data-glass-style][data-glass-effect=contrast] .layout-pill-popup,body[data-glass-style][data-glass-effect=contrast] .layout-pill-popup,[data-glass-style] body[data-glass-effect=contrast] .layout-pill-popup,[data-glass-effect=contrast] .layout-pill-popup,:root[data-glass-effect=contrast] #scale-overlay-popover,:root[data-glass-style][data-glass-effect=contrast] #scale-overlay-popover,body[data-glass-style][data-glass-effect=contrast] #scale-overlay-popover,[data-glass-style] body[data-glass-effect=contrast] #scale-overlay-popover,[data-glass-effect=contrast] #scale-overlay-popover,:root[data-glass-effect=contrast] #color-wheel-popover,:root[data-glass-style][data-glass-effect=contrast] #color-wheel-popover,body[data-glass-style][data-glass-effect=contrast] #color-wheel-popover,[data-glass-style] body[data-glass-effect=contrast] #color-wheel-popover,[data-glass-effect=contrast] #color-wheel-popover,:root[data-glass-effect=contrast] .color-wheel-popover,:root[data-glass-style][data-glass-effect=contrast] .color-wheel-popover,body[data-glass-style][data-glass-effect=contrast] .color-wheel-popover,[data-glass-style] body[data-glass-effect=contrast] .color-wheel-popover,[data-glass-effect=contrast] .color-wheel-popover,:root[data-glass-effect=contrast] [popover].glass-pane,:root[data-glass-style][data-glass-effect=contrast] [popover].glass-pane,body[data-glass-style][data-glass-effect=contrast] [popover].glass-pane,[data-glass-style] body[data-glass-effect=contrast] [popover].glass-pane,[data-glass-effect=contrast] [popover].glass-pane,:root[data-glass-effect=contrast] .popup-panel,:root[data-glass-style][data-glass-effect=contrast] .popup-panel,body[data-glass-style][data-glass-effect=contrast] .popup-panel,[data-glass-style] body[data-glass-effect=contrast] .popup-panel,[data-glass-effect=contrast] .popup-panel,[data-glass-effect=contrast] .train-complete-card,[data-glass-effect=contrast] #rating-prompt-card,[data-glass-effect=contrast] #toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#000!important;border:1px solid #ffffff38!important;box-shadow:0 16px 36px #000000e6!important}:root[data-theme=light][data-glass-effect=contrast] .modal-panel.glass-pane,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] .modal-panel.glass-pane,:root[data-theme=light] body[data-glass-style][data-glass-effect=contrast] .modal-panel.glass-pane,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] .modal-panel.glass-pane,:root[data-theme=light][data-glass-style] body[data-glass-effect=contrast] .modal-panel.glass-pane,[data-theme=light] [data-glass-effect=contrast] .modal-panel.glass-pane,[data-theme=light] [data-glass-effect=contrast] .modal-panel,:root[data-theme=light][data-glass-effect=contrast] #sfx-popup,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #sfx-popup,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] #sfx-popup,[data-theme=light] [data-glass-effect=contrast] #sfx-popup,:root[data-theme=light][data-glass-effect=contrast] #metronome-slider-popup,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #metronome-slider-popup,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] #metronome-slider-popup,[data-theme=light] [data-glass-effect=contrast] #metronome-slider-popup,:root[data-theme=light][data-glass-effect=contrast] .layout-pill-popup,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] .layout-pill-popup,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] .layout-pill-popup,[data-theme=light] [data-glass-effect=contrast] .layout-pill-popup,:root[data-theme=light][data-glass-effect=contrast] #scale-overlay-popover,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #scale-overlay-popover,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] #scale-overlay-popover,[data-theme=light] [data-glass-effect=contrast] #scale-overlay-popover,:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] #color-wheel-popover,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] #color-wheel-popover,[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover,:root[data-theme=light][data-glass-effect=contrast] .color-wheel-popover,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] .color-wheel-popover,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] .color-wheel-popover,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover,:root[data-theme=light][data-glass-effect=contrast] [popover].glass-pane,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] [popover].glass-pane,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] [popover].glass-pane,[data-theme=light] [data-glass-effect=contrast] [popover].glass-pane,:root[data-theme=light][data-glass-effect=contrast] .popup-panel,:root[data-theme=light][data-glass-style][data-glass-effect=contrast] .popup-panel,[data-theme=light] body[data-glass-style][data-glass-effect=contrast] .popup-panel,[data-theme=light] [data-glass-effect=contrast] .popup-panel,[data-theme=light] [data-glass-effect=contrast] .train-complete-card,[data-theme=light] [data-glass-effect=contrast] #rating-prompt-card,[data-theme=light] [data-glass-effect=contrast] #toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#fff!important;border:1px solid #0000002e!important;box-shadow:0 16px 36px #00000029!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-popover-tabs,[data-glass-effect=none] .color-wheel-popover .color-wheel-popover-tabs{background:#242426!important;border:1px solid #48484a!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn,[data-glass-effect=none] .color-wheel-popover .color-wheel-tab-btn{color:#a1a1a6!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn.active,[data-glass-effect=none] .color-wheel-popover .color-wheel-tab-btn.active{color:#fff!important;background:#48484a!important;box-shadow:0 1px 3px #0006!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset,[data-glass-effect=none] .color-wheel-popover .color-wheel-popover-reset{color:#e5e5ea!important;background:#2c2c2e!important;border:1px solid #48484a!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset:hover,[data-glass-effect=none] .color-wheel-popover .color-wheel-popover-reset:hover{color:#fff!important;background:#3a3a3c!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-hex-input,[data-glass-effect=none] .color-wheel-popover .color-wheel-hex-input{color:#fff!important;background:#242426!important;border:1px solid #48484a!important}[data-glass-effect=none] #color-wheel-popover .color-wheel-popover-header,[data-glass-effect=none] .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #48484a!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-popover-tabs,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-popover-tabs,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-popover-tabs{background:#e5e5ea!important;border:1px solid #d1d1d6!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-tab-btn{color:#636366!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn.active,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-tab-btn.active,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-tab-btn.active{color:#000!important;background:#fff!important;box-shadow:0 1px 3px #0000001f!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-popover-reset{color:#1c1c1e!important;background:#fff!important;border:1px solid #d1d1d6!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset:hover,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-popover-reset:hover,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-popover-reset:hover{color:#000!important;background:#e5e5ea!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-hex-input,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-hex-input,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-hex-input{color:#000!important;background:#fff!important;border:1px solid #d1d1d6!important}:root[data-theme=light][data-glass-effect=none] #color-wheel-popover .color-wheel-popover-header,:root[data-theme=light] [data-glass-effect=none] #color-wheel-popover .color-wheel-popover-header,[data-theme=light] [data-glass-effect=none] .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #d1d1d6!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-tabs,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-tabs{background:#111!important;border:1px solid #333!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-tab-btn{color:#888!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn.active,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-tab-btn.active{color:#fff!important;background:#2a2a2a!important;box-shadow:0 1px 3px #00000080!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-reset{color:#fff!important;background:#1a1a1a!important;border:1px solid #333!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset:hover,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-reset:hover{color:#fff!important;background:#2c2c2e!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-hex-input,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-hex-input{color:#fff!important;background:#111!important;border:1px solid #333!important}[data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-header,[data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #333!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-tabs,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-tabs,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-tabs{background:#f0f0f2!important;border:1px solid #ccc!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-tab-btn{color:#555!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn.active,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-tab-btn.active,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-tab-btn.active{color:#000!important;background:#fff!important;box-shadow:0 1px 3px #00000026!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-reset{color:#000!important;background:#fff!important;border:1px solid #ccc!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset:hover,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-reset:hover,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-reset:hover{color:#000!important;background:#e5e5ea!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-hex-input,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-hex-input,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-hex-input{color:#000!important;background:#fff!important;border:1px solid #ccc!important}:root[data-theme=light][data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-header,:root[data-theme=light] [data-glass-effect=contrast] #color-wheel-popover .color-wheel-popover-header,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #ccc!important}:root[data-theme=light] #toast,[data-theme=light] #toast{color:var(--text-primary)!important}[data-glass-effect=none] .liquid-glass-webgl-canvas,[data-glass-effect=contrast] .liquid-glass-webgl-canvas,[data-glass-effect=none] .blob,[data-glass-effect=none] .glass-blobs,[data-glass-effect=contrast] .blob,[data-glass-effect=contrast] .glass-blobs{display:none!important}[data-glass-effect=none] .glass-interactive,[data-glass-effect=none] .modal-panel .btn-action,[data-glass-effect=none] .modal-dialog .btn-action,[data-glass-effect=none] .btn-option,[data-glass-effect=none] .btn-square,[data-glass-effect=none] .btn-modal-done,[data-glass-effect=none] .btn-modal-cancel,[data-glass-effect=none] .btn-modal-confirm,[data-glass-effect=none] .btn-close,[data-glass-effect=none] .dropdown-trigger,[data-glass-effect=none] .dropdown-options,[data-glass-effect=none] .dropdown-option,[data-glass-effect=none] .modal-panel select,[data-glass-effect=none] .modal-overlay select,[data-glass-effect=none] .instrument-btn,[data-glass-effect=none] .inst-search-container,[data-glass-effect=none] .pe-btn-solid,[data-glass-effect=none] .pe-grid-btn,[data-glass-effect=none] .pe-zoom-btn,[data-glass-effect=none] .pe-btn-save,[data-glass-effect=none] .custom-color-top-btn,[data-glass-effect=none] .custom-color-footer-btn,[data-glass-effect=none] .custom-colors-btn-done,[data-glass-effect=none] .custom-scale-tab-btn,[data-glass-effect=none] .glass-preset-btn,[data-glass-effect=none] .glass-style-tab-btn,[data-glass-effect=none] #btn-send-mts-dump,[data-glass-effect=none] .pad-preset-btn,[data-glass-effect=none] .floating-settings-btn,[data-glass-effect=none] .floating-scale-widget,[data-glass-effect=none] .midi-control-pad,[data-glass-effect=none] .midi-pad-close-btn,[data-glass-effect=contrast] .glass-interactive,[data-glass-effect=contrast] .modal-panel .btn-action,[data-glass-effect=contrast] .modal-dialog .btn-action,[data-glass-effect=contrast] .btn-option,[data-glass-effect=contrast] .btn-square,[data-glass-effect=contrast] .btn-modal-done,[data-glass-effect=contrast] .btn-modal-cancel,[data-glass-effect=contrast] .btn-modal-confirm,[data-glass-effect=contrast] .btn-close,[data-glass-effect=contrast] .dropdown-trigger,[data-glass-effect=contrast] .dropdown-options,[data-glass-effect=contrast] .dropdown-option,[data-glass-effect=contrast] .modal-panel select,[data-glass-effect=contrast] .modal-overlay select,[data-glass-effect=contrast] .instrument-btn,[data-glass-effect=contrast] .inst-search-container,[data-glass-effect=contrast] .pe-btn-solid,[data-glass-effect=contrast] .pe-grid-btn,[data-glass-effect=contrast] .pe-zoom-btn,[data-glass-effect=contrast] .pe-btn-save,[data-glass-effect=contrast] .custom-color-top-btn,[data-glass-effect=contrast] .custom-color-footer-btn,[data-glass-effect=contrast] .custom-colors-btn-done,[data-glass-effect=contrast] .custom-scale-tab-btn,[data-glass-effect=contrast] .glass-preset-btn,[data-glass-effect=contrast] .glass-style-tab-btn,[data-glass-effect=contrast] #btn-send-mts-dump,[data-glass-effect=contrast] .pad-preset-btn,[data-glass-effect=contrast] .floating-settings-btn,[data-glass-effect=contrast] .floating-scale-widget,[data-glass-effect=contrast] .midi-control-pad,[data-glass-effect=contrast] .midi-pad-close-btn{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-glass-effect=none] .dropdown-trigger,[data-glass-effect=none] .dropdown-options,[data-glass-effect=none] .btn-option,[data-glass-effect=none] .btn-square,[data-glass-effect=none] .btn-modal-cancel,[data-glass-effect=none] .modal-panel select,[data-glass-effect=none] .modal-overlay select,[data-glass-effect=none] .instrument-btn,[data-glass-effect=none] .inst-search-container,[data-glass-effect=none] .pe-btn-solid,[data-glass-effect=none] .pe-grid-btn,[data-glass-effect=none] .pe-zoom-btn,[data-glass-effect=none] .custom-color-top-btn,[data-glass-effect=none] .custom-color-footer-btn,[data-glass-effect=none] .custom-scale-tab-btn,[data-glass-effect=none] .glass-preset-btn,[data-glass-effect=none] .glass-style-tab-btn,[data-glass-effect=none] #btn-send-mts-dump,[data-glass-effect=none] .pad-preset-btn,[data-glass-effect=none] .floating-settings-btn,[data-glass-effect=none] .floating-scale-widget,[data-glass-effect=none] .midi-control-pad,[data-glass-effect=none] .midi-pad-close-btn{border:1px solid #ffffff26!important}[data-glass-effect=contrast] .dropdown-trigger:not(.active),[data-glass-effect=contrast] .dropdown-options,[data-glass-effect=contrast] .btn-option:not(.active),[data-glass-effect=contrast] .btn-square:not(.active),[data-glass-effect=contrast] .btn-modal-cancel,[data-glass-effect=contrast] .modal-panel select,[data-glass-effect=contrast] .modal-overlay select,[data-glass-effect=contrast] .instrument-btn:not(.active),[data-glass-effect=contrast] .inst-search-container,[data-glass-effect=contrast] .pe-btn-solid:not(.active):not(.pe-btn-save),[data-glass-effect=contrast] .pe-grid-btn:not(.active),[data-glass-effect=contrast] .pe-zoom-btn,[data-glass-effect=contrast] .custom-color-top-btn:not(.active),[data-glass-effect=contrast] .custom-color-footer-btn:not(.active):not(.custom-colors-btn-done),[data-glass-effect=contrast] .custom-scale-tab-btn:not(.active),[data-glass-effect=contrast] .glass-preset-btn:not(.active),[data-glass-effect=contrast] .glass-style-tab-btn:not(.active),[data-glass-effect=contrast] #btn-send-mts-dump,[data-glass-effect=contrast] .pad-preset-btn:not(.active),[data-glass-effect=contrast] .floating-settings-btn,[data-glass-effect=contrast] .floating-scale-widget,[data-glass-effect=contrast] .midi-control-pad,[data-glass-effect=contrast] .midi-pad-close-btn{color:#fff!important;background:#111!important;border:1px solid #ffffff3d!important}[data-glass-effect=contrast] .btn-square:not(.active) .icon-svg,[data-glass-effect=contrast] .btn-option:not(.active) .icon-svg,[data-glass-effect=contrast] .pe-grid-btn:not(.active) .icon-svg,[data-glass-effect=contrast] .floating-settings-btn .icon-svg,[data-glass-effect=contrast] .floating-scale-widget .icon-svg,[data-glass-effect=contrast] .midi-pad-close-btn .icon-svg{color:#fff!important;background-color:#fff!important}[data-glass-effect=contrast] .btn-square:not(.active) svg:not([fill=none]),[data-glass-effect=contrast] .btn-option:not(.active) svg:not([fill=none]),[data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([fill=none]),[data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([fill=none]){fill:#fff!important}[data-glass-effect=contrast] .btn-square:not(.active) svg:not([stroke=none]),[data-glass-effect=contrast] .btn-option:not(.active) svg:not([stroke=none]),[data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([stroke=none]),[data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([stroke=none]){stroke:#fff!important}:root[data-theme=light][data-glass-effect=none] .dropdown-trigger,:root[data-theme=light][data-glass-effect=none] .dropdown-options,:root[data-theme=light][data-glass-effect=none] .btn-option,:root[data-theme=light][data-glass-effect=none] .btn-square,:root[data-theme=light][data-glass-effect=none] .btn-modal-cancel,:root[data-theme=light][data-glass-effect=none] .modal-panel select,:root[data-theme=light][data-glass-effect=none] .modal-overlay select,:root[data-theme=light][data-glass-effect=none] .instrument-btn,:root[data-theme=light][data-glass-effect=none] .inst-search-container,:root[data-theme=light][data-glass-effect=none] .pe-btn-solid,:root[data-theme=light][data-glass-effect=none] .pe-grid-btn,:root[data-theme=light][data-glass-effect=none] .pe-zoom-btn,:root[data-theme=light][data-glass-effect=none] .custom-color-top-btn,:root[data-theme=light][data-glass-effect=none] .custom-color-footer-btn,:root[data-theme=light][data-glass-effect=none] .custom-scale-tab-btn,:root[data-theme=light][data-glass-effect=none] .glass-preset-btn,:root[data-theme=light][data-glass-effect=none] .glass-style-tab-btn,:root[data-theme=light][data-glass-effect=none] #btn-send-mts-dump,:root[data-theme=light][data-glass-effect=none] .pad-preset-btn,:root[data-theme=light][data-glass-effect=none] .floating-settings-btn,:root[data-theme=light][data-glass-effect=none] .floating-scale-widget,:root[data-theme=light][data-glass-effect=none] .midi-control-pad,:root[data-theme=light][data-glass-effect=none] .midi-pad-close-btn,[data-theme=light] [data-glass-effect=none] .dropdown-trigger,[data-theme=light] [data-glass-effect=none] .dropdown-options,[data-theme=light] [data-glass-effect=none] .btn-option,[data-theme=light] [data-glass-effect=none] .btn-square,[data-theme=light] [data-glass-effect=none] .btn-modal-cancel,[data-theme=light] [data-glass-effect=none] .modal-panel select,[data-theme=light] [data-glass-effect=none] .modal-overlay select,[data-theme=light] [data-glass-effect=none] .instrument-btn,[data-theme=light] [data-glass-effect=none] .inst-search-container,[data-theme=light] [data-glass-effect=none] .pe-btn-solid,[data-theme=light] [data-glass-effect=none] .pe-grid-btn,[data-theme=light] [data-glass-effect=none] .pe-zoom-btn,[data-theme=light] [data-glass-effect=none] .custom-color-top-btn,[data-theme=light] [data-glass-effect=none] .custom-color-footer-btn,[data-theme=light] [data-glass-effect=none] .custom-scale-tab-btn,[data-theme=light] [data-glass-effect=none] .glass-preset-btn,[data-theme=light] [data-glass-effect=none] .glass-style-tab-btn,[data-theme=light] [data-glass-effect=none] #btn-send-mts-dump,[data-theme=light] [data-glass-effect=none] .pad-preset-btn,[data-theme=light] [data-glass-effect=none] .floating-settings-btn,[data-theme=light] [data-glass-effect=none] .floating-scale-widget,[data-theme=light] [data-glass-effect=none] .midi-control-pad,[data-theme=light] [data-glass-effect=none] .midi-pad-close-btn{border:1px solid #00000026!important}:root[data-theme=light][data-glass-effect=contrast] .dropdown-trigger:not(.active),:root[data-theme=light][data-glass-effect=contrast] .dropdown-options,:root[data-theme=light][data-glass-effect=contrast] .btn-option:not(.active),:root[data-theme=light][data-glass-effect=contrast] .btn-square:not(.active),:root[data-theme=light][data-glass-effect=contrast] .btn-modal-cancel,:root[data-theme=light][data-glass-effect=contrast] .modal-panel select,:root[data-theme=light][data-glass-effect=contrast] .modal-overlay select,:root[data-theme=light][data-glass-effect=contrast] .instrument-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .inst-search-container,:root[data-theme=light][data-glass-effect=contrast] .pe-btn-solid:not(.active):not(.pe-btn-save),:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .pe-zoom-btn,:root[data-theme=light][data-glass-effect=contrast] .custom-color-top-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .custom-color-footer-btn:not(.active):not(.custom-colors-btn-done),:root[data-theme=light][data-glass-effect=contrast] .custom-scale-tab-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .glass-preset-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .glass-style-tab-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] #btn-send-mts-dump,:root[data-theme=light][data-glass-effect=contrast] .pad-preset-btn:not(.active),:root[data-theme=light][data-glass-effect=contrast] .floating-settings-btn,:root[data-theme=light][data-glass-effect=contrast] .floating-scale-widget,:root[data-theme=light][data-glass-effect=contrast] .midi-control-pad,:root[data-theme=light][data-glass-effect=contrast] .midi-pad-close-btn,[data-theme=light] [data-glass-effect=contrast] .dropdown-trigger:not(.active),[data-theme=light] [data-glass-effect=contrast] .dropdown-options,[data-theme=light] [data-glass-effect=contrast] .btn-option:not(.active),[data-theme=light] [data-glass-effect=contrast] .btn-square:not(.active),[data-theme=light] [data-glass-effect=contrast] .btn-modal-cancel,[data-theme=light] [data-glass-effect=contrast] .modal-panel select,[data-theme=light] [data-glass-effect=contrast] .modal-overlay select,[data-theme=light] [data-glass-effect=contrast] .instrument-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .inst-search-container,[data-theme=light] [data-glass-effect=contrast] .pe-btn-solid:not(.active):not(.pe-btn-save),[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .pe-zoom-btn,[data-theme=light] [data-glass-effect=contrast] .custom-color-top-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .custom-color-footer-btn:not(.active):not(.custom-colors-btn-done),[data-theme=light] [data-glass-effect=contrast] .custom-scale-tab-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .glass-preset-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .glass-style-tab-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] #btn-send-mts-dump,[data-theme=light] [data-glass-effect=contrast] .pad-preset-btn:not(.active),[data-theme=light] [data-glass-effect=contrast] .floating-settings-btn,[data-theme=light] [data-glass-effect=contrast] .floating-scale-widget,[data-theme=light] [data-glass-effect=contrast] .midi-control-pad,[data-theme=light] [data-glass-effect=contrast] .midi-pad-close-btn{color:#000!important;background:#fff!important;border:1px solid #0003!important}:root[data-theme=light][data-glass-effect=contrast] .btn-square:not(.active) .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .btn-option:not(.active) .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn:not(.active) .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .floating-settings-btn .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .floating-scale-widget .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .midi-pad-close-btn .icon-svg,[data-theme=light] [data-glass-effect=contrast] .btn-square:not(.active) .icon-svg,[data-theme=light] [data-glass-effect=contrast] .btn-option:not(.active) .icon-svg,[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn:not(.active) .icon-svg,[data-theme=light] [data-glass-effect=contrast] .floating-settings-btn .icon-svg,[data-theme=light] [data-glass-effect=contrast] .floating-scale-widget .icon-svg,[data-theme=light] [data-glass-effect=contrast] .midi-pad-close-btn .icon-svg{color:#000!important;background-color:#000!important}:root[data-theme=light][data-glass-effect=contrast] .btn-square:not(.active) svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-option:not(.active) svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .btn-square:not(.active) svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .btn-option:not(.active) svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([fill=none]){fill:#000!important}:root[data-theme=light][data-glass-effect=contrast] .btn-square:not(.active) svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-option:not(.active) svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .btn-square:not(.active) svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .btn-option:not(.active) svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn:not(.active) svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .dropdown-trigger:not(.active) svg:not([stroke=none]){stroke:#000!important}[data-glass-effect=contrast] .btn-square.active,[data-glass-effect=contrast] .btn-option.active,[data-glass-effect=contrast] .glass-interactive.active,[data-glass-effect=contrast] .pe-grid-btn.active,[data-glass-effect=contrast] .custom-scale-tab-btn.active,[data-glass-effect=contrast] .glass-preset-btn.active,[data-glass-effect=contrast] .glass-style-tab-btn.active,[data-glass-effect=contrast] .pad-preset-btn.active,[data-glass-effect=contrast] .dropdown-option.selected,[data-glass-effect=contrast] .custom-tool-pill.active,:root[data-theme=light][data-glass-effect=contrast] .btn-square.active,:root[data-theme=light][data-glass-effect=contrast] .btn-option.active,:root[data-theme=light][data-glass-effect=contrast] .glass-interactive.active,:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn.active,:root[data-theme=light][data-glass-effect=contrast] .custom-scale-tab-btn.active,:root[data-theme=light][data-glass-effect=contrast] .glass-preset-btn.active,:root[data-theme=light][data-glass-effect=contrast] .glass-style-tab-btn.active,:root[data-theme=light][data-glass-effect=contrast] .pad-preset-btn.active,:root[data-theme=light][data-glass-effect=contrast] .dropdown-option.selected,:root[data-theme=light][data-glass-effect=contrast] .custom-tool-pill.active,[data-theme=light] [data-glass-effect=contrast] .btn-square.active,[data-theme=light] [data-glass-effect=contrast] .btn-option.active,[data-theme=light] [data-glass-effect=contrast] .glass-interactive.active,[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn.active,[data-theme=light] [data-glass-effect=contrast] .custom-scale-tab-btn.active,[data-theme=light] [data-glass-effect=contrast] .glass-preset-btn.active,[data-theme=light] [data-glass-effect=contrast] .glass-style-tab-btn.active,[data-theme=light] [data-glass-effect=contrast] .pad-preset-btn.active,[data-theme=light] [data-glass-effect=contrast] .dropdown-option.selected,[data-theme=light] [data-glass-effect=contrast] .custom-tool-pill.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-on,#fff)!important}[data-glass-effect=contrast] .btn-square.active .icon-svg,[data-glass-effect=contrast] .btn-option.active .icon-svg,[data-glass-effect=contrast] .glass-interactive.active .icon-svg,[data-glass-effect=contrast] .pe-grid-btn.active .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .btn-square.active .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .btn-option.active .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .glass-interactive.active .icon-svg,:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn.active .icon-svg,[data-theme=light] [data-glass-effect=contrast] .btn-square.active .icon-svg,[data-theme=light] [data-glass-effect=contrast] .btn-option.active .icon-svg,[data-theme=light] [data-glass-effect=contrast] .glass-interactive.active .icon-svg,[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn.active .icon-svg{background-color:var(--accent-on,#fff)!important;color:var(--accent-on,#fff)!important}[data-glass-effect=contrast] .btn-square.active svg,[data-glass-effect=contrast] .btn-option.active svg,[data-glass-effect=contrast] .glass-interactive.active svg,[data-glass-effect=contrast] .pe-grid-btn.active svg,:root[data-theme=light][data-glass-effect=contrast] .btn-square.active svg,:root[data-theme=light][data-glass-effect=contrast] .btn-option.active svg,:root[data-theme=light][data-glass-effect=contrast] .glass-interactive.active svg,:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn.active svg,[data-theme=light] [data-glass-effect=contrast] .btn-square.active svg,[data-theme=light] [data-glass-effect=contrast] .btn-option.active svg,[data-theme=light] [data-glass-effect=contrast] .glass-interactive.active svg,[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn.active svg{color:var(--accent-on,#fff)!important}[data-glass-effect=contrast] .btn-square.active svg:not([stroke=none]),[data-glass-effect=contrast] .btn-option.active svg:not([stroke=none]),[data-glass-effect=contrast] .glass-interactive.active svg:not([stroke=none]),[data-glass-effect=contrast] .pe-grid-btn.active svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-square.active svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-option.active svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .glass-interactive.active svg:not([stroke=none]),:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn.active svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .btn-square.active svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .btn-option.active svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .glass-interactive.active svg:not([stroke=none]),[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn.active svg:not([stroke=none]){stroke:var(--accent-on,#fff)!important}[data-glass-effect=contrast] .btn-square.active svg:not([fill=none]),[data-glass-effect=contrast] .btn-option.active svg:not([fill=none]),[data-glass-effect=contrast] .glass-interactive.active svg:not([fill=none]),[data-glass-effect=contrast] .pe-grid-btn.active svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-square.active svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .btn-option.active svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .glass-interactive.active svg:not([fill=none]),:root[data-theme=light][data-glass-effect=contrast] .pe-grid-btn.active svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .btn-square.active svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .btn-option.active svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .glass-interactive.active svg:not([fill=none]),[data-theme=light] [data-glass-effect=contrast] .pe-grid-btn.active svg:not([fill=none]){fill:var(--accent-on,#fff)!important}[data-glass-effect=contrast] .text-accent,[data-glass-effect=contrast] .accent-text,[data-glass-effect=contrast] [data-accent],[data-glass-effect=contrast] .link-accent,:root[data-theme=light][data-glass-effect=contrast] .text-accent,:root[data-theme=light][data-glass-effect=contrast] .accent-text,:root[data-theme=light][data-glass-effect=contrast] [data-accent],:root[data-theme=light][data-glass-effect=contrast] .link-accent,[data-theme=light] [data-glass-effect=contrast] .text-accent,[data-theme=light] [data-glass-effect=contrast] .accent-text,[data-theme=light] [data-glass-effect=contrast] [data-accent],[data-theme=light] [data-glass-effect=contrast] .link-accent{color:var(--accent)!important}[data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-name,:root[data-theme=light][data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-name,[data-theme=light] [data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-name{color:var(--group-color,var(--accent))!important}[data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-badge,[data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag,:root[data-theme=light][data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-badge,:root[data-theme=light][data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag,[data-theme=light] [data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-badge,[data-theme=light] [data-glass-effect=contrast] #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag{background:var(--group-color,var(--accent))!important;color:#fff!important;border-color:#0000!important}[data-glass-effect=contrast] .instrument-btn.selected:not(.active),:root[data-theme=light][data-glass-effect=contrast] .instrument-btn.selected:not(.active),[data-theme=light] [data-glass-effect=contrast] .instrument-btn.selected:not(.active){color:var(--accent)!important;border-color:var(--accent)!important}[data-glass-effect=contrast] .instrument-btn.selected:not(.active) .inst-icon,:root[data-theme=light][data-glass-effect=contrast] .instrument-btn.selected:not(.active) .inst-icon,[data-theme=light] [data-glass-effect=contrast] .instrument-btn.selected:not(.active) .inst-icon{background-color:var(--accent)!important}dialog.modal-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding-top:var(--modal-top-offset);padding-bottom:var(--modal-bottom-offset);z-index:5000;box-sizing:border-box;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:none;position:fixed;inset:0;overflow:hidden}#info-modal{z-index:6100}#train-modal{z-index:6200}#auth-modal{z-index:7000;pointer-events:auto}#scale-guide-modal{z-index:7200}dialog.modal-dialog.modal-pinned{pointer-events:none!important}dialog.modal-dialog.modal-pinned .modal-panel{pointer-events:auto!important}#glass-tuner-modal{z-index:7500;pointer-events:auto}#battery-modal{z-index:9998}#confirmation-modal,#rename-modal,#custom-scale-modal,#language-modal{z-index:9999;pointer-events:auto}#battery-modal .modal-panel{text-align:center;border:1px solid #ffffff1a;max-width:320px}.battery-modal-icon{margin-bottom:10px;font-size:40px}.battery-modal-title{color:var(--text-primary);margin-top:0}.battery-modal-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.battery-modal-actions{gap:10px;margin-top:25px;display:flex}#btn-battery-optimize{background:var(--accent);color:#000;border:none;border-radius:12px;flex:1.2;padding:12px;font-size:14px;font-weight:700}#btn-battery-later{color:var(--text-primary);border:none;border-radius:12px;flex:1;padding:12px;font-size:14px}#confirmation-modal .modal-panel{text-align:center;max-width:350px}#confirm-title{color:#ff3b30;margin-top:0}#confirm-message{color:var(--text-secondary);margin:15px 0}.confirmation-modal-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}#rename-modal .modal-panel{text-align:center;width:90%;max-width:380px}#rename-title{color:var(--accent,#3897f0);margin-top:0}.rename-input-wrapper{margin:15px 0}#rename-input{background:var(--glass-bg-dark);border:var(--glass-border);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:12px;font-size:15px;transition:border-color .2s}.rename-modal-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}#btn-rename-confirm{min-width:100px}dialog.modal-dialog:focus,.modal-panel:focus{box-shadow:none!important;outline:none!important}dialog.modal-dialog :focus:not(:focus-visible){box-shadow:none!important;outline:none!important}dialog.modal-dialog :focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}dialog.modal-dialog h2:focus-visible{box-shadow:none!important;outline:none!important}dialog.modal-dialog [tabindex="-1"]:focus-visible{box-shadow:none!important;outline:none!important}dialog.modal-dialog[open]{display:flex}dialog.modal-dialog::backdrop{pointer-events:none;background:0 0}.modal-panel{pointer-events:auto;color:var(--text-primary);text-align:center;box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;opacity:1;will-change:transform, opacity;width:90%;max-width:1000px;max-height:calc(100% - 20px);margin-top:0;margin-bottom:auto;padding:24px;position:relative;transform:translateZ(0);touch-action:pan-y!important;overflow-y:auto!important}.modal-panel.glass-pane{background:var(--glass-bg-dark)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;isolation:isolate!important;background-clip:padding-box!important}:root[data-theme=light] .modal-panel.glass-pane{background:var(--glass-bg-light)!important;border:var(--glass-border)!important}:root[data-glass-style=liquid] .modal-panel.glass-pane,body[data-glass-style=liquid] .modal-panel.glass-pane{z-index:1!important;background:rgba(var(--tint-color,25, 25, 30), var(--tint-opacity,.5))!important;-webkit-backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;backdrop-filter:blur(var(--glass-blur-radius,3px)) saturate(var(--glass-saturate,120%))!important;border:.5px solid rgba(255, 255, 255, var(--liquid-border-opacity,.35))!important;border-radius:var(--glass-radius,28px)!important;box-shadow:0 var(--outer-shadow-blur,32px) calc(var(--outer-shadow-blur,32px) * 1.4) #00000073, inset 0 1px 1.5px rgba(255, 255, 255, var(--liquid-specular-rim,.6)), inset 0 -1.5px 3px #00000059, inset 0 0 0 .5px rgba(255, 255, 255, var(--liquid-border-opacity,.35)), inset 0 0 20px #ffffff08!important;position:relative!important}:root[data-theme=light][data-glass-style=liquid] .modal-panel.glass-pane,[data-theme=light] body[data-glass-style=liquid] .modal-panel.glass-pane{background:rgba(var(--tint-color,255, 255, 255), var(--tint-opacity,.5))!important;box-shadow:0 var(--outer-shadow-blur,32px) calc(var(--outer-shadow-blur,32px) * 1.2) #0000001f, inset 0 1px 1.5px #fffffff2, inset 0 -1.5px 2px #00000014, inset 0 0 0 .5px #0000001a, inset 0 0 20px #fff3!important;border:.5px solid #00000026!important}:root[data-glass-style=liquid] .modal-panel.glass-pane>*,body[data-glass-style=liquid] .modal-panel.glass-pane>*{z-index:1;position:relative}.modal-panel.glass-pane:before{display:none!important}dialog.modal-dialog.modal-stacked,dialog.modal-dialog[open]~dialog.modal-dialog[open]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:auto!important;background:0 0!important}:root[data-theme=light] dialog.modal-dialog.modal-stacked,:root[data-theme=light] dialog.modal-dialog[open]~dialog.modal-dialog[open]{background:0 0!important}dialog.modal-dialog.modal-under-stacked{pointer-events:none!important}dialog.modal-dialog.modal-under-stacked .modal-panel{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}dialog.modal-dialog.modal-stacked .modal-panel,dialog.modal-dialog[open]~dialog.modal-dialog[open] .modal-panel,.modal-panel-stacked{box-shadow:0 var(--outer-shadow-blur,36px) calc(var(--outer-shadow-blur,36px) * 1.6) #0000008c, inset 0 1px 1.5px rgba(255, 255, 255, var(--liquid-specular-rim,.6)), inset 0 -1.5px 3px #00000059, inset 0 0 0 .5px rgba(255, 255, 255, var(--liquid-border-opacity,.35)), inset 0 0 24px #ffffff0a!important}:root[data-theme=light] dialog.modal-dialog.modal-stacked .modal-panel,:root[data-theme=light] dialog.modal-dialog[open]~dialog.modal-dialog[open] .modal-panel,:root[data-theme=light] .modal-panel-stacked{box-shadow:0 var(--outer-shadow-blur,36px) calc(var(--outer-shadow-blur,36px) * 1.3) #00000029, inset 0 1px 1.5px #fffffff2, inset 0 -1.5px 2px #00000014, inset 0 0 0 .5px #0000001a, inset 0 0 24px #ffffff40!important}.modal-panel h2{color:var(--accent);font-size:var(--font-display);text-align:center;letter-spacing:.5px;margin-top:0;margin-bottom:8px;font-weight:700}.modal-panel h3{font-size:var(--font-heading);color:var(--text-primary);letter-spacing:.5px;margin:15px 0 8px;font-weight:600}.modal-panel p{font-size:var(--font-body);color:var(--text-secondary);margin-bottom:15px;line-height:1.6}.modal-panel small{font-size:var(--font-small);color:#777;text-align:center;margin-top:10px;display:block}#premium-modal h2{margin-top:10px;font-size:24px}.premium-options{width:100%}@media (min-width:1024px){.modal-panel{border-radius:var(--glass-radius,24px);max-width:1000px;padding:40px}}@media (max-width:932px){dialog.modal-dialog{padding-top:calc(var(--modal-top-offset) + 2px);padding-bottom:calc(var(--modal-bottom-offset) + 2px);align-items:flex-start}.modal-panel{width:90%;max-width:1000px;margin-top:0;margin-bottom:auto}}@media (max-width:600px) and (orientation:portrait){.modal-panel{width:90%;max-width:80%;max-height:calc(100% - 20px)}.modal-panel h2{margin-bottom:5px;font-size:18px}.modal-panel h3{margin:10px 0 5px;font-size:13px}.modal-panel p{margin-bottom:10px;font-size:11px}}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){dialog.modal-dialog,#quick-settings-modal{padding-top:max(calc(var(--modal-top-offset,0px) + 2px), 6px)!important;padding-bottom:max(calc(var(--modal-bottom-offset,0px) + 6px), calc(var(--ad-actual-height,0px) + 6px))!important;align-items:flex-start!important}.modal-panel{border-radius:var(--glass-radius,24px)!important;width:95%!important;max-height:100%!important;padding:12px!important}.modal-panel h2,.modal-panel .modal-title,.modal-panel .settings-title,.modal-panel .midi-modal-title,.modal-panel .battery-modal-title,.modal-panel .train-modal-title,.glass-tuner-header,.qs-modal-header,.custom-colors-modal-header{display:none!important}.qs-col .qs-header{display:block!important}.settings-modal-header,.custom-scale-header,.modal-header-row{min-height:0!important;margin-bottom:0!important;padding:0!important}body.hide-x-buttons .settings-modal-header,body.hide-x-buttons .custom-scale-header,body.hide-x-buttons .modal-header-row{display:none!important}.modal-panel p{margin-bottom:8px!important;font-size:10px!important}.btn-close{min-height:auto!important;margin-top:5px!important;padding:6px 15px!important;font-size:11px!important}}body.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.hud-sliding-out dialog.modal-dialog{padding-top:max(env(safe-area-inset-top,0px), 10px)!important}@media (orientation:portrait){body.fullscreen-mode.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-modal-preview.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-mode.hud-sliding-out dialog.modal-dialog,body.fullscreen-modal-preview.hud-sliding-out dialog.modal-dialog{padding-top:max(calc(var(--cutout-bottom,0px) + 8px), env(safe-area-inset-top,0px), 10px)!important}body.cutout-type-dynamic_island.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.cutout-type-dynamic_island.hud-sliding-out dialog.modal-dialog,body.ios-profile-dynamic_island.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.ios-profile-dynamic_island.hud-sliding-out dialog.modal-dialog{padding-top:max(calc(var(--cutout-bottom,48px) + 10px), calc(env(safe-area-inset-top,0px) + 10px), 58px)!important}body.fullscreen-mode.cutout-type-punch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-modal-preview.cutout-type-punch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-mode.cutout-type-punch.hud-sliding-out dialog.modal-dialog,body.fullscreen-modal-preview.cutout-type-punch.hud-sliding-out dialog.modal-dialog{padding-top:max(calc(var(--cutout-bottom,42px) + 10px), 52px)!important}body.cutout-type-notch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.cutout-type-notch.hud-sliding-out dialog.modal-dialog,body.ios-profile-notch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.ios-profile-notch.hud-sliding-out dialog.modal-dialog{padding-top:max(calc(var(--cutout-bottom,35px) + 9px), calc(env(safe-area-inset-top,0px) + 9px), 44px)!important}body.fullscreen-mode.cutout-present.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-modal-preview.cutout-present.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-mode.cutout-present.hud-sliding-out dialog.modal-dialog,body.fullscreen-modal-preview.cutout-present.hud-sliding-out dialog.modal-dialog,body.cutout-type-dynamic_island.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.cutout-type-dynamic_island.hud-sliding-out dialog.modal-dialog,body.ios-profile-dynamic_island.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.ios-profile-dynamic_island.hud-sliding-out dialog.modal-dialog,body.cutout-type-notch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.cutout-type-notch.hud-sliding-out dialog.modal-dialog,body.ios-profile-notch.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.ios-profile-notch.hud-sliding-out dialog.modal-dialog{align-items:flex-start!important}}@media (orientation:landscape){body.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.hud-sliding-out dialog.modal-dialog,body.fullscreen-mode.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-modal-preview.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.fullscreen-mode.hud-sliding-out dialog.modal-dialog,body.fullscreen-modal-preview.hud-sliding-out dialog.modal-dialog{padding-top:max(env(safe-area-inset-top,0px), 6px)!important}}body.ad-bot dialog.modal-dialog{padding-bottom:max(calc(var(--modal-bottom-offset,0px) + 6px), calc(var(--ad-actual-height,50px) + 6px), 56px)!important}body.ad-bot .modal-panel{max-height:calc(100% - 4px)!important}body.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.hud-sliding-out dialog.modal-dialog{padding-bottom:max(calc(var(--modal-bottom-offset,0px) + 8px), calc(var(--safe-area-inset-bottom,0px) + 8px), 16px)!important}body.ad-bot.hud-hidden:not(.hud-sliding-in) dialog.modal-dialog,body.ad-bot.hud-sliding-out dialog.modal-dialog{padding-bottom:max(calc(var(--modal-bottom-offset,60px) + 8px), calc(var(--ad-actual-height,60px) + 8px), 68px)!important}body.hud-hidden:not(.hud-sliding-in) .modal-panel,body.hud-sliding-out .modal-panel{max-height:calc(100% - 8px)!important}body.keyboard-visible dialog.modal-dialog,body.keyboard-visible.ad-bot dialog.modal-dialog,body.keyboard-visible.hud-hidden dialog.modal-dialog{padding-bottom:calc(var(--modal-bottom-offset,0px) + var(--keyboard-height,0px) + 8px)!important}body.keyboard-visible .modal-panel{max-height:calc(100vh - var(--modal-top-offset,60px) - var(--keyboard-height,0px) - 16px)!important}@media (max-height:500px) and (orientation:landscape){body.keyboard-visible dialog.modal-dialog,body.keyboard-visible.ad-bot dialog.modal-dialog,body.keyboard-visible.hud-hidden dialog.modal-dialog{padding-top:max(var(--safe-area-inset-top,0px), 4px)!important;padding-bottom:calc(var(--keyboard-height,0px) + 4px)!important}body.keyboard-visible .modal-panel{max-height:calc(100vh - var(--keyboard-height,0px) - 8px)!important}}body.fullscreen-mode.cutout-present.hud-hidden:not(.hud-sliding-in) .modal-panel,body.fullscreen-modal-preview.cutout-present.hud-hidden:not(.hud-sliding-in) .modal-panel,body.fullscreen-mode.cutout-present.hud-sliding-out .modal-panel,body.fullscreen-modal-preview.cutout-present.hud-sliding-out .modal-panel,body.cutout-type-dynamic_island.hud-hidden:not(.hud-sliding-in) .modal-panel,body.cutout-type-dynamic_island.hud-sliding-out .modal-panel,body.ios-profile-dynamic_island.hud-hidden:not(.hud-sliding-in) .modal-panel,body.ios-profile-dynamic_island.hud-sliding-out .modal-panel,body.cutout-type-notch.hud-hidden:not(.hud-sliding-in) .modal-panel,body.cutout-type-notch.hud-sliding-out .modal-panel,body.ios-profile-notch.hud-hidden:not(.hud-sliding-in) .modal-panel,body.ios-profile-notch.hud-sliding-out .modal-panel{max-height:calc(100% - 8px)!important;margin-top:0!important}dialog.modal-dialog.bottom-sheet{align-items:center;padding:20px}dialog.modal-dialog.bottom-sheet .modal-panel{border-radius:var(--glass-radius,24px);box-sizing:border-box;border:1px solid #ffffff2e;width:100%;max-width:480px;margin:0 auto;padding:24px;box-shadow:0 12px 40px #000000a6}.feedback-header{text-align:center;margin-bottom:20px;padding-right:15px}.feedback-header h2{color:var(--accent)!important;margin:0 0 6px!important;font-size:1.25rem!important}.feedback-subtitle{color:var(--text-secondary)!important;margin:0!important;font-size:12px!important;line-height:1.4!important}.segmented-control{background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-segmented,14px);box-sizing:border-box;margin-bottom:16px;padding:3px;display:flex}.segment{color:var(--text-secondary);border-radius:var(--radius-segment,11px);cursor:pointer;background:0 0;border:none;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.segment:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.segment.active{background:var(--glass-bg-active);color:var(--accent);box-shadow:0 2px 8px #00000026}.feedback-input-email{background:var(--glass-bg-dark);border:var(--glass-border);border-radius:var(--radius-input,14px);width:100%;height:46px;color:var(--text-primary);box-sizing:border-box;outline:none;margin-bottom:12px;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.feedback-input-email:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.feedback-input-email::placeholder{color:var(--text-muted)}.feedback-textarea{background:var(--glass-bg-dark);border:var(--glass-border);border-radius:var(--radius-textarea,14px);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;outline:none;min-height:100px;max-height:240px;margin-bottom:16px;padding:14px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .2s,box-shadow .2s;overflow-y:auto}.feedback-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.feedback-textarea::placeholder{color:var(--text-muted)}.transparency-pill{background:color-mix(in srgb, var(--accent) 5%, #1565c014);border:1px solid color-mix(in srgb, var(--accent) 15%, #1565c026);border-radius:var(--radius-pill,14px);text-align:left;box-sizing:border-box;align-items:flex-start;gap:10px;margin-bottom:22px;padding:12px 14px;display:flex}.transparency-pill .info-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.transparency-pill .info-icon svg{width:15px;height:15px;color:var(--accent);margin-top:1px}.transparency-pill .transparency-text{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.45}.feedback-submit-btn{cursor:pointer;width:100%;box-shadow:0 4px 15px color-mix(in srgb, var(--accent) 25%, transparent);text-transform:none;letter-spacing:.2px;outline:none;justify-content:center;align-items:center;gap:8px;transition:transform .2s,filter .2s,box-shadow .2s;display:flex;background:var(--accent)!important;color:var(--accent-on)!important;border-radius:var(--radius-submit,14px)!important;border:none!important;padding:14px!important;font-size:14px!important;font-weight:800!important}.feedback-submit-btn:hover{filter:brightness(1.08);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.feedback-submit-btn:active{transform:translateY(1px)}.feedback-submit-btn:disabled,.feedback-submit-btn.loading{opacity:.65;cursor:not-allowed;pointer-events:none;animation:1.5s ease-in-out infinite feedback-btn-pulse;box-shadow:none!important;filter:none!important;transform:none!important}@keyframes feedback-btn-pulse{0%{opacity:.6}50%{opacity:.85}to{opacity:.6}}.feedback-submit-btn.loading .submit-icon{display:none!important}.scrollable-label{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.scrollable-label::-webkit-scrollbar{display:none}:where([popover]){box-shadow:none;background:0 0;border:none;margin:0;padding:0;overflow:visible}[popover]:not(:popover-open){display:none!important}.rating-prompt-card{bottom:calc(var(--hud-height,60px) + 16px + env(safe-area-inset-bottom,0px));z-index:5500;background:var(--glass-bg-dark,#191919bf);width:calc(100vw - 32px);max-width:360px;-webkit-backdrop-filter:var(--glass-blur,blur(10px) saturate(190%));border:var(--glass-border,.5px solid #fff2);border-radius:var(--glass-radius,24px);box-sizing:border-box;pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;padding:16px 18px;display:flex;position:fixed;left:0;right:0;box-shadow:0 16px 40px #0009,inset 0 0 0 .5px #ffffff14}.rating-prompt-card.hidden{display:none!important}@media (max-width:600px){.rating-prompt-card{border-radius:var(--glass-radius,24px);width:calc(100vw - 24px);max-width:360px;margin:0 auto;left:0;right:0}}.rating-prompt-animate-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards ratingPromptSlideIn}.rating-prompt-animate-out{animation:.22s cubic-bezier(.16,1,.3,1) forwards ratingPromptSlideOut}@keyframes ratingPromptSlideIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ratingPromptSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.96)}}.rating-prompt-content{flex-direction:column;gap:12px;width:100%;display:flex}.rating-prompt-header{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.rating-prompt-stars-banner{background:#ffd60a1a;border:.5px solid #ffd60a4d;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.rating-prompt-stars-banner svg{filter:drop-shadow(0 2px 8px #ffd60a8c);width:24px;height:24px;display:block}.rating-prompt-text{text-align:center;width:100%}.rating-prompt-title{color:var(--text-primary,#fff);letter-spacing:-.01em;font-size:16px;font-weight:700}.rating-prompt-subtitle{color:var(--text-secondary,#ebebf0);margin-top:4px;font-size:12.5px;line-height:1.45}.rating-prompt-close-btn{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-tertiary,#a1a1a6);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.rating-prompt-close-btn:hover{color:var(--text-primary,#fff);background:#ffffff14}.rating-prompt-close-btn:active{transform:translateY(-50%)scale(.92)}.rating-prompt-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.rating-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;font-size:12px;font-weight:600;transition:transform .15s,background .15s,filter .15s;display:inline-flex}.rating-btn svg{flex-shrink:0;width:15px;height:15px;display:block}.rating-btn:active{transform:scale(.97)}.rating-btn-text{color:var(--text-muted,#d1d1d6);background:0 0;flex:.8}.rating-btn-text:hover{color:var(--text-primary,#fff);background:#ffffff0d}.rating-btn-secondary{color:var(--text-primary,#fff);background:#ffffff0f;border:.5px solid #ffffff24;flex:1.25}.rating-btn-secondary:hover{background:#ffffff1f}.rating-btn-primary{background:var(--accent,#1565c0);color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--accent,#1565c0) 35%, transparent);flex:1.35}.rating-btn-primary:hover{background:color-mix(in srgb, var(--accent,#1565c0) 88%, white)}.rcb-ui-root{z-index:100000!important;box-sizing:border-box!important;pointer-events:auto!important;cursor:pointer!important;background:#00000073!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.rcb-ui-root:empty{pointer-events:none!important;visibility:hidden!important;opacity:0!important;display:none!important}.rcb-ui-root:not(:has(.rcb-ui-container)){pointer-events:none!important;visibility:hidden!important;opacity:0!important;display:none!important}.rcb-ui-root .rcb-ui-container.fullscreen{cursor:default!important;background:var(--glass-bg-dark,#16161cf2)!important;width:100%!important;max-width:440px!important;height:auto!important;max-height:88vh!important;-webkit-backdrop-filter:var(--glass-blur,blur(10px) saturate(190%))!important;border:var(--glass-border,1px solid #ffffff26)!important;overscroll-behavior:contain!important;border-radius:20px!important;font-family:inherit!important;position:relative!important;inset:auto!important;overflow-y:auto!important;box-shadow:0 24px 64px #000000bf,0 0 0 1px #ffffff14!important}.rcb-ui-root #layout-query-container{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important}.rcb-ui-root .rcb-ui-layout{flex-direction:column!important;min-height:auto!important}.rcb-ui-root .rcb-header-wrapper{border-bottom:1px solid #ffffff14!important;padding:16px 20px 8px!important}.rcb-ui-root .rcb-close-button{color:var(--text-primary,#fff)!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:50%!important;transition:background .15s,transform .15s!important}.rcb-ui-root .rcb-close-button:hover{background:#ffffff2e!important;transform:scale(1.06)!important}.rcb-ui-root .rcb-plan-card{background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:14px!important}.rcb-ui-root .rcb-checkout-footer{padding:12px 20px 20px!important}.rcb-switch-account-bar{color:var(--text-muted,#fff9)!important;background:#0003!important;border-top:1px solid #ffffff14!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:12px 16px 18px!important;font-size:12px!important;display:flex!important}.rcb-switch-account-bar .rcb-switch-btn{color:var(--accent,#1976d2)!important;cursor:pointer!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;text-decoration:underline!important;transition:opacity .15s!important}.rcb-switch-account-bar .rcb-switch-btn:hover{opacity:.8!important}:root[data-theme=light] .rcb-ui-root{background:#00000038!important}:root[data-theme=light] .rcb-ui-root .rcb-ui-container.fullscreen{background:var(--glass-bg-light,#fffffff0)!important;color:var(--text-primary,#111)!important;border:1px solid #0000001f!important;box-shadow:0 24px 64px #0000002e,0 0 0 1px #0000000d!important}:root[data-theme=light] .rcb-ui-root .rcb-header-wrapper{border-bottom:1px solid #0000000f!important}:root[data-theme=light] .rcb-ui-root .rcb-close-button{color:var(--text-primary,#111)!important;background:#0000000d!important;border:1px solid #00000014!important}:root[data-theme=light] .rcb-ui-root .rcb-close-button:hover{background:#0000001a!important}:root[data-theme=light] .rcb-ui-root .rcb-plan-card{background:#00000005!important;border:1px solid #00000014!important}:root[data-theme=light] .rcb-switch-account-bar{color:var(--text-secondary,#555)!important;background:#00000008!important;border-top:1px solid #0000000f!important}.file-picker-placeholder{text-align:center;color:var(--text-secondary);box-sizing:border-box;flex-direction:column;align-items:center;padding:24px 14px;font-size:13px;line-height:1.5;display:flex}.empty-state-icon{background:color-mix(in srgb, var(--accent) 15%, transparent);width:46px;height:46px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;display:flex}:root[data-theme=light] .empty-state-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.empty-state-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:360px;margin:0 auto 14px;font-size:13px;line-height:1.45}.empty-state-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.empty-state-steps{background:color-mix(in srgb, var(--text-primary) 4%, transparent);border:1px solid var(--glass-border);box-sizing:border-box;text-align:left;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-bottom:12px;padding:12px 14px;display:flex}:root[data-theme=light] .empty-state-steps{background:#00000008}.empty-state-step{color:var(--text-primary);align-items:center;gap:10px;font-size:13px;display:flex}.empty-state-step .step-num{background:var(--accent);width:20px;height:20px;color:var(--accent-on,#fff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.empty-state-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.empty-state-tips{background:color-mix(in srgb, var(--text-primary) 4%, transparent);border:1px solid var(--glass-border);box-sizing:border-box;text-align:left;width:100%;max-width:360px;color:var(--text-secondary);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:12.5px;line-height:1.45;display:flex}.empty-state-step strong,.empty-state-hint strong,.empty-state-tip-item strong{color:var(--text-primary);font-weight:600}.file-picker-item{background:color-mix(in srgb, var(--text-primary) 5%, transparent);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:11px;flex-direction:column;gap:6px;margin:6px 0;padding:9px 11px;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1);display:flex}.file-picker-item:hover{background:color-mix(in srgb, var(--text-primary) 8%, transparent);border-color:color-mix(in srgb, var(--text-primary) 18%, transparent)}.file-picker-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:6px;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.file-picker-type-icon{background:color-mix(in srgb, var(--accent) 15%, transparent);width:32px;height:32px;color:var(--accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.file-picker-type-icon svg{fill:currentColor;width:17px;height:17px;display:block}.file-picker-info{text-align:left;flex:1;min-width:0}.file-picker-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600;transition:color .2s;overflow:hidden}.file-picker-date{color:var(--text-muted);font-size:11px;transition:color .2s}.file-picker-actions{border-top:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding-top:6px;display:flex}.file-picker-btn{cursor:pointer;background:color-mix(in srgb, var(--text-primary) 7%, transparent);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);height:26px;min-height:26px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:11px;font-weight:500;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),color .2s;display:inline-flex;position:relative}.file-picker-btn:after{content:"";position:absolute;inset:-9px -4px}.file-picker-btn:hover{background:color-mix(in srgb, var(--text-primary) 12%, transparent);border-color:color-mix(in srgb, var(--text-primary) 20%, transparent)}.file-picker-btn:active{background:color-mix(in srgb, var(--text-primary) 18%, transparent);transform:scale(.96)}.file-picker-btn svg{fill:currentColor;width:13px;height:13px;color:inherit;flex-shrink:0;transition:fill .2s;display:block}.file-picker-btn-delete{color:#ff453a;background:#ff3b3024;border-color:#ff3b304d}.file-picker-btn-delete:hover{color:#ff5b52;background:#ff3b303d;border-color:#ff3b3073}.file-picker-btn-delete:active{background:#ff3b3052;transform:scale(.96)}:root[data-theme=light] .file-picker-item{background:#00000008;border:1px solid #00000014}:root[data-theme=light] .file-picker-item:hover{background:#0000000f;border-color:#00000024}:root[data-theme=light] .file-picker-actions{border-top-color:#00000014}:root[data-theme=light] .file-picker-btn{color:#1f1f21;background:#0000000d;border:1px solid #0000001a}:root[data-theme=light] .file-picker-btn:hover{color:#000;background:#00000017;border-color:#0000002e}:root[data-theme=light] .file-picker-btn:active{background:#00000024}:root[data-theme=light] .file-picker-btn-delete{color:#d70015;background:#ff3b301a;border:1px solid #ff3b3040}:root[data-theme=light] .file-picker-btn-delete:hover{color:#b30010;background:#ff3b302e;border-color:#ff3b3059}.btn-action{border-radius:var(--radius-btn,12px);width:100%;color:var(--text-primary);font-size:var(--font-button);cursor:pointer;letter-spacing:var(--tracking-normal);white-space:normal;text-align:center;border:none;outline:none;justify-content:center;align-items:center;margin-top:5px;margin-bottom:12px;padding:12px;font-weight:600;line-height:1;transition:all .2s;display:flex}.btn-action.active{background:var(--accent);color:var(--accent-on);border-color:#0000}.modal-panel .btn-action,.modal-dialog .btn-action{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),color .2s;box-shadow:inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29,0 2px 8px #0000001f}.modal-panel .btn-action:hover,.modal-dialog .btn-action:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px .5px #ffffff38,0 3px 10px #0000002e}.modal-panel .btn-action:active,.modal-dialog .btn-action:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff47,0 1px 3px #0000001f}.modal-panel .btn-action.active,.modal-dialog .btn-action.active,.modal-panel .btn-action.btn-done,.modal-dialog .btn-action.btn-done{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 4px 14px color-mix(in srgb, var(--accent) 40%, transparent)!important;border-color:#ffffff8c #ffffff40 #ffffff4d!important}:root[data-theme=light] .modal-panel .btn-action,:root[data-theme=light] .modal-dialog .btn-action{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80,0 2px 6px #0000000f}.btn-premium{color:var(--text-primary);cursor:pointer;letter-spacing:.1px;background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);text-align:center;box-sizing:border-box;white-space:nowrap;flex:80px;justify-content:center;align-items:center;min-width:80px;font-weight:600;transition:all .2s;display:flex;overflow:hidden;border-radius:var(--radius-btn-premium,12px)!important;font-size:var(--font-small)!important;height:26px!important;min-height:26px!important;padding:4px 2px!important}.btn-premium:hover{background:var(--glass-bg-hover)}.btn-premium:active{background:var(--glass-bg-active);transform:scale(.98)}.btn-icon{border-radius:var(--radius-btn-icon,12px);height:44px;color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;padding:8px 0;transition:all .2s;display:flex}.btn-icon.active{background:var(--accent);color:var(--accent-on);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 40%, transparent);border-color:#0000}#btn-sustain-toggle svg{fill:currentColor;width:24px;height:24px}.btn-group{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.icon-row{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-top:12px;display:flex}.row-btn-group{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.btn-wrapper{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:6px;width:56px;display:flex;position:relative}.btn-label{font-size:var(--font-small);color:var(--text-muted);text-align:center;-webkit-line-clamp:2;word-wrap:break-word;-webkit-user-select:none;user-select:none;-webkit-box-orient:vertical;max-width:56px;font-weight:400;line-height:1;transition:color .2s;display:-webkit-box;overflow:hidden}.btn-wrapper:hover .btn-label{color:var(--text-secondary)}.btn-square.active+.btn-label{color:var(--text-primary);font-weight:600}.btn-wrapper:has(.btn-square.active) .btn-label{color:var(--text-primary);font-weight:600}.btn-option{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);border-radius:var(--radius-btn-option,8px);color:var(--text-secondary);cursor:pointer;text-align:center;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;flex:1;padding:10px;font-size:12px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),color .2s;box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff26,0 2px 6px #0000001a}.btn-option:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px .5px #ffffff38,0 3px 8px #00000024}.btn-option:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff47,0 1px 3px #0000001a}.btn-option.active{background:var(--accent);color:var(--accent-on);box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);border-color:#ffffff8c #ffffff40 #ffffff4d}.btn-square{aspect-ratio:1;background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);border-radius:var(--radius-btn-square,14px);width:56px;height:56px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff26,0 4px 10px #00000026}:root[data-theme=light] .btn-square,:root[data-theme=light] .btn-option{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80,0 2px 8px #0000000f}:root[data-theme=light] .btn-square:hover,:root[data-theme=light] .btn-option:hover{border-top-color:#fff;border-bottom-color:#ffffffbf;box-shadow:inset 0 1px 1px #fff,0 4px 12px #00000014}a.btn-square{color:var(--text-primary);box-sizing:border-box;text-decoration:none}a.btn-square:visited{color:var(--text-primary)}.btn-square-text{justify-content:center;align-items:center;font-size:20px;font-weight:500;line-height:1;display:flex}.btn-square-text:not(:empty){font-size:clamp(12px,4.5vw,20px)}.btn-square:hover{background:var(--glass-bg-hover);border-top-color:#ffffff6b;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px .5px #0000001a,0 3px 10px #00000029}.btn-square:active{background:var(--glass-bg-active);transform:scale(.95);box-shadow:inset 0 1px .5px #ffffffa6,0 2px 6px #00000026}.btn-square.active{background:var(--accent);color:var(--accent-on);box-shadow:inset 0 1px .5px #ffffff73, inset 0 -1px .5px #0003, 0 0 20px color-mix(in srgb, var(--accent) 40%, transparent);border-color:#ffffff80 #ffffff40 #ffffff40}.btn-square svg{fill:currentColor;opacity:.9;width:34px;height:34px}.btn-square svg[fill=none],.btn-square svg[fill=none] path{fill:none}.btn-square.num-btn{gap:0;padding:0;font-size:32px;font-weight:800}.btn-close{background:var(--accent);border-radius:var(--radius-btn,12px);color:var(--accent-on);cursor:pointer;width:fit-content;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 4px 15px color-mix(in srgb, var(--accent) 35%, transparent);z-index:10;border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff47;margin:10px auto 0;padding:12px 25px;font-size:14px;font-weight:700;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s,box-shadow .15s cubic-bezier(.16,1,.3,1);display:block;min-width:0!important}.btn-close:hover{opacity:.94;box-shadow:inset 0 1px 1px #ffffff9e, inset 0 -1px .5px #ffffff47, 0 4px 14px color-mix(in srgb, var(--accent) 45%, transparent)}.btn-close:active{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -.5px .5px #ffffff59, 0 2px 6px color-mix(in srgb, var(--accent) 25%, transparent);transform:scale(.96)}.btn-modal-done{background:var(--accent);min-width:88px;height:32px;color:var(--accent-on);border-radius:var(--radius-btn,12px);cursor:pointer;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;background-clip:padding-box;border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff47;justify-content:center;align-items:center;padding:0 16px;font-size:12.5px;font-weight:600;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s,box-shadow .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-modal-done:hover{opacity:.94;box-shadow:inset 0 1px 1px #ffffff9e, inset 0 -1px .5px #ffffff47, 0 3px 10px color-mix(in srgb, var(--accent) 45%, transparent)}.btn-modal-done:active{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -.5px .5px #ffffff59, 0 1px 4px color-mix(in srgb, var(--accent) 25%, transparent);transform:scale(.96)}.btn-modal-cancel{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);min-width:80px;height:32px;color:var(--text-primary);border-radius:var(--radius-btn,12px);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;justify-content:center;align-items:center;padding:0 14px;font-size:12.5px;font-weight:600;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29,0 2px 6px #0000001f}.btn-modal-cancel:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px .5px #ffffff38,0 2px 6px #00000024}.btn-modal-cancel:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff47,0 1px 3px #0000001f}.btn-modal-confirm{color:#fff;border-radius:var(--radius-btn,12px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;background:#ff3b30 padding-box padding-box;border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff47;justify-content:center;align-items:center;min-width:80px;height:32px;padding:0 14px;font-size:12.5px;font-weight:600;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s,box-shadow .15s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px .5px #ffffff7a,inset 0 -1px .5px #ffffff38,0 2px 8px #ff3b304d}.btn-modal-confirm:hover{opacity:.94;box-shadow:inset 0 1px 1px #ffffff9e,inset 0 -1px .5px #ffffff47,0 3px 10px #ff3b3059}.btn-modal-confirm:active{transform:scale(.96);box-shadow:inset 0 1px #ffffffb3,inset 0 -.5px .5px #ffffff59,0 1px 4px #ff3b3033}.btn-close-minimal{width:36px;height:36px;color:var(--text-primary);cursor:pointer;z-index:100;opacity:.65;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-flex;position:absolute;top:10px;right:10px}.btn-close-minimal:hover{opacity:1;background:#ffffff1f;border-color:#ffffff73 #ffffff2e #ffffff3d;transform:scale(1.06);box-shadow:inset 0 1px .5px #ffffff7a,inset 0 -1px .5px #fff3,0 2px 8px #00000026}.btn-close-minimal:active{background:#ffffff38;transform:scale(.94);box-shadow:inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff4d,0 1px 3px #0000001f}:root[data-theme=light] .btn-close-minimal:hover{background:#00000014;border-color:#fff #0000001f #ffffffa6;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80,0 2px 6px #0000000f}body.hide-x-buttons .btn-close-minimal{display:none!important}@media (min-width:1024px){.btn-action{border-radius:var(--radius-btn,12px)!important;min-height:40px!important;margin:0!important;padding:12px 16px!important}}@media (orientation:landscape){.btn-close{margin-top:8px!important;padding:8px 20px!important;font-size:12px!important}}#btn-remove-ads{color:#fff;border-radius:var(--radius-btn-remove-ads,12px);background:linear-gradient(135deg,#ff9f0a 0%,#ff375f 100%);border:none;padding:12px 20px;font-size:14px;font-weight:700;box-shadow:0 4px 15px #ff375f66}#btn-pattern-editor,#btn-open-sf-picker,#btn-scale-overlay-trigger,#btn-sounds-center-velocity,#btn-sfx-center-velocity,#btn-sounds-touch-vibrato,#btn-sfx-touch-vibrato,#btn-open-palette,#btn-pad-settings,#btn-ripple-effect,#scale-select-container .dropdown-trigger,#settings-instrument-grid .instrument-row-btn.locked,#btn-midi-io{position:relative!important}body:not(.midi-io-free) #btn-midi-io:after,#btn-pattern-editor:after,#btn-open-sf-picker:after,#btn-scale-overlay-trigger:after,#btn-sounds-center-velocity:after,#btn-sfx-center-velocity:after,#btn-sounds-touch-vibrato:after,#btn-sfx-touch-vibrato:after,#btn-pad-settings:after,#btn-ripple-effect:after,body:not(.ad-free) #btn-open-palette:after,body:not(.ad-free) #scale-select-container .dropdown-trigger:after,#settings-instrument-grid .instrument-row-btn.locked:after{content:"PRO";color:#000;z-index:5;letter-spacing:.5px;pointer-events:none;background:linear-gradient(135deg,#ffb000,#ff7a00);border:.5px solid #ffffff26;font-weight:900;line-height:1;position:absolute;box-shadow:0 1px 3px #0006}#btn-midi-io:after{border-radius:4px;padding:2px 3.5px;font-size:7px;top:-3px;right:-3px}#btn-pattern-editor:after,#btn-open-palette:after,#btn-scale-overlay-trigger:after,#btn-sounds-center-velocity:after,#btn-sfx-center-velocity:after,#btn-sounds-touch-vibrato:after,#btn-sfx-touch-vibrato:after,#btn-pad-settings:after,#btn-ripple-effect:after{border-radius:3px;padding:1.5px 3px;font-size:6px;top:-4px;right:-4px}#btn-open-sf-picker:after{border-radius:4px;padding:2px 5px;font-size:7.5px;top:-4px;right:8px}#scale-select-container .dropdown-trigger:after{border-radius:3px;padding:1.5px 3px;font-size:6px;top:-4px;right:-4px;transform:none}#settings-instrument-grid .instrument-row-btn.locked:after{border-radius:4px;padding:2px 4px;font-size:7px;top:50%;right:42px;transform:translateY(-50%)}body.ad-free #btn-open-palette:after,body.ad-free #btn-pattern-editor:after,body.ad-free #btn-open-sf-picker:after,body.ad-free #btn-scale-overlay-trigger:after,body.ad-free #btn-sounds-center-velocity:after,body.ad-free #btn-sfx-center-velocity:after,body.ad-free #btn-sounds-touch-vibrato:after,body.ad-free #btn-sfx-touch-vibrato:after,body.ad-free #btn-pad-settings:after,body.ad-free #btn-ripple-effect:after,body.ad-free #scale-select-container .dropdown-trigger:after,body.ad-free #badge-scale-pro,body.ad-free .pro-badge,body.ad-free #settings-instrument-grid .instrument-row-btn.locked:after,body.ad-free:not(.midi-io-free) #btn-midi-io:after{display:none!important}#btn-buy-premium{border:1.5px solid var(--accent)!important;color:var(--accent-on)!important;background:var(--accent)!important;font-weight:700!important}#btn-rewarded-ad{color:#ff9f0a!important;background:#ffad2f1e!important;border:1.5px solid #ff9f0a!important;font-weight:700!important}:root[data-theme=light] #btn-rewarded-ad{color:#d44000!important;background:#fcf0eb!important;border-color:#d44000!important}body.lite-engine-active #btn-rewarded-ad{background:#1c1c1e!important}:root[data-theme=light] body.lite-engine-active #btn-rewarded-ad{background:#fff!important}.switch-container{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.switch{width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;transition:var(--transition-normal);background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;position:absolute;inset:0}.slider:before{content:"";width:16px;height:16px;transition:var(--transition-normal);background-color:#ccc;border-radius:50%;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.slider:before{background-color:#fff;transform:translate(18px)}.switch-label{font-size:var(--font-label);color:var(--text-secondary);font-weight:600}.startup-toggle{cursor:pointer;opacity:.5;white-space:normal;align-items:center;gap:8px;max-width:120px;font-size:11px;line-height:1.25;display:inline-flex;position:absolute}.startup-toggle input[type=checkbox]{cursor:pointer;flex-shrink:0;width:14px;height:14px;margin:0}@media (max-width:480px){.startup-toggle{max-width:85px}}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;margin-top:-4px;margin-bottom:10px;padding:8px 0;display:block}input[type=range]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px!important;border-radius:4px!important}input[type=range]::-webkit-slider-runnable-track{background:#fff3;border-radius:2px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:24px;height:14px;transition:background var(--transition-fast), transform .1s ease;cursor:ew-resize;border:none;border-radius:7px;margin-top:-5px;box-shadow:0 2px 5px #00000080}input[type=range]::-webkit-slider-thumb:hover{background:var(--text-primary);transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{background:var(--text-primary);transform:scale(1.25)}input[type=range]::-moz-range-track{background:#fff3;border:none;border-radius:2px;width:100%;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);width:24px;height:14px;transition:background var(--transition-fast), transform .1s ease;cursor:ew-resize;border:none;border-radius:7px;box-shadow:0 2px 5px #00000080}input[type=range]::-moz-range-thumb:hover{background:var(--text-primary);transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{background:var(--text-primary);transform:scale(1.25)}.custom-dropdown{width:100%;margin-bottom:var(--spacing-xs);-webkit-user-select:none;user-select:none;position:relative}.custom-dropdown.open{z-index:100000}.dropdown-trigger{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);color:var(--text-primary);cursor:pointer;min-height:40px;font-size:var(--font-input);border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29,0 2px 6px #0000001a}.dropdown-trigger:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px .5px #ffffff38,0 2px 8px #00000024}.dropdown-trigger:active{background:var(--glass-bg-active);transform:scale(.985);box-shadow:inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff42,0 1px 3px #0000001f}:root[data-theme=light] .dropdown-trigger{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80,0 2px 6px #0000000f}:root[data-theme=light] .dropdown-trigger:hover{border-top-color:#fff;border-bottom-color:#ffffffbf;box-shadow:inset 0 1px 1px #fff,inset 0 -1px .5px #fff9,0 4px 12px #00000014}.dropdown-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#scale-select-container .dropdown-trigger .dropdown-label,body.ad-free #scale-select-container .dropdown-trigger .dropdown-label{flex:1;min-width:0;margin-right:8px}#scale-select-container .dropdown-trigger .experimental-badge{pointer-events:none;z-index:5;background:#191919d9;border:.5px solid #af52de99;border-radius:4px;padding:2.5px 5.5px;font-size:8px;line-height:1;position:absolute;top:-5px;right:28px;transform:none;box-shadow:0 2px 4px #00000059}body.ad-free #scale-select-container .dropdown-trigger .experimental-badge{right:8px}:root[data-theme=light] #scale-select-container .dropdown-trigger .experimental-badge{background:#ffffffe6;border-color:#af52de73;box-shadow:0 1px 3px #00000026}.dropdown-trigger:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}.dropdown-arrow{opacity:.6;transition:transform var(--transition-normal) var(--ease-elastic);pointer-events:none;font-size:14px}.custom-dropdown.open .dropdown-trigger{border-color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 70%, white);box-shadow:inset 0 1px 1px #fff6, 0 0 14px color-mix(in srgb, var(--accent) 35%, transparent)}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);z-index:1000;border:1px solid #ffffff1f;border-color:#ffffff61 #ffffff1f #fff3;border-radius:16px;max-height:400px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0006,0 4px 12px #0003,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #ffffff26}:root[data-theme=light] .dropdown-options{border:1px solid #0000001a;border-color:#fff #0000001a #ffffffa6;box-shadow:0 18px 40px #0000001f,0 4px 12px #0000000f,inset 0 1px 1.5px #fff,inset 0 -1px 1px #ffffff80}.dropdown-options.open{display:block}.dropdown-option{cursor:pointer;font-size:var(--font-input);color:var(--text-secondary);border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:9px 12px;transition:background .15s cubic-bezier(.16,1,.3,1),transform .1s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),color .15s;display:flex}.dropdown-option:hover,.dropdown-option.focused{background:color-mix(in srgb, var(--glass-bg-hover) 85%, #ffffff14);color:var(--text-primary);transform:translate(2px);box-shadow:inset 0 .5px .5px #ffffff40}.dropdown-option.selected{box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -.5px .5px #ffffff3d, 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);font-weight:700;background:var(--accent)!important;color:var(--accent-on)!important}.dropdown-group{border-radius:8px;margin-bottom:8px;overflow:hidden}.dropdown-group-header{background:var(--glass-bg-light);color:var(--text-primary);font-size:var(--font-input);cursor:pointer;transition:all var(--transition-normal);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.dropdown-group-header:hover{background:var(--glass-bg-hover)}.dropdown-group-aside{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.dropdown-group-header .dropdown-lock-icon{opacity:.85;margin-left:0}.dropdown-group.expanded .dropdown-group-header{background:var(--glass-bg-hover);margin-bottom:4px}.dropdown-group-content{opacity:0;max-height:0;transition:all var(--transition-normal);overflow:hidden}.dropdown-group.expanded .dropdown-group-content{opacity:1;max-height:2000px;padding-top:4px;padding-bottom:8px}.dropdown-option.locked{opacity:.5}.dropdown-option-aside{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.dropdown-lock-icon{width:14px;height:14px;color:inherit;fill:currentColor;vertical-align:middle;flex-shrink:0;margin-left:auto;display:inline-block}.dropdown-option-aside .dropdown-lock-icon{margin-left:0}.modal-panel select,.modal-overlay select{background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);color:var(--text-primary);font-size:var(--font-input);cursor:pointer;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:12px;outline:none;padding:8px 14px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29,0 2px 6px #0000001a;text-align:center!important;text-align-last:center!important}.modal-panel select:hover,.modal-overlay select:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px .5px #ffffff38,0 2px 8px #00000024}.modal-panel select:active,.modal-overlay select:active{background:var(--glass-bg-active);transform:scale(.985)}:root[data-theme=light] .modal-panel select,:root[data-theme=light] .modal-overlay select{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80,0 2px 6px #0000000f}.label:has(+select){text-align:center!important;width:100%!important;display:block!important}label:has(+select){text-align:center!important;width:100%!important;display:block!important}:root[data-theme=light] .slider{background-color:#00000014!important;border:1px solid #00000040!important}:root[data-theme=light] .slider:before{background-color:#4c4c50!important}:root[data-theme=light] input:checked+.slider{background-color:var(--accent)!important;border-color:var(--accent)!important}:root[data-theme=light] input:checked+.slider:before{background-color:#fff!important}:root[data-theme=light] input[type=range]::-webkit-slider-runnable-track{background:#00000040!important}:root[data-theme=light] input[type=range]::-moz-range-track{background:#00000040!important}:root[data-theme=light] input[type=range]::-webkit-slider-thumb{border:none!important}:root[data-theme=light] input[type=range]::-moz-range-thumb{border:none!important}:root[data-theme=light] .startup-toggle{opacity:.85!important;color:var(--text-primary)!important}.file-input-hidden{opacity:.001;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}.color-wheel-component{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.color-wheel-disc-wrap{cursor:crosshair;touch-action:none;border-radius:50%;position:relative;overflow:visible;box-shadow:0 4px 16px #0006,inset 0 0 0 1px #ffffff26}.color-wheel-canvas{pointer-events:none;border-radius:50%;display:block}.color-wheel-thumb{pointer-events:none;will-change:left, top;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform 80ms ease-out;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009,inset 0 0 2px #0000004d}.color-wheel-disc-wrap:active .color-wheel-thumb{transform:translate(-50%,-50%)scale(1.15)}.color-wheel-slider-row{flex-direction:column;gap:6px;width:100%;display:flex}.color-wheel-slider-label-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.color-wheel-slider-val{color:var(--text-secondary);font-family:monospace;font-size:11px}.color-wheel-lightness-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#000 0%,#1565c0 50%,#fff 100%);border-radius:6px;outline:none;width:100%;height:12px;margin:4px 0;box-shadow:inset 0 0 0 1px #ffffff26,0 2px 6px #0000004d}.color-wheel-lightness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #0000004d;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #0006}.color-wheel-lightness-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.color-wheel-lightness-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.color-wheel-lightness-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0000004d;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0006}.color-wheel-hex-row{align-items:center;gap:8px;width:100%;display:flex}.color-wheel-preview-pill{border:1px solid #fff3;border-radius:8px;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 6px #0000004d}.color-wheel-hex-input{height:32px;color:var(--text-primary);text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;padding:0 8px;font-family:monospace;font-size:13px;font-weight:600;transition:border-color .15s,background-color .15s}.color-wheel-hex-input:focus{border-color:var(--accent);background:#ffffff14}:root[data-theme=light] .color-wheel-slider-label-row{color:#666}:root[data-theme=light] .color-wheel-slider-val{color:#111}:root[data-theme=light] .color-wheel-hex-input{color:#111;background:#0000000a;border-color:#0000001f}:root[data-theme=light] .color-wheel-preview-pill{border-color:#0000001f}.color-wheel-popover{z-index:10000;background:var(--glass-bg-dark,#1e1e20eb);width:252px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:16px;padding:12px;animation:.18s cubic-bezier(.16,1,.3,1) colorWheelPopoverFadeIn;position:fixed;box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff14}@keyframes colorWheelPopoverFadeIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.color-wheel-popover-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.color-wheel-popover-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.color-wheel-popover-reset{-webkit-appearance:none;appearance:none;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;padding:3px 8px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;display:flex}.color-wheel-popover-reset:hover{color:var(--text-primary);background:#ffffff24}.color-wheel-popover-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;margin-bottom:10px;padding:2px;display:flex}.color-wheel-tab-btn{-webkit-appearance:none;appearance:none;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s}.color-wheel-tab-btn.active{color:var(--text-primary);background:#ffffff1f;box-shadow:0 1px 4px #0003}.color-wheel-views-wrap{box-sizing:border-box;flex-direction:column;width:100%;height:200px;min-height:200px;display:flex}.color-wheel-palette-view{box-sizing:border-box;grid-template-columns:repeat(5,1fr);align-content:center;justify-items:center;gap:8px 10px;height:100%;display:grid}.color-wheel-custom-view{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.color-wheel-popover-footer{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin-top:10px;display:flex}.color-wheel-done-btn{background:var(--accent);width:100%;height:32px;color:var(--accent-on,#fff);cursor:pointer;border:none;border-radius:8px;margin-top:0;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s,transform .1s}.color-wheel-done-btn:hover{opacity:.9}.color-wheel-done-btn:active{transform:scale(.98)}:root[data-theme=light] .color-wheel-popover{background:var(--glass-bg-light,#f5f5f7f2);border:var(--glass-border,1px solid #0000001f);box-shadow:0 12px 32px #0003}:root[data-theme=light] .color-wheel-popover-title{color:#111}:root[data-theme=light] .color-wheel-popover-reset{color:#555;background:#0000000d;border-color:#0000001f}:root[data-theme=light] .color-wheel-popover-reset:hover{color:#111;background:#0000001a}:root[data-theme=light] .color-wheel-popover-tabs{background:#0000000a;border-color:#00000014}:root[data-theme=light] .color-wheel-tab-btn{color:#666}:root[data-theme=light] .color-wheel-tab-btn.active{color:#111;background:#fff;box-shadow:0 1px 4px #0000001a}[data-glass-effect=none] .color-wheel-popover,body.lite-engine-active .color-wheel-popover{-webkit-backdrop-filter:none!important;background:#3a3a3c!important;border:1px solid #ffffff24!important;box-shadow:0 16px 36px #0009!important}:root[data-theme=light][data-glass-effect=none] .color-wheel-popover,[data-theme=light] [data-glass-effect=none] .color-wheel-popover,:root[data-theme=light] body.lite-engine-active .color-wheel-popover{-webkit-backdrop-filter:none!important;background:#f2f2f7!important;border:1px solid #0000001f!important;box-shadow:0 16px 36px #0003!important}[data-glass-effect=contrast] .color-wheel-popover{-webkit-backdrop-filter:none!important;background:#000!important;border:1px solid #ffffff38!important;box-shadow:0 16px 36px #000000e6!important}:root[data-theme=light][data-glass-effect=contrast] .color-wheel-popover,[data-theme=light] [data-glass-effect=contrast] .color-wheel-popover{-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #0000002e!important;box-shadow:0 16px 36px #00000029!important}#ad-desktop-top,#ad-mobile-bottom{display:none;box-sizing:border-box!important;z-index:9999!important;background:var(--board-bg)!important;justify-content:center!important;width:100vw!important;position:fixed!important;left:0!important;overflow:hidden!important}#ad-desktop-top{border-bottom:var(--glass-border)!important;height:var(--ad-actual-height)!important;align-items:center!important;top:0!important}#ad-mobile-bottom{border-top:var(--glass-border)!important;height:var(--safe-area-inset-bottom)!important;align-items:flex-start!important;bottom:0!important}#ad-desktop-top:empty,#ad-mobile-bottom:empty,body:not(.ad-top) #ad-desktop-top,body:not(.ad-bot) #ad-mobile-bottom,body.ad-free #ad-desktop-top,body.ad-free #ad-mobile-bottom{border:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important}@keyframes adShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#startup-promo-banner{width:100%;height:var(--ad-actual-height,50px);padding:0 var(--spacing-m,16px);box-sizing:border-box;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);border-top:var(--glass-border);font-family:var(--font-primary);-webkit-user-select:none;user-select:none;border-radius:0;justify-content:space-between;align-items:center;display:none;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}:root[data-theme=light] #startup-promo-banner{background:var(--glass-bg-light);border-top:var(--glass-border);box-shadow:0 2px 16px #0000000f}#startup-promo-banner:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 55%, transparent) 30%, color-mix(in srgb, var(--accent) 75%, white) 50%, color-mix(in srgb, var(--accent) 55%, transparent) 70%, transparent 100%);opacity:.85;height:1px;position:absolute;top:0;left:0;right:0}#ad-desktop-top #startup-promo-banner{border-top:none;border-bottom:var(--glass-border)}#ad-desktop-top #startup-promo-banner:before{top:auto;bottom:0}.promo-brand{cursor:default;align-items:center;gap:10px;min-width:max-content;display:flex}.promo-brand-icon{background:color-mix(in srgb, var(--glass-bg-light) 70%, #ffffff14);border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000002e}:root[data-theme=light] .promo-brand-icon{background:#0000000a;border-color:#0000001a;box-shadow:0 1px 4px #00000014}.promo-brand-icon img{object-fit:contain;width:22px;height:22px}.promo-brand-text{flex-direction:column;justify-content:center;display:flex}.promo-title{color:var(--text-primary);letter-spacing:var(--tracking-tight,-.01em);align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.promo-badge-pro{color:#1a1200;letter-spacing:.2px;background:linear-gradient(135deg,#ffd60a 0%,#ff9f0a 100%);border-radius:6px;justify-content:center;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 1px 4px #ff9f0a59}.promo-brand-tagline{color:var(--text-tertiary);margin-top:1px;font-size:10px;font-weight:500;line-height:1.2}#promo-marketing-hit{height:calc(100% - 14px);padding:0 var(--spacing-m,16px);margin:0 var(--spacing-s,8px);background:color-mix(in srgb, var(--glass-bg-light) 65%, transparent);border:var(--glass-border);border-radius:var(--radius-btn,12px);cursor:pointer;flex:1;justify-content:center;align-items:center;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #0000001a}:root[data-theme=light] #promo-marketing-hit{background:color-mix(in srgb, var(--glass-bg-light) 75%, #00000008);border:var(--glass-border);box-shadow:inset 0 1px #fffc,0 1px 4px #0000000d}#promo-marketing-hit:hover{background:var(--glass-bg-hover);border-color:#ffffff3d}:root[data-theme=light] #promo-marketing-hit:hover{background:var(--glass-bg-hover);border-color:#0000002e}.promo-benefit-viewport{justify-content:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0006 6%,#000 20% 80%,#0006 94%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0006 6%,#000 20% 80%,#0006 94%,#0000 100%)}.promo-benefit-track{will-change:transform;flex-direction:column;animation:3.5s linear infinite promoMarquee;display:flex}#promo-marketing-hit:hover .promo-benefit-track,#promo-marketing-hit:focus-within .promo-benefit-track{animation-play-state:paused}.promo-benefit-slide{box-sizing:border-box;height:26px;min-height:26px;color:var(--text-primary);white-space:nowrap;text-align:center;letter-spacing:var(--tracking-normal,-.01em);flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-size:13px;font-weight:600;line-height:26px;display:flex}.promo-benefit-slide .slide-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0;display:inline-block}#ad-desktop-top #promo-marketing-hit{border-radius:14px;padding:0 24px}#ad-desktop-top .promo-benefit-slide{gap:10px;height:28px;min-height:28px;font-size:15px;line-height:28px}#ad-desktop-top .promo-benefit-slide .slide-dot{width:8px;height:8px;box-shadow:0 0 8px var(--accent)}.promo-actions{flex-shrink:0;align-items:center;gap:8px;padding-right:20px;display:flex}.btn-promo-primary,.btn-promo-secondary{border-radius:var(--radius-btn,12px);height:34px;min-height:34px;letter-spacing:var(--tracking-normal,-.01em);white-space:nowrap;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:11.5px;font-weight:700;transition:transform .15s,filter .15s,background .15s,box-shadow .15s;display:inline-flex}.btn-promo-primary{background:var(--accent)!important;color:var(--accent-on)!important;border:1px solid color-mix(in srgb, var(--accent) 70%, white)!important;box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 35%, transparent)!important}.btn-promo-primary:hover{filter:brightness(1.1);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 50%, transparent)!important}.btn-promo-primary:active{transform:scale(.96)}.btn-promo-secondary{background:var(--glass-bg-hover)!important;color:var(--text-primary)!important;border:var(--glass-border)!important}.btn-promo-secondary:hover{background:var(--glass-bg-active)!important;color:var(--text-primary)!important}.btn-promo-secondary:active{transform:scale(.96)}.btn-promo-secondary svg{opacity:.85;flex-shrink:0}.promo-close{z-index:10;width:26px;min-width:26px;height:26px;min-height:26px;color:var(--text-tertiary);cursor:pointer;opacity:.65;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1;transition:color .15s,opacity .15s,transform .15s,background .15s;display:inline-flex;position:absolute;top:6px;right:8px}.promo-close:before{content:"";position:absolute;inset:-9px}.promo-close:hover{color:var(--text-primary);opacity:1;background:#ffffff14;transform:scale(1.12)}:root[data-theme=light] .promo-close{color:var(--text-tertiary);background:0 0}:root[data-theme=light] .promo-close:hover{color:var(--text-primary);background:#0000000f}.promo-close:active{opacity:.8;transform:scale(.92)}#ad-desktop-top .promo-close{width:30px;height:30px;font-size:20px;top:10px;right:12px}#ad-desktop-top .promo-actions{padding-right:28px}@keyframes promoMarquee{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.promo-benefit-track{animation:none;transform:none}}@media (max-width:768px){#startup-promo-banner{padding:0 10px}.promo-brand-tagline{display:none}}@media (max-width:580px){#startup-promo-banner{gap:6px;padding:0 8px}#promo-marketing-hit{display:none}.promo-brand{gap:8px}.promo-brand-icon{border-radius:6px;width:28px;height:28px}.promo-brand-icon img{width:18px;height:18px}.promo-title{font-size:12px}.promo-badge-pro{padding:1px 4px;font-size:9px}.btn-promo-primary,.btn-promo-secondary{height:32px;min-height:32px;padding:0 10px;font-size:11px}.promo-actions{gap:6px;padding-right:18px}.promo-close{width:24px;min-width:24px;height:24px;min-height:24px;font-size:16px;top:4px;right:6px}}@media (max-width:390px){.btn-promo-secondary{display:none}}#piano-container{background-color:var(--safe-area-bg);min-height:0;box-shadow:var(--glass-shadow);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}#hud-chord-detector{font-family:var(--font-primary,sans-serif);color:var(--text-primary);background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);z-index:120;pointer-events:none;opacity:0;letter-spacing:.03em;border-radius:14px;padding:4px 14px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 2px 10px #0006}#hud-chord-detector.active{opacity:1;transform:translate(-50%,-50%)scale(1)}#piano-container canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#pianoCanvas{background-color:var(--board-bg);z-index:5;will-change:transform}#labelCanvas{z-index:6;pointer-events:none;will-change:transform;background:0 0}#activeCanvas{z-index:10;background-color:#0000}.board-crossfade-overlay{z-index:8;pointer-events:none;will-change:opacity;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}canvas{display:block}#minimap-bar{z-index:1000;isolation:isolate;width:100%;height:auto;min-height:48px;padding-top:calc(max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px)) + 8px);padding-bottom:8px;padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,16px));padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,16px));box-sizing:border-box;background:var(--hud-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);color:var(--hud-text);pointer-events:auto;background-clip:padding-box;border-top:none;justify-content:space-between;align-items:center;gap:8px;margin:0;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;display:flex;position:relative}body.fullscreen-mode #minimap-bar{padding-top:8px}body:not(.fullscreen-mode) #minimap-bar,body.has-status-bar #minimap-bar{padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,16px));padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,16px))}:root[data-theme=light] #minimap-bar{border-top:none}@media (orientation:portrait){#minimap-bar{padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,12px));padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,12px))}body:not(.fullscreen-mode) #minimap-bar,body.has-status-bar #minimap-bar{padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,12px));padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,12px))}}@media (orientation:landscape){#minimap-bar{padding-top:env(safe-area-inset-top,0px);padding-bottom:0;padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,16px));padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,16px))}body.fullscreen-mode #minimap-bar{padding-top:0;padding-bottom:0}body.platform-android.fullscreen-mode #minimap-bar{padding-top:0;padding-bottom:0;padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,16px));padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,16px))}}body.fullscreen-closing #minimap-bar{padding-top:calc(var(--safe-area-inset-top,0px) + 8px)}@media (orientation:landscape){body.fullscreen-closing #minimap-bar{padding-top:var(--safe-area-inset-top,0px);padding-bottom:0}}.minimap-slot{pointer-events:auto;z-index:1001;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#vertical-hud-bar{display:none}.minimap-btn{color:var(--hud-text);fill:var(--hud-text);cursor:pointer;touch-action:manipulation;pointer-events:auto;z-index:1001;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:background .15s,transform .15s,color .15s;display:flex;position:relative}.minimap-btn:hover{background:var(--glass-bg-hover)}.minimap-btn svg{fill:var(--hud-text)}.minimap-btn.active{background:var(--accent);color:var(--accent-on)}.minimap-btn.active svg{fill:currentColor}.minimap-btn:active{background:var(--glass-bg-active);transform:scale(.92)}#hud-record-btn svg circle{fill:#ff3b30}#hud-record-btn.recording{animation:2s ease-in-out infinite recordPulse}#hud-record-btn.recording svg,#hud-record-btn.recording svg *{fill:#ff3b30}#minimap-container{background:var(--minimap-bg);border:var(--minimap-border);box-shadow:var(--minimap-shadow);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;height:40px;margin:0;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}#minimap-container:hover{border-color:#ffffff80}:root[data-theme=light] #minimap-container:hover{border-color:#00000073}#minimap-container:active{border-color:color-mix(in srgb, var(--accent) 50%, #ffffff80)}#minimap-container:has(#minimap-thumb:active){border-color:color-mix(in srgb, var(--accent) 50%, #ffffff80)}:root[data-theme=light] #minimap-container:active{border-color:color-mix(in srgb, var(--accent) 60%, #00000080)}:root[data-theme=light] #minimap-container:has(#minimap-thumb:active){border-color:color-mix(in srgb, var(--accent) 60%, #00000080)}#minimap-canvas,#minimap-seekbar-canvas{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#minimap-canvas{opacity:1;z-index:10;border-bottom:none}#minimap-seekbar-canvas{z-index:210;pointer-events:none}#minimap-seekbar-hit{z-index:220;pointer-events:none;cursor:ew-resize;touch-action:none;width:32px;height:100%;margin-left:-16px;display:none;position:absolute;top:0}#minimap-seekbar-hit.active{pointer-events:auto;display:block}#minimap-thumb{border:2px solid var(--accent);box-sizing:border-box;pointer-events:none;z-index:100;background:0 0;border-radius:6px;min-width:28px;height:100%;transition:none;position:absolute;top:0;left:0;transform:translate(0)}.sustain-active #minimap-thumb{background:0 0;border-width:3px}#playback-time-display>div{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--hud-text);text-shadow:0 1px 4px #0003;justify-content:space-between;align-items:center;font-size:14px;display:flex}@media (orientation:portrait) and (max-width:600px){#minimap-bar{flex-wrap:wrap;height:auto;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,12px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,12px))!important}#minimap-slot-left,#minimap-slot-right{order:1}#minimap-slot-right{justify-content:flex-end}#minimap-container{background:var(--minimap-bg);border:var(--minimap-border);box-shadow:var(--minimap-shadow);border-radius:8px;flex:none;order:2;height:40px;padding:0;width:100%!important;margin:2px 0!important}.cutout-pos-corner-left #minimap-bar{padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,12px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,12px))!important;justify-content:center!important;gap:0!important}.cutout-pos-corner-left #minimap-slot-left,.cutout-pos-corner-left #minimap-slot-right{gap:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.cutout-pos-corner-left #minimap-container{width:100%!important;margin-left:0!important;margin-right:0!important}body.fullscreen-mode.cutout-pos-corner-right #minimap-bar,body.fullscreen-mode.cutout-type-punch-right #minimap-bar,body.fullscreen-mode.iphone-duo-cover #minimap-bar,body.hud-hidden.cutout-pos-corner-right #minimap-bar,body.hud-hidden.cutout-type-punch-right #minimap-bar,body.hud-hidden.iphone-duo-cover #minimap-bar,body.hud-sliding-out.cutout-pos-corner-right #minimap-bar,body.hud-sliding-out.cutout-type-punch-right #minimap-bar,body.hud-sliding-out.iphone-duo-cover #minimap-bar,body.hud-sliding-in.cutout-pos-corner-right #minimap-bar,body.hud-sliding-in.cutout-type-punch-right #minimap-bar,body.hud-sliding-in.iphone-duo-cover #minimap-bar{padding-top:max(env(safe-area-inset-top,0px), 24px)!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:0!important;width:100%!important;height:auto!important;min-height:0!important;margin-right:0!important;padding-bottom:6px!important;padding-left:12px!important;padding-right:12px!important;display:flex!important}body.fullscreen-mode.cutout-pos-corner-right #minimap-slot-left,body.fullscreen-mode.cutout-type-punch-right #minimap-slot-left,body.fullscreen-mode.iphone-duo-cover #minimap-slot-left,body.hud-hidden.cutout-pos-corner-right #minimap-slot-left,body.hud-hidden.cutout-type-punch-right #minimap-slot-left,body.hud-hidden.iphone-duo-cover #minimap-slot-left,body.hud-sliding-out.cutout-pos-corner-right #minimap-slot-left,body.hud-sliding-out.cutout-type-punch-right #minimap-slot-left,body.hud-sliding-out.iphone-duo-cover #minimap-slot-left,body.hud-sliding-in.cutout-pos-corner-right #minimap-slot-left,body.hud-sliding-in.cutout-type-punch-right #minimap-slot-left,body.hud-sliding-in.iphone-duo-cover #minimap-slot-left{opacity:1!important;pointer-events:auto!important;flex-direction:row!important;flex-shrink:0!important;order:1!important;align-items:center!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}body.fullscreen-mode.cutout-pos-corner-right #minimap-slot-right,body.fullscreen-mode.cutout-type-punch-right #minimap-slot-right,body.fullscreen-mode.iphone-duo-cover #minimap-slot-right,body.hud-hidden.cutout-pos-corner-right #minimap-slot-right,body.hud-hidden.cutout-type-punch-right #minimap-slot-right,body.hud-hidden.iphone-duo-cover #minimap-slot-right,body.hud-sliding-out.cutout-pos-corner-right #minimap-slot-right,body.hud-sliding-out.cutout-type-punch-right #minimap-slot-right,body.hud-sliding-out.iphone-duo-cover #minimap-slot-right,body.hud-sliding-in.cutout-pos-corner-right #minimap-slot-right,body.hud-sliding-in.cutout-type-punch-right #minimap-slot-right,body.hud-sliding-in.iphone-duo-cover #minimap-slot-right{opacity:1!important;pointer-events:auto!important;flex-direction:row!important;flex-shrink:0!important;order:1!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;width:auto!important;margin:0 64px 0 0!important;padding:0!important;display:flex!important;transform:none!important}body.iphone-duo-inner:not(.hud-hidden) #minimap-bar,body.is-split-screen:not(.hud-hidden) #minimap-bar{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:0!important;width:100%!important;height:auto!important;min-height:0!important;margin-right:0!important;padding:6px 12px!important;display:flex!important;position:relative!important}body.is-split-screen.hud-hidden #minimap-bar,body.iphone-duo-inner.hud-hidden #minimap-bar{z-index:2500!important;pointer-events:none!important;box-shadow:none!important;width:100%!important;height:auto!important;min-height:0!important;margin-right:0!important;padding:6px 12px!important;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:translateY(-100%)!important}body.is-split-screen.hud-hidden #minimap-bar.hud-peek,body.iphone-duo-inner.hud-hidden #minimap-bar.hud-peek{pointer-events:auto!important;transform:translateY(0)!important;box-shadow:0 8px 32px #0000008c!important}body.iphone-duo-inner #minimap-slot-left,body.is-split-screen #minimap-slot-left{opacity:1!important;pointer-events:auto!important;flex-direction:row!important;flex-shrink:0!important;order:1!important;align-items:center!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}body.iphone-duo-inner #minimap-slot-right,body.is-split-screen #minimap-slot-right{opacity:1!important;pointer-events:auto!important;flex-direction:row!important;flex-shrink:0!important;order:1!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}body.iphone-duo-inner #piano-container,body.is-split-screen #piano-container,body.iphone-duo-inner #ad-mobile-bottom,body.is-split-screen #ad-mobile-bottom{width:100%!important;margin-right:0!important}body.fullscreen-mode.cutout-pos-corner-right #minimap-container,body.fullscreen-mode.cutout-type-punch-right #minimap-container,body.fullscreen-mode.iphone-duo-cover #minimap-container{flex:none!important;order:2!important;width:100%!important;height:38px!important;margin:4px 0 2px!important}body:not(.fullscreen-mode).hud-hidden.cutout-pos-corner-right #minimap-container,body:not(.fullscreen-mode).hud-hidden.cutout-type-punch-right #minimap-container,body:not(.fullscreen-mode).hud-hidden.iphone-duo-cover #minimap-container,body:not(.fullscreen-mode).hud-sliding-out.cutout-pos-corner-right #minimap-container,body:not(.fullscreen-mode).hud-sliding-out.cutout-type-punch-right #minimap-container,body:not(.fullscreen-mode).hud-sliding-out.iphone-duo-cover #minimap-container,body:not(.fullscreen-mode).hud-sliding-in.cutout-pos-corner-right #minimap-container,body:not(.fullscreen-mode).hud-sliding-in.cutout-type-punch-right #minimap-container,body:not(.fullscreen-mode).hud-sliding-in.iphone-duo-cover #minimap-container{flex:none!important;order:2!important;width:calc(100% - 64px)!important;height:38px!important;margin:4px 64px 2px 0!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #minimap-bar,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #minimap-bar,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #minimap-bar{background:var(--bg-color)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:var(--glass-border)!important;width:100%!important;height:54px!important;min-height:54px!important;box-shadow:none!important;box-sizing:border-box!important;z-index:1050!important;margin-right:0!important;padding:5px 88px 5px 10px!important;display:block!important;position:relative!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #minimap-container,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #minimap-container,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #minimap-container{width:100%!important;height:44px!important;margin:0!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #vertical-hud-bar,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #vertical-hud-bar,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #vertical-hud-bar{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;background:var(--bg-color)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-left:var(--glass-border)!important;width:88px!important;height:100vh!important;box-shadow:none!important;z-index:1060!important;pointer-events:none!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border-radius:0!important;display:block!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #piano-container,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #piano-container,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #piano-container{transition:width .3s,margin-right .3s;width:calc(100% - 88px)!important;margin-right:88px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #ad-mobile-bottom,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #ad-mobile-bottom,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #ad-mobile-bottom,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right dialog.modal-dialog,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right dialog.modal-dialog,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover dialog.modal-dialog,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right .layout-pill-widget,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right .layout-pill-widget,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover .layout-pill-widget{width:calc(100% - 88px)!important;max-width:calc(100% - 88px)!important;margin-right:88px!important;left:0!important;right:88px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #toast,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #toast,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #toast{left:calc(50% - 44px)!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right .rating-prompt-card,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right .rating-prompt-card,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover .rating-prompt-card{width:calc(100% - 120px)!important;right:88px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right .train-complete-overlay,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right .train-complete-overlay,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover .train-complete-overlay{width:calc(100% - 88px)!important;right:88px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #metronome-slider-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #metronome-slider-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #metronome-slider-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #sfx-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #sfx-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #sfx-popup,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right .color-wheel-popover,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right .color-wheel-popover,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover .color-wheel-popover{max-height:calc(100vh - 20px - var(--safe-area-inset-bottom,0px))!important;overflow-y:auto!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #minimap-slot-left,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #minimap-slot-left,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #minimap-slot-left{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;z-index:1100!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:48px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:172px!important;right:24px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #minimap-slot-right,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #minimap-slot-right,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #minimap-slot-right{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;z-index:1100!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:48px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:346px!important;right:24px!important}body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #metronome-wrapper,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-pos-corner-right #sfx-wrapper,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #metronome-wrapper,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).cutout-type-punch-right #sfx-wrapper,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #metronome-wrapper,body:not(.fullscreen-mode):not(.hud-hidden):not(.hud-sliding-out):not(.hud-sliding-in).iphone-duo-cover #sfx-wrapper{justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;display:flex!important}body.iphone-duo-inner #vertical-hud-bar,body.is-split-screen #vertical-hud-bar{display:none!important}body.iphone-duo-inner:not(.hud-hidden) #minimap-bar,body.is-split-screen:not(.hud-hidden) #minimap-bar{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:auto!important;min-height:0!important;margin-right:0!important;padding:6px 12px!important;display:flex!important}body.split-right #minimap-bar,body.is-split-screen:not(.split-left) #minimap-bar,body:not(.fullscreen-mode).iphone-duo-inner:not(.split-left) #minimap-bar{padding-right:max(env(safe-area-inset-right,0px), 64px)!important}body.is-split-screen.split-left #minimap-bar,body.split-left #minimap-bar,body.iphone-duo-inner.split-left #minimap-bar,body.fullscreen-mode.iphone-duo-inner:not(.is-split-screen) #minimap-bar{padding-right:12px!important}body.fullscreen-mode.iphone-duo-inner:not(.is-split-screen) #minimap-bar{padding-top:max(env(safe-area-inset-top,0px), 24px)!important}body.iphone-duo-inner #minimap-slot-left,body.is-split-screen #minimap-slot-left{flex-direction:row!important;flex-shrink:0!important;order:1!important;align-items:center!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;top:auto!important;right:auto!important}body.iphone-duo-inner #minimap-slot-right,body.is-split-screen #minimap-slot-right{flex-direction:row!important;flex-shrink:0!important;order:1!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;top:auto!important;right:auto!important}body.iphone-duo-inner #minimap-container,body.is-split-screen #minimap-container{flex:none!important;order:2!important;width:100%!important;height:38px!important;margin:4px 0 2px!important}body.iphone-duo-inner #piano-container,body.is-split-screen #piano-container,body.iphone-duo-inner #ad-mobile-bottom,body.is-split-screen #ad-mobile-bottom{width:100%!important;margin-right:0!important}.cutout-pos-corner-right .minimap-slot .minimap-btn,.cutout-type-punch-right .minimap-slot .minimap-btn,.iphone-duo-cover .minimap-slot .minimap-btn{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.cutout-pos-corner-right .minimap-slot .minimap-btn:hover,.cutout-type-punch-right .minimap-slot .minimap-btn:hover,.iphone-duo-cover .minimap-slot .minimap-btn:hover{background:var(--glass-bg-hover)!important}.cutout-pos-corner-right .minimap-slot .minimap-btn:active,.cutout-type-punch-right .minimap-slot .minimap-btn:active,.iphone-duo-cover .minimap-slot .minimap-btn:active{transform:scale(.92);background:var(--glass-bg-active)!important}.cutout-pos-corner-right .minimap-slot .minimap-btn.active,.cutout-type-punch-right .minimap-slot .minimap-btn.active,.iphone-duo-cover .minimap-slot .minimap-btn.active{background:var(--accent)!important;color:var(--accent-on)!important}.cutout-pos-corner-right .minimap-slot .minimap-btn svg,.cutout-pos-corner-right .minimap-slot .minimap-btn img,.cutout-pos-corner-right .minimap-slot .minimap-btn .icon-svg,.cutout-type-punch-right .minimap-slot .minimap-btn svg,.cutout-type-punch-right .minimap-slot .minimap-btn img,.cutout-type-punch-right .minimap-slot .minimap-btn .icon-svg,.iphone-duo-cover .minimap-slot .minimap-btn svg,.iphone-duo-cover .minimap-slot .minimap-btn img,.iphone-duo-cover .minimap-slot .minimap-btn .icon-svg{width:26px!important;height:26px!important}.cutout-pos-corner-right #metronome-btn,.cutout-type-punch-right #metronome-btn,.iphone-duo-cover #metronome-btn{width:48px!important;height:48px!important}.cutout-pos-corner-right #metronome-bpm,.cutout-type-punch-right #metronome-bpm,.iphone-duo-cover #metronome-bpm{font-size:15px!important;font-weight:700!important;line-height:1.1!important}.cutout-pos-corner-right #metronome-time-label,.cutout-type-punch-right #metronome-time-label,.iphone-duo-cover #metronome-time-label{opacity:.7!important;font-size:10px!important}body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right #vertical-hud-bar,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right #vertical-hud-bar,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover #vertical-hud-bar,body.hud-sliding-out:not(.fullscreen-mode).cutout-pos-corner-right #vertical-hud-bar,body.hud-sliding-out:not(.fullscreen-mode).cutout-type-punch-right #vertical-hud-bar,body.hud-sliding-out:not(.fullscreen-mode).iphone-duo-cover #vertical-hud-bar{display:none!important}body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right #piano-container,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right #piano-container,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover #piano-container{width:100%!important;margin-right:0!important}body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right #ad-mobile-bottom,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right #ad-mobile-bottom,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover #ad-mobile-bottom{width:100%!important;max-width:100%!important;right:0!important}body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right dialog.modal-dialog,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right dialog.modal-dialog,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover dialog.modal-dialog,body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right .layout-pill-widget,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right .layout-pill-widget,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover .layout-pill-widget{width:100%!important;max-width:100%!important;margin-right:0!important;right:0!important}body.hud-hidden:not(.fullscreen-mode).cutout-pos-corner-right #toast,body.hud-hidden:not(.fullscreen-mode).cutout-type-punch-right #toast,body.hud-hidden:not(.fullscreen-mode).iphone-duo-cover #toast{left:50%!important}}@media (min-width:1024px){.minimap-btn svg,.minimap-btn img,#hud-btn-icon{width:32px!important;height:32px!important}}#playback-time-display{z-index:50;pointer-events:none;padding:0 15px;position:absolute;bottom:10px;left:0;right:0}#playback-time-display>div{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--hud-text);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}#playback-current-time,#playback-total-time{text-align:center;background:#0000004d;border-radius:4px;min-width:45px;padding:4px 8px}:root[data-theme=light] #playback-current-time,:root[data-theme=light] #playback-total-time{background:#ffffffbf}@media (orientation:portrait) and (max-width:600px){body.cutout-type-dynamic_island.fullscreen-mode #minimap-bar,body.cutout-type-dynamic_island-narrow.fullscreen-mode #minimap-bar,body.cutout-type-dynamic_island-short.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island-narrow.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island-short.fullscreen-mode #minimap-bar{grid-template:"record play.tempo sfx""instrument minimap minimap minimap settings"/auto auto 1fr auto auto;place-items:center;gap:4px 0;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,16px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,16px))!important;display:grid!important}body.cutout-type-notch-narrow.fullscreen-mode #minimap-bar{grid-template:"record play.tempo sfx""instrument minimap minimap minimap settings"/auto auto 1fr auto auto;place-items:center;gap:4px 0;padding-top:0!important;padding-bottom:0!important;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,16px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,16px))!important;display:grid!important}body.cutout-type-notch-wide.fullscreen-mode #minimap-bar,body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-bar,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-bar,body.cutout-type-notch.fullscreen-mode #minimap-bar,body.ios-profile-notch.fullscreen-mode #minimap-bar{grid-template:"instrument. . .settings""record play minimap tempo sfx"/auto auto 1fr auto auto;place-items:center;gap:4px 0;padding-top:0!important;padding-bottom:0!important;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,16px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,16px))!important;display:grid!important}body.cutout-type-notch.fullscreen-mode #minimap-slot-left,body.cutout-type-notch.fullscreen-mode #minimap-slot-right,body.cutout-type-dynamic_island.fullscreen-mode #minimap-slot-left,body.cutout-type-dynamic_island.fullscreen-mode #minimap-slot-right,body.ios-profile-notch.fullscreen-mode #minimap-slot-left,body.ios-profile-notch.fullscreen-mode #minimap-slot-right,body.ios-profile-dynamic_island.fullscreen-mode #minimap-slot-left,body.ios-profile-dynamic_island.fullscreen-mode #minimap-slot-right{display:contents!important}body.cutout-type-dynamic_island.fullscreen-mode #hud-record-btn,body.ios-profile-dynamic_island.fullscreen-mode #hud-record-btn,body.cutout-type-notch-narrow.fullscreen-mode #hud-record-btn{grid-area:record}body.cutout-type-dynamic_island.fullscreen-mode #btn-playback,body.ios-profile-dynamic_island.fullscreen-mode #btn-playback,body.cutout-type-notch-narrow.fullscreen-mode #btn-playback{grid-area:play}body.cutout-type-dynamic_island.fullscreen-mode #metronome-wrapper,body.ios-profile-dynamic_island.fullscreen-mode #metronome-wrapper,body.cutout-type-notch-narrow.fullscreen-mode #metronome-wrapper{grid-area:tempo}body.cutout-type-dynamic_island.fullscreen-mode #sfx-wrapper,body.ios-profile-dynamic_island.fullscreen-mode #sfx-wrapper,body.cutout-type-notch-narrow.fullscreen-mode #sfx-wrapper{grid-area:sfx}body.cutout-type-dynamic_island.fullscreen-mode #hud-inst-btn,body.ios-profile-dynamic_island.fullscreen-mode #hud-inst-btn,body.cutout-type-notch-narrow.fullscreen-mode #hud-inst-btn{grid-area:instrument}body.cutout-type-dynamic_island.fullscreen-mode #minimap-container,body.ios-profile-dynamic_island.fullscreen-mode #minimap-container,body.cutout-type-notch-narrow.fullscreen-mode #minimap-container{box-sizing:border-box;grid-area:minimap;width:100%!important;margin:4px 0!important}body.cutout-type-dynamic_island.fullscreen-mode #btn-open-settings,body.ios-profile-dynamic_island.fullscreen-mode #btn-open-settings,body.cutout-type-notch-narrow.fullscreen-mode #btn-open-settings{grid-area:settings}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #hud-inst-btn,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #hud-inst-btn{grid-area:instrument}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #btn-open-settings,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #btn-open-settings{grid-area:settings}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #hud-record-btn,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #hud-record-btn{grid-area:record}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #btn-playback,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #btn-playback{grid-area:play}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-container,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-container{box-sizing:border-box;grid-area:minimap;height:38px;width:100%!important;margin:2px 4px!important}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #metronome-wrapper,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #metronome-wrapper{grid-area:tempo}body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #sfx-wrapper,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #sfx-wrapper{grid-area:sfx}@media (min-width:414px){body.cutout-type-notch-wide.fullscreen-mode #minimap-bar,body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-bar,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-bar,body.cutout-type-notch.fullscreen-mode #minimap-bar,body.ios-profile-notch.fullscreen-mode #minimap-bar{grid-template-columns:auto auto 1fr auto auto;grid-template-areas:"record play.tempo sfx""instrument minimap minimap minimap settings";padding-top:0!important;padding-bottom:0!important;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,16px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,16px))!important}body.cutout-type-notch-wide.fullscreen-mode #minimap-container,body.cutout-type-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-container,body.ios-profile-notch:not(.cutout-type-notch-narrow).fullscreen-mode #minimap-container{box-sizing:border-box;grid-area:minimap;width:100%!important;margin:4px 0!important}}@media (min-width:428px){body.cutout-type-dynamic_island.fullscreen-mode #minimap-bar,body.cutout-type-dynamic_island-narrow.fullscreen-mode #minimap-bar,body.cutout-type-dynamic_island-short.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island-narrow.fullscreen-mode #minimap-bar,body.ios-profile-dynamic_island-short.fullscreen-mode #minimap-bar{grid-template-columns:auto auto auto 1fr auto auto auto;grid-template-areas:"instrument record play.tempo sfx settings""minimap minimap minimap minimap minimap minimap minimap";gap:4px 0;padding-left:max(env(safe-area-inset-left,0px), var(--corner-safe-inset,20px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--corner-safe-inset,20px))!important}body.cutout-type-dynamic_island.fullscreen-mode #minimap-container,body.cutout-type-dynamic_island-narrow.fullscreen-mode #minimap-container,body.cutout-type-dynamic_island-short.fullscreen-mode #minimap-container,body.ios-profile-dynamic_island.fullscreen-mode #minimap-container,body.ios-profile-dynamic_island-narrow.fullscreen-mode #minimap-container,body.ios-profile-dynamic_island-short.fullscreen-mode #minimap-container{grid-area:minimap/1/minimap/-1;width:100%!important;margin:4px 0!important}}}#dev-cutout-overlay{pointer-events:none;z-index:999999;justify-content:center;transition:opacity .2s;display:flex;position:fixed;top:0;left:0;right:0}.floating-settings-btn{top:max(calc(max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px)) + 8px), 11px);right:max(calc(env(safe-area-inset-right,0px) + var(--cutout-right-offset,0px) + 12px), var(--corner-safe-inset,16px));border-radius:var(--radius-btn,12px);background:var(--glass-bg-dark);width:48px;height:48px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:2000;cursor:pointer;color:var(--text-primary);isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;justify-content:center;align-items:center;padding:0;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),opacity .2s;display:none;position:fixed;box-shadow:0 4px 16px #00000059,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}.floating-settings-btn .icon-svg{width:24px!important;height:24px!important}.floating-settings-btn:before{content:"";position:absolute;inset:-6px}@media (orientation:portrait){body.fullscreen-mode.hud-hidden .floating-settings-btn,body.fullscreen-mode.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.hud-sliding-in .floating-settings-btn{top:8px!important}body.fullscreen-mode.cutout-type-dynamic_island.hud-hidden .floating-settings-btn,body.fullscreen-mode.cutout-type-dynamic_island.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.cutout-type-dynamic_island.hud-sliding-in .floating-settings-btn,body.fullscreen-mode.ios-profile-dynamic_island.hud-hidden .floating-settings-btn,body.fullscreen-mode.ios-profile-dynamic_island.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.ios-profile-dynamic_island.hud-sliding-in .floating-settings-btn{width:48px;height:48px;top:max(var(--cutout-top,11px), 11px)!important}body.fullscreen-mode.cutout-type-notch.hud-hidden .floating-settings-btn,body.fullscreen-mode.cutout-type-notch.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.cutout-type-notch.hud-sliding-in .floating-settings-btn,body.fullscreen-mode.ios-profile-notch.hud-hidden .floating-settings-btn,body.fullscreen-mode.ios-profile-notch.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.ios-profile-notch.hud-sliding-in .floating-settings-btn{width:48px;height:48px;top:4px!important}body.fullscreen-mode.cutout-type-punch.hud-hidden .floating-settings-btn,body.fullscreen-mode.cutout-type-punch.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.cutout-type-punch.hud-sliding-in .floating-settings-btn{width:48px;height:48px;top:max(var(--cutout-top,10px), 10px)!important}}@media (orientation:landscape){body.hud-hidden .floating-settings-btn,body.hud-sliding-out .floating-settings-btn,body.hud-sliding-in .floating-settings-btn{top:max(calc(max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px)) + 6px), 8px)!important}}body.cutout-pos-corner-right .floating-settings-btn,body.cutout-type-punch-right .floating-settings-btn,body.iphone-duo-cover .floating-settings-btn,body.fullscreen-mode.cutout-pos-corner-right .floating-settings-btn,body.fullscreen-mode.cutout-type-punch-right .floating-settings-btn,body.fullscreen-mode.iphone-duo-cover .floating-settings-btn,body.fullscreen-mode.cutout-pos-corner-right.hud-hidden .floating-settings-btn,body.fullscreen-mode.cutout-type-punch-right.hud-hidden .floating-settings-btn,body.fullscreen-mode.iphone-duo-cover.hud-hidden .floating-settings-btn,body.fullscreen-mode.cutout-pos-corner-right.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.cutout-type-punch-right.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.iphone-duo-cover.hud-sliding-out .floating-settings-btn,body.fullscreen-mode.cutout-pos-corner-right.hud-sliding-in .floating-settings-btn,body.fullscreen-mode.cutout-type-punch-right.hud-sliding-in .floating-settings-btn,body.fullscreen-mode.iphone-duo-cover.hud-sliding-in .floating-settings-btn{top:max(env(safe-area-inset-top,0px), 24px)!important;right:76px!important}body.split-right .floating-settings-btn,body.is-split-screen:not(.split-left) .floating-settings-btn,body:not(.fullscreen-mode).iphone-duo-inner:not(.split-left) .floating-settings-btn{top:8px!important;right:max(env(safe-area-inset-right,0px), 64px)!important}body.is-split-screen.split-left .floating-settings-btn,body.split-left .floating-settings-btn,body.iphone-duo-inner.split-left .floating-settings-btn{top:8px!important;right:max(env(safe-area-inset-right,0px), 16px)!important}body.fullscreen-mode.iphone-duo-inner:not(.is-split-screen) .floating-settings-btn{top:max(env(safe-area-inset-top,0px), 24px)!important;right:max(env(safe-area-inset-right,0px), 16px)!important}.floating-settings-btn:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 16px #00000059,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.floating-settings-btn:active{background:var(--glass-bg-active);transform:scale(.92);box-shadow:0 2px 8px #0000004d,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}:root[data-theme=light] .floating-settings-btn{background:var(--glass-bg-light);border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:0 4px 16px #00000014,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}.floating-scale-widget{top:calc(var(--hud-height,48px) + 8px);left:max(calc(env(safe-area-inset-left,0px) + var(--cutout-left-offset,0px) + 12px), var(--corner-safe-inset,16px));border-radius:var(--radius-btn,12px);background:var(--glass-bg-dark);width:48px;min-width:48px;height:48px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:2000;cursor:default;color:var(--text-primary);isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;align-items:center;padding:0;transition:width .32s cubic-bezier(.16,1,.3,1),max-width .32s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),opacity .25s;display:none;position:fixed;overflow:hidden;box-shadow:0 4px 16px #00000059,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}body.hud-hidden .floating-scale-widget{top:max(calc(max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px)) + 8px), 11px)}@media (orientation:portrait){body.fullscreen-mode.hud-hidden .floating-scale-widget,body.fullscreen-mode.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.hud-sliding-in .floating-scale-widget{top:8px!important}body.fullscreen-mode.cutout-type-dynamic_island.hud-hidden .floating-scale-widget,body.fullscreen-mode.cutout-type-dynamic_island.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.cutout-type-dynamic_island.hud-sliding-in .floating-scale-widget,body.fullscreen-mode.ios-profile-dynamic_island.hud-hidden .floating-scale-widget,body.fullscreen-mode.ios-profile-dynamic_island.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.ios-profile-dynamic_island.hud-sliding-in .floating-scale-widget{top:max(var(--cutout-top,11px), 11px)!important}body.fullscreen-mode.cutout-type-notch.hud-hidden .floating-scale-widget,body.fullscreen-mode.cutout-type-notch.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.cutout-type-notch.hud-sliding-in .floating-scale-widget,body.fullscreen-mode.ios-profile-notch.hud-hidden .floating-scale-widget,body.fullscreen-mode.ios-profile-notch.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.ios-profile-notch.hud-sliding-in .floating-scale-widget{top:4px!important}body.fullscreen-mode.cutout-type-punch.hud-hidden .floating-scale-widget,body.fullscreen-mode.cutout-type-punch.hud-sliding-out .floating-scale-widget,body.fullscreen-mode.cutout-type-punch.hud-sliding-in .floating-scale-widget{top:max(var(--cutout-top,10px), 10px)!important}}@media (orientation:landscape){body.hud-hidden .floating-scale-widget,body.hud-sliding-out .floating-scale-widget,body.hud-sliding-in .floating-scale-widget{top:max(calc(max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px)) + 6px), 8px)!important}}body.cutout-pos-corner-left .floating-scale-widget,body.cutout-type-punch-left .floating-scale-widget{left:max(calc(env(safe-area-inset-left,0px) + var(--cutout-left-offset,48px) + 12px), 60px)!important}body.is-split-screen .floating-scale-widget,body.iphone-duo-inner .floating-scale-widget{top:8px!important}.floating-scale-widget:not(.expanded):hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 16px #00000059,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.floating-scale-toggle{cursor:pointer;width:48px;min-width:48px;height:48px;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.floating-scale-toggle .icon-svg{width:24px!important;height:24px!important}.floating-scale-toggle:before{content:"";position:absolute;inset:-6px}.floating-scale-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px var(--accent);border-radius:50%;transition:opacity .2s,transform .2s;position:absolute;top:9px;right:9px}.floating-scale-widget.expanded .floating-scale-dot{opacity:0;transform:scale(.5)}.floating-scale-content{opacity:0;pointer-events:none;white-space:nowrap;align-items:center;padding-right:8px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-8px)}.floating-scale-widget.expanded{width:auto;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #00000073, inset 0 1px .5px #fff6, 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);border-color:#ffffff80 #ffffff40 #ffffff40}.floating-scale-widget.expanded .floating-scale-content{opacity:1;pointer-events:auto;transform:translate(0)}.floating-scale-info{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;max-width:150px;margin-left:2px;margin-right:10px;display:flex}.floating-scale-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.floating-scale-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9.5px;font-weight:600;line-height:1.15;overflow:hidden}.floating-scale-actions{align-items:center;gap:6px;display:flex}.btn-floating-action{border-radius:var(--radius-btn-compact,8px);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;height:32px;min-height:32px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.btn-floating-action:active{transform:scale(.96)}.btn-floating-edit{color:var(--text-primary);background:#ffffff1a;border:1px solid #ffffff29}.btn-floating-edit:hover{background:#ffffff2e;border-color:#ffffff47}.btn-floating-off{color:#ff6961;background:#ff68603f;border:1px solid #ff453a59}.btn-floating-off:hover{background:#ff63596a;border-color:#ff453a8c}:root[data-theme=light] .floating-scale-widget{background:var(--glass-bg-light);border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:0 4px 16px #00000014,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}:root[data-theme=light] .btn-floating-edit{color:var(--text-primary);background:#0000000f;border-color:#0000001f}:root[data-theme=light] .btn-floating-edit:hover{background:#0000001a}:root[data-theme=light] .btn-floating-off{color:#c62828;background:#a4252527;border-color:#d32f2f47}:root[data-theme=light] .btn-floating-off:hover{background:#a1242443}body.hud-hidden .floating-settings-btn{display:flex}body.fullscreen-transitioning.hud-hidden .floating-settings-btn,body.fullscreen-transitioning.hud-hidden .floating-scale-widget{transition:transform .5s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),opacity .2s!important}body.hud-measuring #minimap-bar,body.hud-measuring #piano-container,body.hud-measuring .layout-pill-widget,body.hud-measuring .floating-settings-btn,body.hud-measuring .floating-scale-widget{transition:none!important;animation:none!important}body.hud-hidden #minimap-bar{z-index:2500;pointer-events:none;box-shadow:none;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}body.hud-hidden #minimap-bar.hud-peek{pointer-events:auto;transform:translateY(0);box-shadow:0 8px 32px #0000008c}body.hud-hidden #minimap-bar.hud-peek~#floating-settings-btn,body.hud-hidden #minimap-bar.hud-peek~#floating-scale-widget{opacity:0;pointer-events:none}body.hud-hidden:has(#minimap-bar.hud-peek) .floating-settings-btn{opacity:0;pointer-events:none}body.hud-hidden:has(#minimap-bar.hud-peek) .floating-scale-widget{opacity:0;pointer-events:none}#piano-container{--board-scale:1}body.hud-transitioning #piano-container,body.fullscreen-transitioning #piano-container{transform-origin:50% 100%;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}body.hud-transitioning #minimap-bar,body.hud-transitioning #piano-container,body.hud-transitioning .floating-settings-btn,body.hud-transitioning .floating-scale-widget,body.fullscreen-transitioning #minimap-bar,body.fullscreen-transitioning #piano-container,body.fullscreen-transitioning .floating-settings-btn,body.fullscreen-transitioning .floating-scale-widget{pointer-events:none!important}body.hud-sliding-out #minimap-bar{pointer-events:none;transform:translateY(-100%)}body.hud-sliding-out .floating-settings-btn,body.hud-sliding-in .floating-settings-btn,body.hud-hidden.hud-sliding-in .floating-settings-btn{display:flex!important}body.hud-sliding-out .floating-settings-btn{animation:.5s cubic-bezier(.16,1,.3,1) forwards floating-settings-fade-in}body.hud-sliding-in .floating-settings-btn,body.hud-hidden.hud-sliding-in .floating-settings-btn{pointer-events:none;animation:.5s cubic-bezier(.16,1,.3,1) forwards floating-settings-fade-out}@keyframes floating-settings-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes floating-settings-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}body.hud-sliding-in #minimap-bar,body.hud-hidden.hud-sliding-in #minimap-bar{pointer-events:none;transform:translateY(0)}#top-controls{z-index:40;background:var(--hud-bg);width:100%;height:auto;color:var(--hud-text);flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;top:0}#minimap-container{background:var(--minimap-bg);cursor:pointer;z-index:50;border:var(--minimap-border);width:100%;height:40px;box-shadow:var(--minimap-shadow);border-radius:8px;margin:0;padding:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:visible}#minimap-canvas{border-radius:inherit;background:0 0;width:100%;height:100%;display:block;top:0}#minimap-thumb{border:2px solid var(--accent);box-sizing:border-box;min-width:28px;height:100%;box-shadow:none;cursor:grab;background:0 0;border-radius:6px;transition:none;position:absolute;top:0;left:0}#minimap-thumb:active{cursor:grabbing;background:0 0}:root[data-theme=light] #minimap-thumb{box-shadow:none;background:0 0}:root[data-theme=light] #minimap-thumb:active{background:0 0}.thumb-grip{display:none}.thumb-handle{background:var(--glass-bg-dark);cursor:ew-resize;z-index:200;pointer-events:auto;isolation:isolate;border:none;justify-content:center;align-items:center;width:8px;height:100%;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:absolute;top:0;box-shadow:0 1px 4px #00000040}:root[data-theme=light] .thumb-handle{background:var(--glass-bg-light);box-shadow:0 1px 3px #0000001f}.thumb-handle:after{content:"";background:var(--accent);opacity:.85;border-radius:1px;width:2px;height:12px}:root[data-theme=light] .thumb-handle:after{opacity:.75}.thumb-handle:hover,:root[data-theme=light] .thumb-handle:hover{background:var(--glass-bg-hover);box-shadow:inset 0 0 4px var(--accent)}.thumb-handle:active{background:var(--glass-bg-active);box-shadow:inset 0 0 8px var(--accent)}:root[data-theme=light] .thumb-handle:active{background:var(--glass-bg-active)}.thumb-handle.left{border-right:1.5px solid var(--accent);border-radius:4px 0 0 4px;left:0}.thumb-handle.left:before{content:"";position:absolute;inset:-8px 0 -8px -8px}.thumb-handle.right{border-left:1.5px solid var(--accent);border-radius:0 4px 4px 0;right:0}.thumb-handle.right:before{content:"";position:absolute;inset:-8px -8px -8px 0}#metronome-slider-popup{z-index:99999;box-sizing:border-box;max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - max(var(--safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px)) - 24px);overscroll-behavior:contain;will-change:transform, opacity;margin:0;padding:16px;position:fixed;top:0;left:0;overflow-y:auto;width:184px!important;min-width:unset!important}body.ad-bot #metronome-slider-popup{max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - max(var(--safe-area-inset-bottom,0px), var(--ad-actual-height,50px), 50px) - 20px)!important}#metronome-slider-popup:not(:popover-open){display:none}.metronome-header{color:var(--text-primary);text-align:center;letter-spacing:.05em;text-transform:none;opacity:.9;margin-bottom:12px;font-size:12px;font-weight:800}.metronome-grid-wrapper{flex-direction:column;gap:14px;display:flex}.metronome-col{flex-direction:column;display:flex}.metronome-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metronome-row span:first-child{color:var(--text-secondary);font-size:11px;font-weight:600}.metronome-row span:last-child{color:var(--accent);font-size:13px;font-weight:800}.metronome-slider{width:100%;margin-bottom:12px;display:block}.metronome-tap-btn{text-transform:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.metronome-tap-btn svg{width:12px;height:12px}.metronome-section-title{color:var(--text-muted);text-transform:none;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:700}.metronome-label{color:var(--text-muted);margin-bottom:4px;font-size:9px;font-weight:600}#metronome-slider-popup .time-sig-preset-grid,#metronome-slider-popup .ts-num-grid,#metronome-slider-popup .ts-den-grid{grid-template-columns:repeat(4,32px);justify-content:center;gap:8px;display:grid}#metronome-slider-popup .ts-num-grid{margin-bottom:8px}#metronome-slider-popup .time-sig-preset-grid .btn-option,#metronome-slider-popup .ts-num-grid .btn-option,#metronome-slider-popup .ts-den-grid .btn-option{border-radius:var(--radius-btn-option,8px);justify-content:center;place-self:center;align-items:center;width:32px;height:32px;padding:0;font-size:10px;display:flex}@media (orientation:landscape),(max-height:550px){#metronome-slider-popup{width:326px!important;max-width:calc(100vw - 20px)!important;padding:12px 14px!important}#metronome-slider-popup .metronome-header{border-bottom:var(--glass-border);margin-bottom:10px;padding-bottom:6px}#metronome-slider-popup .metronome-grid-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}#metronome-slider-popup .metronome-slider{margin-bottom:8px}#metronome-slider-popup .metronome-tap-btn{height:28px;margin-bottom:10px}#metronome-slider-popup .time-sig-preset-grid,#metronome-slider-popup .ts-num-grid,#metronome-slider-popup .ts-den-grid{grid-template-columns:repeat(4,30px)!important;gap:6px!important}#metronome-slider-popup .time-sig-preset-grid .btn-option,#metronome-slider-popup .ts-num-grid .btn-option,#metronome-slider-popup .ts-den-grid .btn-option{width:30px;height:30px}#metronome-slider-popup .ts-num-grid{margin-bottom:6px}}#midi-status-dot{z-index:10;background:#4caf50;border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:5px;right:5px;box-shadow:0 0 6px #4caf50cc}#playback-time-display{z-index:20;pointer-events:none;padding:0 8px;display:none;position:absolute;bottom:2px;left:0;right:0}.playback-time-row{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--hud-text);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}#metronome-wrapper,#sfx-wrapper{position:relative}#metronome-btn{flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:2px 0;display:flex}#metronome-bpm{color:var(--hud-text);letter-spacing:-.02em;font-size:13px;font-weight:800;line-height:1.1}#metronome-time-label{color:var(--hud-text);opacity:.9;letter-spacing:.02em;font-size:9.5px;font-weight:700}#sfx-popup .sfx-col .sfx-header:not(:first-child){margin-top:15px;margin-bottom:8px}#sfx-popup .icon-row{flex-wrap:wrap;justify-content:center;gap:12px 8px;margin-top:5px}#sfx-wrapper{position:relative}#sfx-popup{z-index:99999;will-change:transform, opacity;min-width:220px;max-width:260px;max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - var(--ad-top-padding,0px) - max(var(--safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px)) - 24px);overscroll-behavior:contain;margin-top:5px;padding:15px;position:absolute;top:110%;right:-50px;overflow-y:auto}#sfx-popup:not(:popover-open){display:none}body.ad-bot #sfx-popup{max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - max(var(--safe-area-inset-bottom,0px), var(--ad-actual-height,50px), 50px) - 20px)!important}body.ad-top #sfx-popup{max-height:calc(100dvh - var(--ad-actual-height,90px) - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - max(var(--safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px)) - 20px)!important}.sfx-grid-wrapper{display:block}.sfx-col{flex-direction:column;display:flex}.sfx-subgrid-2col,.sfx-subcol{flex-direction:column;width:100%;display:flex}.sfx-subcol:last-child .sfx-header{margin-top:15px}.sfx-header{color:var(--text-primary);text-align:center;border-bottom:var(--glass-border);letter-spacing:.05em;justify-content:center;align-items:center;min-height:24px;margin-bottom:15px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex;position:relative}.sfx-reset-btn{aspect-ratio:1;background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #ffffff24;border-color:#ffffff59 #ffffff24 #fff3;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),color .15s,transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:calc(50% - 4px);right:0;transform:translateY(-50%);box-shadow:inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff26,0 2px 6px #0000002e}.sfx-reset-btn:before{content:"";min-width:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sfx-reset-btn svg{stroke:currentColor;fill:none;opacity:.9;pointer-events:none;width:13px;height:13px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .15s;display:block}.sfx-reset-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--accent);box-shadow:inset 0 1px .5px #ffffff73, 0 2px 8px color-mix(in srgb, var(--accent) 30%, transparent)}.sfx-reset-btn:hover svg{opacity:1;transform:rotate(-35deg)}.sfx-reset-btn:active{background:var(--glass-bg-active);transform:translateY(-50%)scale(.92);box-shadow:inset 0 1px 2px #0000004d}.sfx-reset-btn:active svg{transform:rotate(-90deg)scale(.92)}:root[data-theme=light] .sfx-reset-btn{color:var(--text-secondary);border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:inset 0 1px .5px #ffffffe6,0 2px 5px #00000014}:root[data-theme=light] .sfx-reset-btn:hover{color:var(--text-primary);border-color:var(--accent)}body.lite-engine-active .sfx-reset-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#2c2c2e!important;border:1px solid #48484a!important}:root[data-theme=light] body.lite-engine-active .sfx-reset-btn{background:#fff!important;border:1px solid #d1d1d6!important}.sfx-row{font-size:var(--font-small);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sfx-row span:last-child{color:var(--text-primary);font-weight:600}.sfx-slider{cursor:pointer;background:0 0;width:100%;margin-top:-4px;margin-bottom:10px;padding:8px 0;display:block}.sfx-slider:last-of-type{margin-bottom:5px}.sfx-slider::-webkit-slider-runnable-track{background:var(--glass-bg-hover);border:none;border-radius:3px;width:100%;height:6px}.sfx-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:26px;height:16px;transition:background var(--transition-fast), transform .1s ease;cursor:ew-resize;border:none;border-radius:8px;margin-top:-5px;box-shadow:0 3px 6px #00000080}.sfx-slider::-webkit-slider-thumb:hover{background:var(--text-primary);transform:scale(1.1)}.sfx-slider::-webkit-slider-thumb:active{background:var(--text-primary);transform:scale(1.25)}.sfx-slider::-moz-range-track{background:var(--glass-bg-hover);border:none;border-radius:3px;width:100%;height:6px}.sfx-slider::-moz-range-thumb{background:var(--accent);width:26px;height:16px;transition:background var(--transition-fast), transform .1s ease;cursor:ew-resize;border:none;border-radius:8px;box-shadow:0 3px 6px #00000080}.sfx-slider::-moz-range-thumb:hover{background:var(--text-primary);transform:scale(1.1)}.sfx-slider::-moz-range-thumb:active{background:var(--text-primary);transform:scale(1.25)}.sfx-toggle-row{font-size:var(--font-small);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}@media (min-width:480px) and (max-width:699px) and (orientation:landscape),(min-width:480px) and (max-width:768px) and (orientation:portrait){#sfx-popup{max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - var(--ad-top-padding,0px) - max(var(--safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px)) - 20px);min-width:420px!important;max-width:min(540px,100vw - 20px)!important;right:-40px!important;overflow-y:auto!important}.sfx-grid-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.sfx-col:nth-child(3){grid-column:span 2!important}.sfx-subgrid-2col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.sfx-subcol:last-child .sfx-header{margin-top:0!important}.sfx-header{margin-bottom:12px}}@media (min-width:700px) and (orientation:landscape),(min-width:769px){#sfx-popup{max-height:calc(100dvh - var(--hud-btn-size,48px) - var(--safe-area-inset-top,0px) - var(--ad-top-padding,0px) - max(var(--safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px)) - 20px);min-width:580px!important;max-width:min(720px,100vw - 20px)!important;right:-60px!important;overflow-y:auto!important}.sfx-grid-wrapper{grid-template-columns:repeat(3,minmax(130px,1fr))!important;gap:18px!important;display:grid!important}.sfx-col:nth-child(3){grid-column:span 1!important}.sfx-subgrid-2col{flex-direction:column!important;gap:0!important;display:flex!important}.sfx-subcol:last-child .sfx-header{margin-top:15px!important}.sfx-header{margin-bottom:12px}}.midi-control-pad{background:color-mix(in srgb, var(--glass-bg-dark) 85%, transparent);width:120px;height:120px;-webkit-backdrop-filter:var(--glass-blur);z-index:4000;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:20px;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 12px 36px #00000073,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}:root[data-theme=light] .midi-control-pad{background:color-mix(in srgb, var(--glass-bg-light) 85%, transparent);border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:0 12px 36px #0000001f,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}.midi-control-pad.active{background:color-mix(in srgb, var(--accent) 15%, var(--glass-bg-dark));border-color:#ffffff40;border-top-color:color-mix(in srgb, var(--accent) 60%, white 40%);border-bottom-color:color-mix(in srgb, var(--accent) 50%, white 20%);box-shadow:0 12px 36px #00000080, 0 0 24px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px .5px #ffffff8c, inset 0 -1px .5px #ffffff40}@keyframes latchPulse{0%,to{box-shadow:0 12px 36px #00000080, 0 0 20px color-mix(in srgb, var(--accent) 50%, transparent), inset 0 1px .5px #fff9, inset 0 -1px .5px #ffffff4d}50%{box-shadow:0 16px 44px #0009, 0 0 32px color-mix(in srgb, var(--accent) 80%, transparent), inset 0 1px 1px #fffc, inset 0 -1px .5px #fff6}}.midi-control-pad.latched{background:color-mix(in srgb, var(--accent) 22%, var(--glass-bg-dark));border-color:color-mix(in srgb, var(--accent) 80%, white 20%);border-top-color:#fff;border-bottom-color:color-mix(in srgb, var(--accent) 60%, white 40%);animation:1.4s cubic-bezier(.4,0,.2,1) infinite latchPulse}.midi-control-pad.latched .midi-pad-dot{box-shadow:none!important}.midi-control-pad.unlocked{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 60%, white 40%);border-bottom-color:color-mix(in srgb, var(--accent) 50%, white 20%);cursor:default;box-shadow:0 12px 36px #00000073, 0 0 30px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 1px .5px #ffffff73, inset 0 -1px .5px #fff3}.midi-pad-move-pill{cursor:move;opacity:.85;z-index:10;background:#fff;border-radius:3px;width:44px;height:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000040,inset 0 .5px .5px #ffffffe6}.midi-pad-move-pill:hover{opacity:1;background:#fff;transform:translate(-50%)scaleX(1.08);box-shadow:0 2px 6px #00000059,inset 0 .5px .5px #fff}.midi-pad-move-pill:active{opacity:.95;background:#fff;transform:translate(-50%)scale(.96)}.midi-pad-close-btn{background:var(--glass-bg-dark);width:34px;height:34px;-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;z-index:20;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-42px;left:50%;transform:translate(-50%)scale(.85);box-shadow:0 4px 12px #0000004d,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}.midi-pad-close-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.midi-pad-close-btn:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;transform:translate(-50%)scale(1.08);box-shadow:0 6px 16px #0006,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.midi-pad-close-btn:active{background:var(--glass-bg-active);transform:translate(-50%)scale(.92)}.midi-pad-resize-handle{z-index:5;width:20px;height:20px;position:absolute}.midi-pad-resize-handle.top-left{cursor:nwse-resize;top:0;left:0}.midi-pad-resize-handle.top-right{cursor:nesw-resize;top:0;right:0}.midi-pad-resize-handle.bottom-left{cursor:nesw-resize;bottom:0;left:0}.midi-pad-resize-handle.bottom-right{cursor:nwse-resize;bottom:0;right:0}.midi-pad-label{text-align:center;width:100%;color:var(--accent);letter-spacing:.05em;pointer-events:none;opacity:.8;font-size:9px;font-weight:800;position:absolute;bottom:8px;left:0}.midi-pad-dot{background:var(--accent);pointer-events:none;will-change:left, top;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:none!important;transition:none!important}.midi-control-pad.unlocked .midi-pad-dot{background:var(--accent)}.pad-preset-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pad-preset-btn{background:var(--glass-bg-light);color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:auto;min-height:52px;padding:12px 5px;font-size:12px;font-weight:700;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s,transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}.preset-subtitle{opacity:.5;letter-spacing:.05em;font-size:9px;font-weight:400}.pad-preset-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 2px 8px #00000026,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.pad-preset-btn:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}.pad-preset-btn:hover .preset-subtitle{opacity:.8}.midi-device-list{border-radius:var(--radius-device-list,12px);background:#0003;border:1px solid #ffffff1a;flex-direction:column;max-height:none;margin-bottom:5px;display:flex;overflow:hidden}.midi-device-list.expanded{max-height:min(42vh,320px);overflow-y:auto}.midi-device-list:not(.expanded) .midi-device-item:not(.midi-device-all):not(.empty){display:none}.midi-section-header{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.midi-section-title{align-items:center;gap:6px;display:flex}.midi-device-all{cursor:pointer;-webkit-user-select:none;user-select:none}.midi-device-all .midi-device-info{cursor:pointer}.midi-device-chevron{opacity:.55;flex-shrink:0;width:12px;height:12px;margin-right:4px;transition:transform .2s,opacity .15s,color .15s}.midi-device-all:hover .midi-device-chevron{opacity:1;color:var(--accent)}.midi-device-list.expanded .midi-device-all .midi-device-chevron{opacity:1;color:var(--accent);transform:rotate(180deg)}.midi-device-all .midi-device-name{align-items:center;gap:6px;display:flex}.midi-section-actions{align-items:center;gap:8px;display:flex}.midi-icon-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:4px;display:flex}.midi-icon-btn:hover{background:var(--glass-bg-hover)}.midi-omni-wrap{opacity:.7;align-items:center;gap:4px;font-size:10px;display:flex}.midi-omni-wrap[hidden]{display:none!important}.midi-debug-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:10px}.midi-debug-btn:hover{color:var(--text-secondary);background:var(--glass-bg-hover)}.midi-device-item{border-bottom:var(--glass-border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.midi-device-item:last-child{border-bottom:none}.midi-device-item.empty{opacity:.5;text-align:center;padding:20px 0;font-size:11px}.midi-device-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.midi-device-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.status-indicator-dot{width:8px;height:8px;transition:background-color var(--transition-normal) ease, box-shadow var(--transition-normal) ease;background-color:#ff3b30;border-radius:50%}.status-indicator-dot.active{background-color:#4caf50;box-shadow:0 0 6px #4caf5099}.midi-device-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.midi-device-detail{opacity:.55;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9px;overflow:hidden}#midi-modal .midi-modal-panel{isolation:isolate;outline:none;flex-direction:column;width:min(320px,92vw);max-height:min(90vh,100% - 24px);display:flex;overflow:hidden!important}#midi-modal .midi-modal-panel.glass-pane:before{z-index:0;background:color-mix(in srgb, var(--glass-bg-dark) 88%, #000 12%)}#midi-modal .midi-modal-panel>*{z-index:1;position:relative}.midi-modal-title{text-align:center;flex-shrink:0;margin:0 0 16px}.midi-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.midi-connection-details{color:var(--text-secondary);border-top:1px solid #ffffff1a;margin-top:12px;padding-top:10px;font-size:11px}.midi-connection-details summary{color:var(--accent);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:4px;font-weight:600;list-style:none;display:flex}.midi-connection-details summary::-webkit-details-marker{display:none}.midi-connection-guide{text-align:left;color:var(--text-muted);flex-direction:column;gap:10px;margin-top:8px;font-size:10.5px;line-height:1.45;display:flex}.midi-guide-section{background:#00000038;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px}.midi-guide-title{color:var(--text-primary);margin-bottom:4px;font-size:11px;display:block}.midi-guide-steps{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.midi-guide-steps li{padding-left:2px}.midi-guide-note{margin:0;font-size:10px;line-height:1.4}.midi-inline-tip{color:var(--text-muted);text-align:left;margin:6px 0 0;padding:0 2px;font-size:10px;line-height:1.4}.midi-status-tip{color:#e6c200;background:#ffd70014;border-left:2px solid gold;border-radius:8px;margin-top:10px;padding:8px 10px}.midi-status-tip[hidden]{display:none!important}#midi-debug-panel{color:#aaa;background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin-top:15px;padding:10px;font-family:monospace;font-size:9px;display:none}.midi-debug-title{color:var(--accent);border-bottom:var(--glass-border);margin-bottom:5px;padding-bottom:2px;font-weight:700}.midi-microtonal-controls{flex-direction:column;gap:8px;margin-top:8px;display:flex}.midi-microtonal-controls .switch-label{color:var(--text-secondary);font-size:12px}.midi-control-row{justify-content:space-between;align-items:center;display:flex}.midi-control-select{background:var(--glass-bg-dark);border:var(--glass-border);height:32px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 10px;font-size:12px}.midi-switch-row{justify-content:space-between;margin-top:2px!important}.midi-actions-row{justify-content:flex-end;margin-top:2px;display:flex}#btn-send-mts-dump{background:var(--glass-bg-dark);height:30px;color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:8px;padding:0 12px;font-size:11px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}#btn-send-mts-dump:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 10px #00000029,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}#btn-send-mts-dump:active{background:var(--glass-bg-active);transform:scale(.95)}#settings-modal.slider-dragging{opacity:.5}:root[data-glass-style=liquid]:not([data-glass-effect]) #settings-modal.slider-dragging,body[data-glass-style=liquid]:not([data-glass-effect]) #settings-modal.slider-dragging{opacity:1!important}#settings-modal.slider-dragging #rows-slider{opacity:1}#settings-modal.slider-dragging .label:has(#rows-val){opacity:1}#settings-modal{align-items:flex-start!important}#settings-modal .modal-panel{text-align:left;border-radius:var(--glass-radius,24px);outline:none;flex-direction:column;width:90%;max-width:1000px;max-height:100%;padding:20px 0 24px;display:flex;position:relative;margin-top:0!important;margin-bottom:auto!important;overflow:hidden!important}.settings-modal-header{flex-shrink:0;justify-content:center;align-items:center;min-height:32px;margin-bottom:4px;padding:0 24px;display:flex;position:relative}.settings-modal-header .settings-title{text-align:center;color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.settings-modal-header .btn-close-minimal{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.settings-modal-header .btn-close-minimal:hover{transform:translateY(-50%)scale(1.1)}.settings-body-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:4px 24px 16px;overflow:hidden auto}#settings-simple-view{width:100%;animation:.2s ease-out settingsFadeIn}#settings-advanced-view{width:100%;animation:.2s ease-out settingsFadeIn;display:none}#btn-more-settings-banner{border-color:color-mix(in srgb, var(--accent) 30%, transparent)}#btn-more-settings-banner:hover{border-color:var(--accent);color:var(--accent)}.icon-row>[id^=slot-]{display:contents}.icon-row>[id^=slot-]:empty,:is(.icon-row>[id^=slot-]:has(>[style*="display: none"]),.icon-row>[id^=slot-]:has(>.btn-wrapper[style*="display: none"])){display:none!important}.settings-more-banner-wrapper{justify-content:center;width:100%;margin-top:14px;display:flex}#btn-more-settings-banner{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;max-width:100%;margin:0;padding:10px 24px;font-size:12px;font-weight:600;display:inline-flex}#slot-simple-key-shapes #wrapper-shape-rectangle{display:none!important}#slot-simple-key-shapes #key-shapes-container{gap:6px;margin-bottom:8px}#slot-simple-board-height .settings-col-top-header{margin-top:8px!important}#palette-dropdown-wrapper,#simple-palette-dropdown-wrapper,#scale-dropdown-wrapper{width:100%}#simple-palette-select-container{width:100%;margin-bottom:0}@media (max-width:480px){.settings-modal-header{padding:0 16px}.settings-modal-header .settings-title{font-size:1.1rem}.settings-modal-header .btn-close-minimal{right:12px}}#settings-modal .settings-columns{touch-action:manipulation;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-tab-bar{-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;scroll-behavior:smooth;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:stretch;gap:6px;margin-bottom:16px;padding:0 4px;transition:-webkit-mask-image .25s,mask-image .25s;display:none;position:relative;overflow:auto hidden}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab-bar.is-overflowing{cursor:grab;justify-content:flex-start}.settings-tab-bar.is-dragging{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important;scroll-behavior:auto!important}.settings-tab-bar.can-scroll-right:not(.can-scroll-left){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%)}.settings-tab-bar.can-scroll-left:not(.can-scroll-right){-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 36px),#0000 100%);mask-image:linear-gradient(270deg,#000 calc(100% - 36px),#0000 100%)}.settings-tab-bar.can-scroll-left.can-scroll-right{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 36px calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 36px calc(100% - 36px),#0000 100%)}.settings-tab{min-width:max-content;max-width:160px;color:var(--text-muted);cursor:pointer;text-align:center;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:7px 10px 9px;font-size:12px;font-weight:600;transition:color .25s cubic-bezier(.25,1,.5,1),background-color .2s;display:inline-flex;position:relative}.settings-tab:focus-visible{outline:2px solid var(--accent)!important;outline-offset:-2px!important;border-radius:8px!important}.settings-tab:hover{color:var(--text-primary);background:#ffffff0a}.settings-tab.active{color:var(--accent)}.settings-tab-icon{fill:currentColor;opacity:.8;pointer-events:none;flex-shrink:0;width:15px;height:15px;transition:transform .2s cubic-bezier(.25,1,.5,1),opacity .2s;display:inline-block}.settings-tab:hover .settings-tab-icon{opacity:.95}.settings-tab.active .settings-tab-icon{opacity:1;transform:scale(1.06)}.settings-tab-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;line-height:1.2;overflow:hidden}.settings-tab:after{display:none}.settings-tab-indicator{background:var(--accent);height:3px;box-shadow:0 -2px 10px color-mix(in srgb, var(--accent) 50%, transparent);pointer-events:none;z-index:2;will-change:transform, width;border-radius:4px 4px 0 0;position:absolute;bottom:-1px;left:0;transform:translate(0,0)}@media (max-width:480px){.settings-tab-bar{gap:3px;margin-bottom:12px;padding:0 4px}.settings-tab{flex:1 0 auto;gap:4px;padding:6px 7px 8px;font-size:11px}.settings-tab-icon{width:13.5px;height:13.5px}}.settings-tab-content{width:100%;animation:none;display:none}.settings-tab-content.active:not(.pager-page){visibility:visible;pointer-events:auto;opacity:1;z-index:1;display:block;position:relative;top:auto;left:auto;transform:none}#settings-advanced-view.tab-pager{contain:paint layout;position:relative;overflow:hidden}#settings-advanced-view.tab-pager>.settings-tab-content.pager-page{z-index:2;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;margin:0;top:0;left:0;transform:translate(0,0);opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:none!important;display:block!important;position:absolute!important}.settings-modal-header{touch-action:manipulation}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.btn-close-minimal{width:32px;height:32px;box-shadow:none;color:var(--text-secondary);cursor:pointer;z-index:1000;background:0 0;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.btn-close-minimal:hover{color:var(--text-primary);opacity:1;transform:scale(1.1)}.close-settings-internal:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.btn-close{border-radius:50px;width:fit-content;margin:15px auto 10px;padding:12px 25px;font-size:16px;display:block;min-width:0!important}#quick-settings-modal{z-index:6000}#quick-settings-modal .modal-panel{text-align:left;outline:none;flex-direction:column;width:90%;max-width:1000px;max-height:calc(100% - 20px);padding:24px 0 12px;display:flex;overflow:hidden!important}#quick-settings-modal h2,#info-modal h2,#quick-setup-modal h2{text-align:center;color:var(--accent);letter-spacing:1px;margin-bottom:12px;font-size:20px}.qs-cols{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:stretch;gap:10px;margin-bottom:0;display:grid}.qs-col{border-radius:var(--radius-qs-col,12px);background:0 0;border:2px solid #ffffff40;flex-direction:column;flex:1;align-items:center;padding:10px;display:flex}:root[data-theme=light] .qs-col{border:2px solid #00000026}.qs-header{color:var(--accent);font-size:var(--font-heading);letter-spacing:.5px;margin-bottom:8px;font-weight:600}.qs-desc-text{color:var(--text-secondary);font-size:var(--font-body);min-height:10px;margin-bottom:15px;line-height:1.4}.qs-layout-preview{box-sizing:border-box;border-radius:var(--radius-qs-col,12px);background:var(--glass-bg-dark);border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:0;padding:8px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0003}.qs-layout-preview canvas{border-radius:8px;width:100%;height:75px;display:block}.qs-btn-group{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.qs-item-wrapper{text-align:center;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;width:40px;display:flex}.qs-card-btn{width:100%}.qs-card-btn svg{width:28px;height:28px}.qs-card-btn:hover{background:var(--glass-bg-hover)}.qs-card-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on);box-shadow:0 5px 15px #0000004d, 0 0 15px color-mix(in srgb, var(--accent) 30%, transparent);transform:scale(1.05)}.qs-label-external{font-size:var(--font-label);color:var(--text-secondary);text-align:center;width:100%;font-weight:400;line-height:1.2}.qs-card-btn.active+.qs-label-external{color:var(--accent);font-weight:700}.qs-square-btn.layout-btn{white-space:normal;text-align:center;min-width:56px;font-size:9px;line-height:1.1;width:auto!important;padding:0 8px!important}.qs-chord-preview{border:var(--glass-border);border-radius:var(--radius-chord-prev,8px);justify-content:center;align-items:center;width:90%;height:30px;margin-bottom:10px;display:flex}.qs-chord-preview .mini-key{width:12px;height:16px}.qs-chord-preview .mini-row.shift{margin-left:14px}.qs-chord-grid{grid-template-columns:repeat(3,1fr);gap:2px;width:100%;display:grid}.qs-chord-btn{border-radius:var(--radius-chord-btn,8px);color:var(--text-secondary);font-size:var(--font-label);cursor:pointer;border:none;padding:8px 0;font-weight:700}.qs-chord-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.qs-chord-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on);box-shadow:0 5px 15px #0000004d, 0 0 15px color-mix(in srgb, var(--accent) 30%, transparent);transform:scale(1.05)}.btn-start-play{background:var(--accent);color:var(--accent-on);cursor:pointer;border:none;border-radius:30px;margin:0 auto;padding:10px 40px;font-size:14px;font-weight:700;transition:transform .2s;display:block}.btn-start-play:hover{box-shadow:0 0 20px rgba(var(--accent-rgb), .4);transform:scale(1.05)}#settings-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px var(--accent)}#settings-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px var(--accent)}#settings-panel input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px var(--accent)}.qs-btn-group button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px var(--accent)}@media (min-width:1024px){#settings-modal .modal-panel{width:90%;max-width:1000px;padding:40px}#settings-modal .settings-columns{gap:40px}#quick-settings-modal .modal-panel{width:90%;max-width:1000px;padding:40px}.qs-cols{gap:30px}.qs-square-btn{width:76px;height:76px}.qs-square-btn svg{width:38px;height:38px}}@media (max-width:932px) and (orientation:portrait){#settings-modal .settings-columns,.qs-cols{grid-template-columns:1fr}.qs-desc-text{margin-bottom:10px;font-size:11px;line-height:1.3}.qs-item-wrapper{width:38px}.qs-label-external{font-size:9px}.qs-label-external span{font-size:7px}.qs-chord-btn{padding:4px 0;font-size:8px}.btn-start-play{padding:8px 25px;font-size:12px}}@media (max-width:600px) and (orientation:portrait){#settings-modal .modal-panel{max-height:80vh;overflow:hidden!important}}@media (max-height:520px) and (orientation:landscape){#settings-modal .modal-panel{width:95%!important;padding:10px 12px!important}.settings-modal-header{min-height:26px;margin-bottom:2px;padding:0 12px}.settings-body-scroll{padding:2px 8px 6px}.settings-modal-header .settings-title{font-size:15px}.settings-row-split{gap:10px!important}#settings-simple-view .label{margin-top:4px!important;margin-bottom:2px!important;font-size:11px!important}#slot-simple-board-height,#slot-simple-palette-select{margin-bottom:4px!important}#settings-simple-view #key-shapes-container{gap:6px!important;margin-bottom:4px!important}#settings-simple-view .settings-subgrid-2col>div:last-child .label{margin-top:6px!important}#settings-simple-view .icon-row{gap:6px!important;margin-top:4px!important}#settings-simple-view .btn-wrapper{gap:4px!important;width:50px!important}#settings-simple-view .btn-label{max-width:52px!important;font-size:9.5px!important;line-height:1.15!important}#settings-simple-view .btn-square{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;padding:0!important}.settings-more-banner-wrapper{margin-top:8px!important}#btn-more-settings-banner{padding:6px 16px!important;font-size:11px!important}.settings-tab-bar{gap:4px!important;margin-bottom:8px!important;padding:0 4px!important}.settings-tab{gap:4px!important;padding:4px 6px 6px!important;font-size:11px!important}.settings-tab-icon{width:13px!important;height:13px!important}#settings-hint-container{margin-top:10px!important}.settings-shortcuts-card{border-radius:12px!important;padding:8px 12px!important}.settings-shortcuts-grid{gap:4px 14px!important}.settings-shortcut-row{padding:1px 0!important;font-size:10.5px!important}.settings-shortcut-key{padding:2px 5px!important;font-size:9.5px!important}.qs-header{margin-bottom:5px;font-size:12px}.btn-start-play{padding:6px 20px;font-size:11px}#settings-instrument-grid .instrument-row-btn{padding:8px 10px}#settings-instrument-grid .inst-name{font-size:12px}#settings-instrument-grid .inst-badge{min-width:20px;padding:1px 4px;font-size:9px}#settings-instrument-grid .inst-bank-tag{padding:1px 5px;font-size:9px}#settings-instrument-grid .inst-row-left{gap:8px}.inst-top-actions{gap:8px;margin:2px 0 8px}#btn-open-sf-picker{height:36px;padding:0 10px;font-size:11.5px}.inst-search-container{height:36px;padding:0 10px}#inst-search-input{font-size:11.5px}}@media (orientation:landscape) and (max-height:600px){.btn-close{margin-top:8px;padding:8px 20px;font-size:12px}.qs-item-wrapper{gap:2px;width:36px}.qs-card-btn svg{width:18px;height:18px}}#btn-settings-toggle svg{fill:currentColor;width:24px;height:24px}#settings-hint-container{box-shadow:none;background:0 0;border:none;margin-top:24px;padding:0}.midi-pad-settings-btn{background:var(--glass-bg-light);border:var(--glass-border);width:24px;height:24px;color:var(--text-primary);cursor:pointer;z-index:10;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.midi-pad-settings-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent);color:var(--accent)}.midi-pad-settings-btn svg{opacity:.7}.midi-pad-settings-btn:hover svg{opacity:1}.settings-row-split{flex-direction:column;gap:0;display:flex}.settings-col{box-sizing:border-box;width:100%;min-width:0}.settings-subgrid-2col{flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex}.settings-subgrid-2col>div{width:100%}.key-labels-header,.settings-col-top-header{margin-top:15px}.settings-col .label{text-align:center}.settings-col>.label:first-child{margin-top:0}.settings-btn-row{gap:5px;width:100%;margin-top:6px;display:flex}.settings-btn-row .btn-action{flex:1;margin:0;padding:10px 2px;font-size:10px}#btn-delete-layout{background:#ff3b30;display:none}#key-shapes-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex}#key-shapes-container .btn-wrapper{flex:none}#slot-advanced-scale-select,#slot-advanced-palette-select{margin-bottom:12px}.settings-subgrid-2col .icon-row{gap:12px;margin-top:0}.settings-slider-group{padding:0 5px}.slider-label-row{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.settings-slider-group input[type=range]{margin-bottom:15px}.settings-slider-group input[type=range]:last-of-type{margin-bottom:20px}#tab-sounds .icon-row,#tab-general .icon-row{gap:10px 8px;margin-top:8px}#slot-simple-layout-select,#slot-simple-scale-select,#slot-simple-board-height,#slot-simple-palette-select{margin-bottom:8px}#settings-simple-view .label{margin-top:8px}#settings-simple-view .icon-row{gap:8px 6px;margin-top:8px}#settings-hint-container{margin-top:24px}#settings-hint-container .label{text-align:center;margin:0 0 12px}.dev-tools-wrapper{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px;display:none}.dev-tools-wrapper .label{margin-top:15px}.dev-tools-wrapper>.label:first-child{color:#ff375f;margin-top:0}.dev-tools-wrapper .dev-label-accent{color:#ff375f;font-weight:700}.dev-tools-wrapper .icon-row{flex-wrap:wrap;justify-content:flex-start;gap:15px 10px;margin-top:15px}#btn-pay-toggle,#btn-toggle-rc-live{justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex}#dev-sim-cutout{width:100%;margin-top:6px}.dev-slider-label{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.dev-slider-label:first-of-type{margin-top:15px}.dev-slider-val{color:var(--accent);font-weight:700}.dev-tools-wrapper input[type=range]{width:100%}.dev-reset-btn-row{margin-top:10px}#btn-reset-glass{width:100%;margin:0;padding:7px 0;font-size:11px}@media (min-width:520px){.key-labels-header,.settings-col-top-header{margin-top:0!important}#settings-modal .modal-panel{width:90%!important;max-width:1000px!important}.settings-row-split{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:20px!important;display:grid!important}.settings-row-split>.settings-col:nth-child(3){grid-column:span 2!important;margin-top:0!important}#settings-simple-view .settings-row-split{row-gap:10px!important}.settings-subgrid-2col{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:20px!important;width:100%!important;display:grid!important}.settings-subgrid-2col>div{width:100%!important}.settings-subgrid-2col>div:last-child .label{margin-top:0!important}#settings-instrument-grid{box-shadow:none!important;background:0 0!important;border:none!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:12px!important;transition:all .25s!important;display:grid!important;overflow:visible!important}#settings-instrument-grid .inst-group-card{border-radius:var(--radius-grid,12px)!important;background:#ffffff08!important;border:1px solid #ffffff0f!important;grid-column:span 1!important;transition:all .25s!important;overflow:hidden!important}#settings-instrument-grid .inst-group-header{border-radius:var(--radius-segment,10px)!important;background:#1e1e1e59!important;border:none!important}#settings-instrument-grid .inst-group-card:not(.collapsed){background:#ffffff05!important;grid-column:span 2!important}}@media (min-width:800px) and (orientation:landscape),(min-width:960px){.settings-row-split{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:16px!important;display:grid!important}.settings-row-split>.settings-col:nth-child(3){grid-column:span 1!important;margin-top:0!important}.settings-subgrid-2col{flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;display:flex!important}.settings-subgrid-2col>div{width:100%!important}.settings-subgrid-2col>div:last-child .label{margin-top:15px!important}#settings-instrument-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}#settings-instrument-grid .inst-group-card{grid-column:span 1!important}#settings-instrument-grid .inst-group-card:not(.collapsed){background:#ffffff05!important;grid-column:1/-1!important}}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){#settings-modal .modal-panel{width:95%!important}}:root[data-theme=light] #settings-instrument-grid .inst-group-header{color:color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important;background:#ffffff1f!important;border-bottom:1px solid #00000014!important}:root[data-theme=light] #settings-instrument-grid .inst-group-header:hover{background:#00000008!important}:root[data-theme=light] #settings-instrument-grid .inst-group-header .chevron-svg{color:var(--text-muted)!important}:root[data-theme=light] #settings-instrument-grid .inst-group-header:hover .chevron-svg{color:color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important}:root[data-theme=light] #settings-instrument-grid .instrument-row-btn.active .inst-badge{background:color-mix(in srgb, var(--group-color,var(--accent)) 15%, #fff)!important;border-color:color-mix(in srgb, var(--group-color,var(--accent)) 40%, #000)!important;color:color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important}:root[data-theme=light] #settings-instrument-grid .inst-bank-tag{color:var(--text-tertiary);background:#0000000a;border:1px solid #00000014}:root[data-theme=light] #settings-instrument-grid .instrument-row-btn:hover .inst-bank-tag{color:var(--text-primary);border-color:#00000029}:root[data-theme=light] #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag{background:color-mix(in srgb, var(--group-color,var(--accent)) 12%, #fff)!important;border-color:color-mix(in srgb, var(--group-color,var(--accent)) 35%, #000)!important;color:color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important}:root[data-theme=light] #settings-instrument-grid .instrument-row-btn.active:before{background:color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important;box-shadow:0 0 4px color-mix(in srgb, var(--group-color,var(--accent)) 60%, #000)!important}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){:root[data-theme=light] #settings-instrument-grid .inst-group-card{background:#00000005!important;border:1px solid #0000000f!important}:root[data-theme=light] #settings-instrument-grid .inst-group-header{background:#ffffff2e!important}:root[data-theme=light] #settings-instrument-grid .inst-group-card:not(.collapsed){background:#00000003!important}}.scale-guide-panel,#scale-overlay-popover{text-align:left;box-sizing:border-box;width:92%;max-width:480px;color:var(--text-primary);flex-direction:column;gap:12px;padding:20px;display:flex}#scale-popover-body-container,#scale-popover-scale-panel{flex-direction:column;gap:12px;width:100%;display:flex}#scale-popover-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:28px;margin-bottom:2px;display:flex;position:relative}.scale-popover-title-group{align-items:center;gap:8px;min-width:0;display:flex}.scale-popover-title{color:var(--text-primary);text-transform:none;letter-spacing:.02em;white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}#scale-popover-subtitle{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);text-transform:none;white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4}#scale-popover-subtitle.is-off{display:none!important}.scale-popover-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.scale-master-switch-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-right:2px;display:inline-flex}@media (max-width:600px) and (orientation:portrait){#scale-popover-header{align-items:flex-start}.scale-popover-title-group{flex-direction:column;align-items:flex-start;gap:4px}.scale-popover-title{font-size:1.05rem}.scale-popover-actions{padding-top:2px}}#btn-scale-popover-pin{cursor:pointer;width:32px;height:32px;color:var(--text-muted);opacity:.65;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s,color .2s,background-color .2s,transform .2s;display:flex}#btn-scale-popover-pin:hover{opacity:.95;color:var(--text-primary);background:#ffffff14}#btn-scale-popover-pin:active{background:#ffffff26;transform:scale(.92)}#btn-scale-popover-pin.active{transform:rotate(45deg);color:var(--accent)!important;opacity:1!important;background:color-mix(in srgb, var(--accent) 18%, transparent)!important}#btn-scale-popover-pin.active:active{transform:rotate(45deg)scale(.92)}:root[data-theme=light] #btn-scale-popover-pin:hover{background:#0000000f}:root[data-theme=light] #btn-scale-popover-pin:active{background:#0000001f}#btn-scale-popover-close{flex-shrink:0}.scale-guide-tabs{box-sizing:border-box;background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-segmented,14px);flex-shrink:0;width:100%;margin-bottom:8px;padding:3px;display:flex}.scale-guide-tabs .segment{color:var(--text-secondary);border-radius:var(--radius-segment,11px);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.scale-guide-tabs .segment:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.scale-guide-tabs .segment.active{background:var(--glass-bg-active);color:var(--accent);box-shadow:0 2px 8px #00000026}:root[data-theme=light] .scale-guide-tabs{background:#0000000a;border-color:#0000001a}:root[data-theme=light] .scale-guide-tabs .segment.active{background:#ffffffd9;box-shadow:0 2px 6px #00000014}.chord-playback-tabs{box-sizing:border-box;background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-segmented,14px);flex-shrink:0;width:100%;margin-bottom:4px;padding:3px;display:flex}.chord-playback-tabs .segment{color:var(--text-secondary);border-radius:var(--radius-segment,11px);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.chord-playback-tabs .segment:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.chord-playback-tabs .segment.active{background:var(--glass-bg-active);color:var(--accent);box-shadow:0 2px 8px #00000026}:root[data-theme=light] .chord-playback-tabs{background:#0000000a;border-color:#0000001a}:root[data-theme=light] .chord-playback-tabs .segment.active{background:#ffffffd9;box-shadow:0 2px 6px #00000014}#arp-mode-segmented.segmented-control{box-sizing:border-box;background:#0000002e;border:1px solid #ffffff0f;border-radius:12px;width:100%;margin:2px 0 4px;padding:2.5px;display:flex}#arp-mode-segmented .segment{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}#arp-mode-segmented .segment:hover{color:var(--text-primary);background:var(--glass-bg-hover,#ffffff14)}#arp-mode-segmented .segment.active{background:var(--glass-bg-active,#ffffff24);color:var(--accent);box-shadow:0 1px 4px #0003}:root[data-theme=light] #arp-mode-segmented.segmented-control{background:#0000000d;border-color:#00000014}:root[data-theme=light] #arp-mode-segmented .segment.active{color:var(--accent);background:#fff;box-shadow:0 1px 4px #0000001a}.scale-card-title{color:var(--text-secondary);opacity:.85;letter-spacing:.03em;margin-bottom:2px;font-size:10px;font-weight:800}.scale-card-divider{border:none;border-top:1px solid #ffffff12;width:100%;margin:4px 0}:root[data-theme=light] .scale-card-divider{border-top:1px solid #00000014}.chord-accordion{flex-direction:column;width:100%;display:flex}.chord-accordion-header{cursor:pointer;width:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 0;transition:all .2s;display:flex}.chord-accordion-title-wrap{align-items:center;gap:6px;display:flex}.chord-accordion-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.chord-accordion.open .chord-accordion-chevron{transform:rotate(90deg)}.chord-accordion-title{color:var(--text-primary);letter-spacing:.02em;font-size:10px;font-weight:700}.chord-accordion-badge{color:var(--text-muted);white-space:nowrap;background:#ffffff0f;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700;transition:all .2s}.chord-accordion-badge.active{color:var(--accent);background:#0a84ff33}:root[data-theme=light] .chord-accordion-badge{background:#0000000f}:root[data-theme=light] .chord-accordion-badge.active{background:#0a84ff26}.chord-accordion-content{flex-direction:column;gap:8px;padding-top:6px;animation:.2s ease-out accordionFadeIn;display:flex}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (orientation:portrait){#scale-guide-modal:not([data-active-tab=chords]) #scale-popover-scale-panel,#scale-overlay-popover:not([data-active-tab=chords]) #scale-popover-scale-panel{display:flex}#scale-guide-modal:not([data-active-tab=chords]) #scale-chord-section,#scale-guide-modal:not([data-active-tab=chords]) #scale-chord-divider,#scale-guide-modal:not([data-active-tab=chords]) #scale-performance-divider,#scale-overlay-popover:not([data-active-tab=chords]) #scale-chord-section,#scale-overlay-popover:not([data-active-tab=chords]) #scale-chord-divider,#scale-overlay-popover:not([data-active-tab=chords]) #scale-performance-divider,#scale-guide-modal[data-active-tab=chords] #scale-popover-scale-panel,#scale-overlay-popover[data-active-tab=chords] #scale-popover-scale-panel{display:none!important}#scale-guide-modal[data-active-tab=chords] #scale-chord-section,#scale-overlay-popover[data-active-tab=chords] #scale-chord-section,#scale-guide-modal[data-active-tab=chords] #scale-chord-voicing-col,#scale-overlay-popover[data-active-tab=chords] #scale-chord-voicing-col{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}#scale-guide-modal[data-active-tab=chords] #scale-performance-col,#scale-overlay-popover[data-active-tab=chords] #scale-performance-col{flex-direction:column;gap:10px;width:100%!important}#scale-guide-modal[data-active-tab=chords] #scale-chord-divider,#scale-guide-modal[data-active-tab=chords] #scale-performance-divider,#scale-overlay-popover[data-active-tab=chords] #scale-chord-divider,#scale-overlay-popover[data-active-tab=chords] #scale-performance-divider{display:none!important}}.scale-section-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:0 2px;display:flex}.scale-section-title-group{align-items:center;gap:8px;display:flex}.scale-section-title{color:var(--text-primary);letter-spacing:.02em;text-transform:none;font-size:11px;font-weight:800}.scale-status-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);white-space:nowrap;text-transform:none;border-radius:10px;padding:1px 7px;font-size:9px;font-weight:600;line-height:1.4}.scale-status-badge.is-off{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=light] .scale-status-badge.is-off{background:#0000000a;border-color:#0000001a}@media (orientation:landscape){.scale-guide-panel,#scale-overlay-popover{width:95%;max-width:820px;padding:20px 24px;transition:max-width .25s}.scale-guide-tabs{display:none!important}#scale-popover-body-container{flex-direction:row;align-items:flex-start;gap:16px}#scale-popover-scale-panel{flex:1;min-width:0;display:flex!important}#scale-chord-section{flex-direction:column;flex:1;gap:8px;min-width:0;margin-top:0;display:flex!important}#scale-chord-voicing-col,#scale-performance-col{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}#scale-performance-divider{display:none!important}#scale-chord-divider{border-top:none!important;border-left:1px solid #ffffff14!important;align-self:stretch!important;width:1px!important;height:auto!important;margin:0!important;display:block!important}}@media (min-width:1024px) and (orientation:landscape){#scale-guide-modal[data-has-chords=true] .scale-guide-panel,#scale-overlay-popover[data-has-chords=true]{max-width:1080px!important}#scale-guide-modal[data-has-chords=true] #scale-chord-section{flex-direction:row!important;flex:2!important;align-items:stretch!important;gap:16px!important}#scale-guide-modal[data-has-chords=true] #scale-chord-voicing-col,#scale-guide-modal[data-has-chords=true] #scale-performance-col{flex:1!important;min-width:0!important}#scale-guide-modal[data-has-chords=true] #scale-performance-divider{border:none!important;border-left:1px solid #ffffff14!important;align-self:stretch!important;width:1px!important;height:auto!important;margin:0!important;display:block!important}}:root[data-theme=light] #scale-chord-divider,:root[data-theme=light] #scale-performance-divider{border-left-color:#00000014!important}.scale-dropdown-field{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:4px;width:100%;display:flex}.scale-field-label{color:var(--text-muted);opacity:.6;letter-spacing:.05em;white-space:nowrap;text-transform:none;font-size:8px;font-weight:700}.scale-select-wrapper{width:100%;min-width:0}.scale-select-wrapper .custom-dropdown{width:100%}.scale-select-wrapper .dropdown-trigger{box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-size:12px;font-weight:600;display:flex}#scale-circle-of-fifths-container{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:100%;display:flex}.circle-fifths-wheel-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:245px;margin:0 auto;display:flex;position:relative}.circle-fifths-svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.cof-bg-ring-outer,.cof-bg-ring-mid{fill:none;stroke:#ffffff14;stroke-width:1px}.cof-sector{cursor:pointer;fill:#ffffff0a;stroke:#ffffff14;stroke-width:1px;transition:fill .18s,stroke .18s,filter .18s}.cof-sector:hover{fill:#ffffff26;stroke:#ffffff4d}.cof-sector.is-tonic{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent));fill:var(--accent)!important;stroke:#fff!important;stroke-width:1.5px!important}.cof-sector.is-subdominant{fill:#22c55e47!important;stroke:#22c55ebf!important;stroke-width:1.5px!important}.cof-sector.is-dominant{fill:#f59e0b47!important;stroke:#f59e0bbf!important;stroke-width:1.5px!important}.cof-sector.is-relative{fill:#a855f747!important;stroke:#a855f7bf!important;stroke-width:1.5px!important}.cof-sector.is-diatonic{fill:#ffffff17!important;stroke:#ffffff38!important}.cof-sector.in-progression{filter:drop-shadow(0 0 4px var(--accent));stroke:var(--accent)!important;stroke-width:2px!important}.cof-sector-group:active .cof-sector,.cof-sector-group.has-live-note .cof-sector,.cof-sector.is-auditioning{transition:fill 50ms,stroke 50ms,filter 50ms;fill:color-mix(in srgb, var(--accent) 75%, white)!important;stroke:#fff!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 14px #fffc)!important}.cof-sector-group:active .cof-text-major,.cof-sector-group:active .cof-text-minor,.cof-sector-group:active .cof-text-role,.cof-sector-group.has-live-note .cof-text-major,.cof-sector-group.has-live-note .cof-text-minor,.cof-sector-group.has-live-note .cof-text-role,.cof-sector.is-auditioning+.cof-text-major,.cof-sector.is-auditioning+.cof-text-minor,.cof-sector.is-auditioning~.cof-text-role{fill:#000!important;font-weight:900!important}:root[data-theme=light] .cof-sector-group:active .cof-sector,:root[data-theme=light] .cof-sector-group.has-live-note .cof-sector,:root[data-theme=light] .cof-sector.is-auditioning{fill:var(--accent)!important;stroke:#fff!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 10px #00000040)!important}:root[data-theme=light] .cof-sector-group:active .cof-text-major,:root[data-theme=light] .cof-sector-group:active .cof-text-minor,:root[data-theme=light] .cof-sector-group:active .cof-text-role,:root[data-theme=light] .cof-sector-group.has-live-note .cof-text-major,:root[data-theme=light] .cof-sector-group.has-live-note .cof-text-minor,:root[data-theme=light] .cof-sector-group.has-live-note .cof-text-role,:root[data-theme=light] .cof-sector.is-auditioning+.cof-text-major,:root[data-theme=light] .cof-sector.is-auditioning+.cof-text-minor,:root[data-theme=light] .cof-sector.is-auditioning~.cof-text-role{fill:#fff!important;font-weight:900!important}.cof-text-major{fill:var(--text-primary);pointer-events:none;text-anchor:middle;dominant-baseline:central;text-transform:none;font-family:inherit;font-size:12px;font-weight:800}.cof-text-minor{fill:var(--text-secondary);opacity:.9;pointer-events:none;text-anchor:middle;dominant-baseline:central;text-transform:none;font-family:inherit;font-size:9.5px;font-weight:700}.cof-text-role{fill:var(--text-muted);pointer-events:none;text-anchor:middle;dominant-baseline:central;opacity:.85;font-family:inherit;font-size:7px;font-weight:800}.cof-text-sig{fill:var(--text-muted);opacity:.75;pointer-events:none;text-anchor:middle;dominant-baseline:central;font-size:8px;font-weight:700}.cof-sector-group.major:hover .cof-text-major,.cof-sector-group.minor:hover .cof-text-minor{fill:#fff}.cof-sector.is-tonic+.cof-text-major,.cof-sector.is-tonic+.cof-text-minor{font-weight:900;fill:var(--accent-on,#fff)!important}.cof-center-circle{fill:var(--glass-bg-dark,#141414f2);stroke:var(--glass-border,#ffffff1f);stroke-width:1.5px;transition:all .2s}.cof-center-hub:hover .cof-center-circle{fill:var(--glass-bg-hover,#232323fa);stroke:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 40%, transparent))}.cof-center-tonic{fill:var(--text-primary);dominant-baseline:central;text-anchor:middle;text-transform:none;font-size:17px;font-weight:900}.cof-center-mode{fill:var(--accent);dominant-baseline:central;text-anchor:middle;text-transform:none;font-size:9px;font-weight:700}.cof-center-sig{fill:var(--text-muted);dominant-baseline:central;text-anchor:middle;font-size:8px;font-weight:600}.cof-legend-bar{color:var(--text-muted);opacity:.85;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:3px 6px;font-size:7.5px;font-weight:600;display:flex}.cof-legend-item{align-items:center;gap:4px;display:inline-flex}.cof-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cof-dot.tonic{background:var(--accent)}.cof-dot.subdominant{background:#22c55e}.cof-dot.dominant{background:#f59e0b}.cof-dot.relative{background:#a855f7}:root[data-theme=light] .cof-bg-ring-outer,:root[data-theme=light] .cof-bg-ring-mid{stroke:#0000001a}:root[data-theme=light] .cof-sector{fill:#00000008;stroke:#00000014}:root[data-theme=light] .cof-sector:hover{fill:#00000012;stroke:#00000026}:root[data-theme=light] .cof-center-circle{fill:#fffffff2;stroke:#0000001f}.mini-keyboard{background:#0009;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;width:100%;height:46px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.mini-key{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;border:none;outline:none}.mini-key.white{color:#4b6584;z-index:1;background:#eef2f3;border-right:1px solid #c9d6df;border-radius:0 0 6px 6px;flex:1;justify-content:center;align-items:flex-end;height:100%;padding-bottom:4px;font-size:9px;font-weight:700;display:flex}.mini-key.white:last-child{border-right:none}.mini-key.black{color:#8854d0;z-index:5;background:#1e272e;border-left:1px solid #111;border-right:1px solid #111;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;width:9%;height:60%;padding-bottom:2px;font-size:7.5px;font-weight:700;display:flex;position:absolute}.mini-key.black[data-val="1"]{left:9.5%}.mini-key.black[data-val="3"]{left:23.5%}.mini-key.black[data-val="6"]{left:52%}.mini-key.black[data-val="8"]{left:66%}.mini-key.black[data-val="10"]{left:80%}.mini-key.white:hover{background:#dcdde1}.mini-key.black:hover{background:#2f3542}.mini-key.white.scale-active{z-index:1;background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:0 0 10px var(--accent), inset 0 1px 2px #fff6!important;border-bottom:none!important}.mini-key.black.scale-active{z-index:5;background:color-mix(in srgb, var(--accent) 75%, #000)!important;color:var(--accent-on)!important;box-shadow:0 0 10px var(--accent), inset 0 1px 2px #ffffff4d!important;border-bottom:none!important}.mini-key.white.scale-active:hover{background:color-mix(in srgb, var(--accent) 85%, #fff)!important;box-shadow:0 0 14px var(--accent), inset 0 1px 2px #ffffff80!important}.mini-key.black.scale-active:hover{background:color-mix(in srgb, var(--accent) 65%, #000)!important;box-shadow:0 0 14px var(--accent), inset 0 1px 2px #fff6!important}.mini-key.white.scale-root{z-index:1;background:var(--scale-root-color,#ff6f00)!important;color:#fff!important;box-shadow:0 0 12px var(--scale-root-color,#ff6f00), inset 0 1px 2px #ffffff80!important;border-bottom:none!important}.mini-key.black.scale-root{z-index:6;background:var(--scale-root-color,#ff6f00)!important;color:#fff!important;box-shadow:0 0 12px var(--scale-root-color,#ff6f00), inset 0 1px 2px #ffffff80!important;border-bottom:none!important}.scale-pills-scroll{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:4px 2px;display:flex}.scale-pills-scroll::-webkit-scrollbar{display:none}.scale-pills-scroll{-ms-overflow-style:none;scrollbar-width:none}.scale-pill{background:var(--glass-bg-light,#ffffff08);border:var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;border-radius:20px;flex:none;padding:6px 10px;font-size:11px;font-weight:600}.scale-pill:hover{background:var(--glass-bg-hover,#ffffff14);color:var(--text-primary)}.scale-pill.active{background:var(--accent)!important;color:var(--accent-on)!important;border-color:var(--accent)!important;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 45%, transparent)!important}:root[data-theme=light] #scale-overlay-popover,:root[data-theme=light] .scale-guide-panel{background:var(--glass-bg-dark,#ebebf073);border:var(--glass-border)}:root[data-theme=light] .mini-keyboard{background:#fff6;border:1px solid #0000001a}:root[data-theme=light] .mini-key.white{color:#2f3542;background:#fff;border-right:1px solid #dcdde1}:root[data-theme=light] .mini-key.white:hover{background:#f1f2f6}.settings-chord-selector{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.settings-chord-group{flex-direction:column;gap:4px;display:flex}.settings-chord-group-label{color:var(--text-secondary);opacity:.6;letter-spacing:.05em;margin-bottom:2px;margin-left:2px;font-size:10px;font-weight:800}.settings-chord-grid{grid-template-columns:repeat(4,1fr);gap:3px;width:100%;display:grid}.settings-chord-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:8px 4px;font-size:11px;font-weight:700;transition:all .15s}.settings-chord-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.settings-chord-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on);transform:translateY(-1px);box-shadow:0 4px 10px #00000040}.scale-chord-grid-2{grid-template-columns:repeat(2,1fr);gap:3px;width:100%;display:grid}.scale-chord-grid-3{grid-template-columns:repeat(3,1fr);gap:3px;width:100%;display:grid}.scale-chord-grid-4{grid-template-columns:repeat(4,1fr);gap:3px;width:100%;display:grid}.scale-chord-grid-5{grid-template-columns:repeat(5,1fr);gap:3px;width:100%;display:grid}.scale-chord-pill,.scale-progression-pill,.scale-voicing-pill,.scale-inversion-pill,.scale-arp-direction-pill,.scale-arp-octaves-pill,.scale-arp-gate-pill,.scale-strum-mode-pill,.scale-strum-tempo-pill{background:var(--glass-bg-light,#ffffff08);border:var(--glass-border);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast) ease;border-radius:20px;padding:6px 4px;font-size:10px;font-weight:600}.scale-chord-pill:hover,.scale-progression-pill:hover,.scale-voicing-pill:hover,.scale-inversion-pill:hover,.scale-arp-direction-pill:hover,.scale-arp-octaves-pill:hover,.scale-arp-gate-pill:hover,.scale-strum-mode-pill:hover,.scale-strum-tempo-pill:hover{background:var(--glass-bg-hover,#ffffff14);color:var(--text-primary)}.scale-chord-pill.active,.scale-progression-pill.active,.scale-voicing-pill.active,.scale-inversion-pill.active,.scale-arp-direction-pill.active,.scale-arp-octaves.active,.scale-arp-octaves-pill.active,.scale-arp-gate-pill.active,.scale-strum-mode-pill.active,.scale-strum-tempo-pill.active,.scale-arp-preset-pill.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-on)!important}.scale-arp-preset-pill{background:var(--glass-bg-light,#ffffff08);border:var(--glass-border);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast) ease;white-space:nowrap;text-overflow:ellipsis;border-radius:20px;padding:6px 4px;font-size:10px;font-weight:600;overflow:hidden}.scale-arp-preset-pill:hover{background:var(--glass-bg-hover,#ffffff14);color:var(--text-primary)}.scale-progression-grid{grid-template-columns:repeat(3,1fr);gap:3px;width:100%;display:grid}.progression-pads-row{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:4px;width:100%;display:grid}.scale-inversion-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1px;display:flex}.scale-inversion-bass-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;margin:0;padding:2px 4px;transition:background-color .15s;display:inline-flex}.scale-inversion-bass-toggle:hover{background:#ffffff0f}:root[data-theme=light] .scale-inversion-bass-toggle:hover{background:#0000000d}.scale-inversion-bass-label{color:var(--text-secondary);opacity:.9;letter-spacing:.02em;font-size:8.5px;font-weight:600}.scale-inversion-bass-toggle .switch-toggle-compact{transform-origin:100%;margin-right:-2px;transform:scale(.8)}.progression-chord-pad{background:var(--glass-bg-light,#ffffff0a);border:var(--glass-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast) ease, background var(--transition-fast) ease, border-color var(--transition-fast) ease;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 3px;display:flex}.progression-chord-pad:hover{background:var(--glass-bg-hover,#ffffff17);border-color:color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-1px)}.progression-chord-pad:active,.progression-chord-pad.playing{box-shadow:0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(.96);background:color-mix(in srgb, var(--accent) 30%, #ffffff1a)!important;border-color:var(--accent)!important}.progression-chord-pad.next-target{position:relative;box-shadow:0 0 10px #ffb30059;background:#ffb30029!important;border-color:#ffb300!important}.progression-chord-pad.next-target:after{content:"▶";color:#ffb300;font-size:7px;line-height:1;position:absolute;top:2px;right:3px}.progression-chord-pad .pad-degree{color:var(--text-muted);letter-spacing:.04em;font-size:8px;font-weight:700}.progression-chord-pad .pad-chord-name{color:var(--accent);font-size:11px;font-weight:800;line-height:1.1}.progression-chord-pad .pad-quality{color:var(--text-secondary);opacity:.8;font-size:7.5px;font-weight:600}:root[data-theme=light] .progression-chord-pad{background:#0000000a;border:1px solid #0000001f}:root[data-theme=light] .progression-chord-pad:hover{background:#00000014}#scale-custom-progression-builder{background:var(--glass-bg-dark,#00000040);border:var(--glass-border);border-radius:10px;flex-direction:column;gap:8px;margin-top:4px;padding:8px 10px;display:none}:root[data-theme=light] #scale-custom-progression-builder{background:#0000000a;border:1px solid #0000001f}.custom-prog-builder-header{justify-content:space-between;align-items:center;display:flex}.custom-prog-builder-title{color:var(--text-primary);letter-spacing:.02em;font-size:9px;font-weight:700}.custom-prog-builder-actions{gap:5px;display:flex}.custom-prog-action-btn{cursor:pointer;transition:all var(--transition-fast) ease;border-radius:12px;padding:3px 9px;font-size:8.5px;font-weight:700}#btn-custom-prog-add{background:color-mix(in srgb, var(--accent) 25%, transparent);border:1px solid var(--accent);color:var(--accent)}#btn-custom-prog-add:hover{background:var(--accent);color:var(--accent-on,#fff)}#btn-custom-prog-reset{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff26}#btn-custom-prog-reset:hover{color:var(--text-primary);background:#ffffff1f}:root[data-theme=light] #btn-custom-prog-reset{color:var(--text-secondary);background:#0000000a;border:1px solid #00000026}#custom-progression-slots-list{flex-direction:column;gap:4px;width:100%;display:flex}.custom-prog-slot{background:var(--glass-bg-light,#ffffff0a);border:var(--glass-border);transition:background var(--transition-fast) ease, border-color var(--transition-fast) ease;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;display:flex}:root[data-theme=light] .custom-prog-slot{background:#ffffffb3;border:1px solid #00000014}.custom-prog-slot-left{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.custom-prog-step-badge{background:color-mix(in srgb, var(--accent) 20%, transparent);min-width:18px;height:18px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:8.5px;font-weight:700;display:inline-flex}.custom-prog-select{background:var(--glass-bg-dark,#00000059);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast) ease;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:4px 6px;font-size:9px;font-weight:600}:root[data-theme=light] .custom-prog-select{color:var(--text-primary);background:#fff;border:1px solid #0003}.custom-prog-select:focus{border-color:var(--accent)}.custom-prog-degree-select{flex:0 115px}.custom-prog-quality-select{flex:125px}.custom-prog-slot-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.custom-prog-preview-chip{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);min-width:44px;color:var(--accent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast) ease, background var(--transition-fast) ease;border-radius:6px;justify-content:center;align-items:center;padding:3px 6px;font-size:10px;font-weight:800;display:inline-flex}.custom-prog-preview-chip:hover{background:color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(-1px)}.custom-prog-preview-chip:active{transform:scale(.95)}.custom-prog-btn-remove{width:22px;height:22px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) ease;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.custom-prog-btn-remove:hover:not(:disabled){color:#ff6b6b;background:#f4433633;border-color:#f44336}.custom-prog-btn-remove:disabled{opacity:.25;cursor:not-allowed}:root[data-theme=light] .custom-prog-btn-remove{background:#0000000a;border:1px solid #0000001f}@media (max-width:480px){.custom-prog-slot{flex-wrap:wrap}.custom-prog-slot-left{width:100%}.custom-prog-slot-right{margin-left:auto}}.voicing-desc-label{color:var(--accent);letter-spacing:.02em;opacity:.9;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:68%;font-size:8px;font-weight:600;overflow:hidden}:root[data-theme=light] .voicing-desc-label{color:var(--accent);opacity:.95}.voicing-preview-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000038;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:5px;padding:7px 9px;transition:border-color .15s,background .15s;display:flex}.voicing-preview-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, #fff3)}[data-theme=light] .voicing-preview-card{background:#0f172a0f;border:1px solid #0f172a24}.voicing-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.voicing-preview-formula{color:var(--text-primary);letter-spacing:.02em;font-size:9.5px;font-weight:800}.voicing-preview-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.voicing-chip{background:color-mix(in srgb, var(--accent) 22%, #ffffff0f);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:var(--text-primary);border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:8.5px;font-weight:800;display:inline-flex}.voicing-chip.is-root{background:color-mix(in srgb, var(--scale-root-color,#f59e0b) 28%, #ffffff0f);border-color:var(--scale-root-color,#f59e0b)}.voicing-chip.is-raised{background:#30c2db56;border-color:#06b6d4;box-shadow:0 0 6px #06b6d459}.voicing-preview-octaves-label{color:var(--text-muted);opacity:.8;grid-template-columns:7fr 8fr;padding:0 2px;font-size:7.5px;font-weight:700;display:grid}.voicing-preview-octaves-label span:last-child{color:#0891b2;border-left:1px dashed #ffffff40;padding-left:6px}[data-theme=dark] .voicing-preview-octaves-label span:last-child{color:#22d3ee}.voicing-mini-piano{background:#1e272e;border:1px solid #ffffff14;border-radius:6px;width:100%;height:46px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0006}:root[data-theme=light] .voicing-mini-piano{background:#ffffff80;border:1px solid #0000001f}.voicing-piano-white-row{width:100%;height:100%;display:flex}.voicing-piano-key.white{color:#64748b;z-index:1;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#eef2f3;border-right:1px solid #c9d6df;border-radius:0 0 3px 3px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding-bottom:2px;font-size:7.5px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s;display:flex}.voicing-piano-key.white:last-child{border-right:none}:root[data-theme=light] .voicing-piano-key.white{color:#475569;background:#fff;border-right:1px solid #dcdde1}.voicing-piano-key.black{color:#8854d0;z-index:4;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#1e272e;border-left:1px solid #111;border-right:1px solid #111;border-radius:0 0 3px 3px;flex-direction:column;justify-content:flex-end;align-items:center;width:4.8%;height:60%;padding-bottom:2px;font-size:7px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 4px #00000059}:root[data-theme=light] .voicing-piano-key.black{color:#cbd5e1;background:#2d3748}.voicing-piano-key.white.active-root{z-index:2;background:var(--scale-root-color,#ff6f00)!important;color:#fff!important;box-shadow:0 0 8px var(--scale-root-color,#ff6f00), inset 0 1px 2px #ffffff80!important;border-bottom:none!important}.voicing-piano-key.black.active-root{z-index:6;background:var(--scale-root-color,#ff6f00)!important;color:#fff!important;box-shadow:0 0 10px var(--scale-root-color,#ff6f00), inset 0 1px 2px #fff9!important;border-bottom:none!important}.voicing-piano-key.white.active-oct1{z-index:2;background:var(--accent,#1565c0)!important;color:var(--accent-on,#fff)!important;box-shadow:0 0 8px var(--accent,#1565c0), inset 0 1px 2px #fff6!important;border-bottom:none!important}.voicing-piano-key.black.active-oct1{z-index:6;background:color-mix(in srgb, var(--accent,#1565c0) 85%, #000)!important;color:#fff!important;box-shadow:0 0 10px var(--accent,#1565c0), inset 0 1px 2px #ffffff80!important;border-bottom:none!important}.voicing-piano-key.white.active-oct2{z-index:2;color:#fff!important;background:#06b6d4!important;border-bottom:none!important;box-shadow:0 0 8px #06b6d4,inset 0 1px 2px #ffffff80!important}.voicing-piano-key.black.active-oct2{z-index:6;color:#fff!important;background:#0891b2!important;border-bottom:none!important;box-shadow:0 0 10px #06b6d4,inset 0 1px 2px #fff9!important}.voicing-key-deg{font-size:8px;font-weight:900;line-height:1}.voicing-key-note{opacity:.65;font-size:7px;line-height:1}.custom-interval-grid{grid-template-columns:repeat(6,1fr);gap:4px;width:100%;display:grid}.interval-chip{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.interval-chip input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.interval-chip span{text-align:center;width:100%;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:4px 0;font-size:8px;font-weight:700;transition:all .15s;display:block}.interval-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.switch-toggle-compact{width:36px;height:20px;display:inline-block;position:relative}.switch-toggle-compact input{opacity:0;width:0;height:0}.slider-round-compact{cursor:pointer;background-color:#00000061;border:1px solid #ffffff38;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 1px 3px #0006}.slider-round-compact:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000073,0 0 1px #0000004d}.switch-toggle-compact input:checked+.slider-round-compact{background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 50%, transparent)}.switch-toggle-compact input:checked+.slider-round-compact:before{background-color:#fff;transform:translate(18px);box-shadow:0 1px 4px #00000059}:root[data-theme=light] .slider-round-compact{background-color:#00000029;border:1px solid #00000040;box-shadow:inset 0 1px 2px #00000026}:root[data-theme=light] .slider-round-compact:before{background-color:#fff;box-shadow:0 1px 3px #0000004d}:root[data-theme=light] .switch-toggle-compact input:checked+.slider-round-compact{background-color:var(--accent)!important;border-color:var(--accent)!important}#scale-display-options-box,.scale-options-card{background:#00000040;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:7px;margin-top:8px;padding:8px 12px;transition:opacity .2s,background .2s;display:flex;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0f}:root[data-theme=light] #scale-display-options-box,:root[data-theme=light] .scale-options-card{background:#0000000f;border:1px solid #00000024;box-shadow:0 1px 4px #00000014}.scale-option-row{justify-content:space-between;align-items:center;width:100%;display:flex}.scale-option-divider{background:#ffffff14;width:100%;height:1px}:root[data-theme=light] .scale-option-divider{background:#00000014}.scale-accidental-segmented{box-sizing:border-box;background:#00000059;border:1px solid #ffffff14;border-radius:10px;gap:3px;width:100%;margin:0;padding:2px;display:flex}.scale-accidental-segmented .segment{color:var(--text-secondary);cursor:pointer;text-transform:none;background:0 0;border:none;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:5px 4px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.scale-accidental-segmented .segment:hover{color:var(--text-primary);background:#ffffff0f}.scale-accidental-segmented .segment.active{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent)!important;color:var(--accent-on,#fff)!important}:root[data-theme=light] .scale-accidental-segmented{background:#0000000f;border:1px solid #00000014}:root[data-theme=light] .scale-accidental-segmented .segment:hover{background:#0000000d}#btn-scale-chord-reset:hover{box-shadow:0 0 8px #ef44444d;background:#ef444440!important;border-color:#ef444499!important}.layout-dropdown-container{-webkit-user-select:none;user-select:none;width:100%;margin-bottom:6px;position:relative}.layout-dropdown-container.open{z-index:100000}.layout-dropdown-btn{background:var(--glass-bg-light);border:var(--glass-border);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;min-height:40px;transition:all var(--transition-normal);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.layout-dropdown-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent)}.layout-dropdown-container.open .layout-dropdown-btn{border-color:var(--accent)}.layout-selected-text{font-size:var(--font-input,13px);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.layout-pill{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);white-space:nowrap;letter-spacing:.2px;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:700}:root[data-theme=light] .layout-pill{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 12%, #0000000a);border:1px solid color-mix(in srgb, var(--accent) 25%, #0000001a)}.layout-dropdown-arrow{opacity:.6;color:var(--text-secondary);transition:transform var(--transition-normal) var(--ease-elastic);pointer-events:none;font-size:14px}.layout-dropdown-container.open .layout-dropdown-arrow{transform:rotate(180deg)}#badge-scale-pro,.pro-badge,button.pro-badge{font-family:var(--font-primary);color:#000;letter-spacing:var(--tracking-normal,-.01em);white-space:nowrap;text-transform:none;background:linear-gradient(135deg,#ffb000,#ff7a00);border:.5px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;padding:2.5px 5.5px;font-size:8px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 3px #00000059}body.ad-free #badge-scale-pro,body.ad-free .pro-badge{display:none!important}.experimental-badge{font-family:var(--font-primary);color:#c48fff;letter-spacing:var(--tracking-normal,-.01em);white-space:nowrap;text-transform:none;background:#af52de2e;border:.5px solid #af52de59;border-radius:4px;justify-content:center;align-items:center;padding:2.5px 5.5px;font-size:8px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 3px #00000040}:root[data-theme=light] .experimental-badge{color:#8e24aa;background:#af52de24;border-color:#af52de4d}#key-label-modes{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.btn-group-segmented{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin-top:4px;display:grid}.segmented-chip{text-align:center;background:var(--glass-bg-dark);border:var(--glass-border);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 2px;font-size:11px;font-weight:600;transition:all .15s}.segmented-chip:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.segmented-chip.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 40%, transparent)}.custom-edo-panel{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-sizing:border-box;border-radius:16px;box-shadow:0 16px 40px #00000073}.edo-preset-chip,.edo-subdiv-chip{text-align:center;background:var(--glass-bg-dark);border:var(--glass-border);min-height:38px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.edo-preset-chip:hover,.edo-subdiv-chip:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.edo-preset-chip.active,.edo-subdiv-chip.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 50%, transparent)}#key-label-modal .modal-panel{text-align:center;flex-direction:column;align-items:center;display:flex}#key-label-modal-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#key-label-accidental-row{transition:opacity .2s}#accidental-mode-segmented .segment,#marker-mode-segmented .segment{min-height:38px;padding:8px 6px;font-size:11px}.settings-rate-row{box-sizing:border-box;background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-btn,12px);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;width:fit-content;max-width:100%;min-height:48px;margin:14px auto 0;padding:10px 18px;transition:background .18s,transform .15s,border-color .18s;display:flex}.settings-rate-row:hover{background:var(--glass-bg-hover);border-color:#ffffff38}.settings-rate-row:active{background:var(--glass-bg-active);transform:scale(.985)}.settings-rate-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-rate-content{align-items:center;gap:12px;display:flex}.settings-rate-stars{color:gold;letter-spacing:2px;text-shadow:0 1px 6px #ffd70073;font-size:15px;line-height:1}.settings-rate-text-block{flex-direction:column;gap:2px;display:flex}.settings-rate-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.settings-rate-subtitle{color:var(--text-muted);font-size:11px;line-height:1.2}.settings-rate-arrow{color:var(--text-muted);opacity:.7;flex-shrink:0;transition:transform .15s,opacity .15s}.settings-rate-row:hover .settings-rate-arrow{opacity:1;transform:translate(2px)}:root[data-theme=light] .settings-rate-row{background:#0000000a;border:.5px solid #0000001a}:root[data-theme=light] .settings-rate-row:hover{background:#00000012}:root[data-theme=light] .settings-rate-row:active{background:#0000001a}:root[data-theme=light] .settings-rate-stars{color:#fbc02d;text-shadow:0 1px 3px #fbc02d4d}.settings-shortcuts-card{box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;width:100%;padding:12px 16px}:root[data-theme=light] .settings-shortcuts-card{background:#00000008;border:1px solid #00000014}.settings-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 20px;display:grid}@media (max-width:600px){.settings-shortcuts-grid{grid-template-columns:1fr;gap:5px}}.settings-shortcuts-col{flex-direction:column;gap:5px;min-width:0;display:flex}.settings-shortcut-row{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.settings-shortcut-name{color:var(--text-secondary);white-space:nowrap;font-size:11.5px;font-weight:500}.settings-shortcut-key{color:var(--text-primary);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);white-space:nowrap;background:#ffffff17;border:.5px solid #ffffff26;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.35;box-shadow:0 1px 2px #00000026}:root[data-theme=light] .settings-shortcut-name{color:var(--text-primary)}:root[data-theme=light] .settings-shortcut-key{color:var(--text-primary);background:#0000000d;border:.5px solid #0000001a;box-shadow:0 1px 2px #0000000a}#premium-modal{z-index:6500}#premium-modal .modal-panel{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);max-width:380px;padding:40px 30px}.pro-section{flex-direction:column;align-items:center;width:100%;margin-bottom:14px}.pro-section .label{text-align:center;margin-top:0}#slot-simple-premium .pro-section{margin-bottom:12px}.pro-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.pro-pill{box-sizing:border-box;border-radius:var(--radius-btn,12px);min-width:100px;max-width:140px;height:auto;min-height:38px;color:var(--text-primary);text-align:center;white-space:normal;text-wrap:balance;overflow-wrap:break-word;cursor:pointer;flex:0 auto;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 10px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.pro-pill svg{flex-shrink:0}.pro-pill .pro-btn-title{font-size:inherit;font-weight:inherit;line-height:inherit}.pro-pill-buy:hover{filter:brightness(1.1)}.pro-trial-pill{cursor:default;background:#30d1581a;border:1px solid #30d1584d}.pro-trial-pill[hidden]{display:none!important}.pro-trial-pill .pro-trial-status-text{font-size:12px}.pro-trial-pill .pro-trial-bar{border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.pro-section .pro-btn-restore{text-align:center;flex-basis:100%;width:auto;min-height:32px;margin-top:2px;font-size:11px;text-decoration:none}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){.pro-section,#slot-simple-premium .pro-section{margin-bottom:6px}.pro-section .pro-row{flex-wrap:nowrap;align-items:center}.pro-section .pro-btn-restore{white-space:nowrap;flex-basis:auto;width:auto;min-height:36px;margin-top:0;margin-left:4px}}.pro-btn{box-sizing:border-box;cursor:pointer;text-align:center;width:100%;min-height:48px;color:var(--text-primary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:9px 12px;font-family:inherit;transition:transform .15s,filter .15s;display:flex}.pro-btn:active{transform:scale(.98)}.pro-btn-title{align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.pro-btn-sub{opacity:.8;font-size:11px;font-weight:500;line-height:1.2}.pro-btn-buy{background:var(--accent);color:var(--accent-on);box-shadow:0 4px 15px color-mix(in srgb, var(--accent) 35%, transparent);border:none}.pro-btn-buy:hover{filter:brightness(1.08)}.pro-btn-trial .pro-btn-title{font-size:13px;font-weight:600}.pro-btn-restore{cursor:pointer;width:100%;min-height:44px;color:var(--text-tertiary);text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0 12px;font-family:inherit;font-size:12px;text-decoration:underline;display:block}.premium-done-row{justify-content:center;margin-top:4px;display:flex}#btn-premium-cancel{align-self:center;width:fit-content;min-width:88px;height:32px;padding:0 16px}.pro-btn-restore:hover{color:var(--text-primary)}.pro-trial-status{background:#30d1581f;border:1px solid #30d1584d;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.pro-trial-status[hidden]{display:none!important}.pro-trial-status-text{text-align:center;color:#30d158;font-size:13px;font-weight:600}.pro-trial-time{font-variant-numeric:tabular-nums}.pro-trial-bar{background:#30d15833;border-radius:2px;height:4px;overflow:hidden}.pro-trial-bar-fill{background:#30d158;border-radius:2px;width:100%;height:100%;transition:width 1s linear}:root[data-theme=light] .pro-trial-status-text{color:#248a3d}:root[data-theme=light] .pro-trial-bar-fill{background:#248a3d}#premium-badge{color:#30d158;border-radius:var(--radius-premium-badge,8px);text-align:center;background:#30d15826;border:1px solid #30d1584d;margin-top:15px;padding:10px;font-size:12px;font-weight:700;display:none}.dev-badge{color:#fff;vertical-align:middle;background:#ff375f;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:9px}#info-modal .modal-panel{outline:none;flex-direction:column;width:90%;max-width:1000px;max-height:100%;padding:24px 0;display:flex;overflow:hidden!important}#info-modal .modal-header-row{text-align:center;flex-shrink:0;padding:0 24px;position:relative}#info-modal .modal-header-row h2{text-align:center;margin:0;font-size:1.25rem}.info-body-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:12px 24px 16px;overflow-y:auto}.info-content-rich section{margin-bottom:24px}.info-content-rich section h3:first-child{margin-top:0}#info-modal .info-credits{text-align:center;color:var(--text-muted);opacity:.85;margin:20px 0 10px;font-size:10px;display:block}#info-modal .info-credits a{color:inherit;text-decoration:none}.info-content-rich h3{color:var(--accent);letter-spacing:.3px;margin-top:20px;margin-bottom:10px;font-size:1.1rem;font-weight:700}.info-content-rich p,.info-content-rich ul{color:var(--text-primary);font-size:.92rem;line-height:1.55}.info-content-rich li{margin-bottom:6px;font-size:.92rem;line-height:1.55}.info-card-sub{transition:background .2s,border-color .2s}.info-card-sub:hover{background:#ffffff12;border-color:#ffffff26}.video-carousel-container{width:100%;max-width:600px;margin:16px auto}.video-carousel-header{text-align:left;margin-bottom:10px}#video-carousel-title{color:var(--accent);letter-spacing:.2px;margin:0;font-size:.95rem;font-weight:600}.video-carousel-viewport{background:#000;border:1px solid #ffffff1f;border-radius:10px;width:100%;position:relative;overflow:hidden}.video-carousel-controls{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.video-carousel-controls button{cursor:pointer;width:32px;height:32px;min-height:32px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:700;display:flex}#video-carousel-indicator{opacity:.85;text-align:center;min-width:40px;color:var(--text-primary);font-size:.85rem;font-weight:600}.info-video-slide{width:100%}.info-video-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.info-video-wrapper iframe{border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.info-video-card-ios{z-index:2;cursor:pointer;background:#000;text-decoration:none;display:none;position:absolute;inset:0;overflow:hidden}body.platform-ios .info-video-card-ios{display:block!important}body.platform-ios .info-video-wrapper{min-height:200px}body.platform-ios .info-video-wrapper iframe{display:none!important}.info-video-thumb{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .25s,filter .25s;display:block}.info-video-overlay{background:#00000059;justify-content:center;align-items:center;transition:background .25s;display:flex;position:absolute;inset:0}.youtube-play-badge{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#000000a6;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 18px;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 20px #0006}.youtube-play-text{color:#fff;letter-spacing:.3px;font-size:.82rem;font-weight:600}.info-video-card-ios:hover .info-video-thumb,.info-video-card-ios:active .info-video-thumb{transform:scale(1.03)}.info-video-card-ios:hover .youtube-play-badge,.info-video-card-ios:active .youtube-play-badge{background:#000c;transform:scale(1.06)}#auth-modal .modal-panel{text-align:center;outline:none;max-width:380px;padding:32px 24px}#auth-modal-title{color:var(--accent);margin-top:10px;margin-bottom:8px;font-size:20px}#auth-modal-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.5}#auth-modal-actions{flex-direction:column;gap:12px;width:100%;display:flex}.auth-btn-provider{background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:0;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.auth-divider{color:var(--text-muted);align-items:center;gap:10px;margin:4px 0;font-size:11px;display:flex}.auth-divider hr{border:0;border-top:1px solid #ffffff1f;flex:1}#auth-modal-guest-divider{display:none}#auth-modal-guest-container{flex-direction:column;gap:4px;width:100%;display:none}#btn-auth-guest{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.auth-guest-subtitle{color:var(--text-muted);font-size:11px}#btn-auth-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:6px;font-size:12px;text-decoration:underline;display:none}#auth-modal-email-restore-container{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:none}.auth-email-row{align-items:center;gap:8px;width:100%;display:flex}#auth-modal-email-input{color:var(--text-primary);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:13px}#btn-auth-email-send{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:38px;margin:0;display:flex}#auth-modal-email-hint{color:var(--text-muted);text-align:left;font-size:11px;line-height:1.4}#auth-modal-profile{flex-direction:column;align-items:center;gap:12px;width:100%;display:none}.auth-profile-email-row{color:var(--text-primary);font-size:14px}#btn-auth-signout{color:#ff3b30;background:#ff3b3014;border:1px solid #ff3b304d;border-radius:12px;margin:0;padding:10px 16px;font-size:13px}.pe-studio-layout{align-items:stretch;gap:20px;height:320px;margin-bottom:20px;display:flex}.pe-studio-layout>.glass-pane{background:var(--glass-bg-light)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;border-radius:var(--radius-qs-col,16px)!important;box-shadow:inset 0 1px 1px #ffffff14, var(--glass-shadow)!important}#pattern-editor-modal .modal-panel{width:90%!important;max-width:1000px!important;padding:20px!important}@media (min-width:1024px){#pattern-editor-modal .modal-panel{max-width:1000px!important}}@media (max-width:850px){.pe-studio-layout{flex-direction:column!important;gap:20px!important;height:auto!important}.pe-studio-layout>.glass-pane{flex:none!important;width:100%!important;max-width:100%!important;height:320px!important}#tile-builder-viewport{height:320px!important}#btn-pe-undo,#btn-pe-redo,#btn-pe-clear,.pe-grid-btn{flex:0 0 48px!important;width:48px!important;height:48px!important}#btn-pe-undo svg,#btn-pe-redo svg,#btn-pe-clear svg,.pe-grid-btn svg{width:22px!important;height:22px!important}}.pe-btn-solid{background:var(--glass-bg-light);border-radius:var(--radius-btn,12px);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29;border:1px solid #ffffff1f!important;border-color:#ffffff59 #ffffff1f #fff3!important}.pe-btn-solid:hover{background:var(--glass-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38;border-top-color:#ffffff7a!important;border-bottom-color:#ffffff42!important}.pe-btn-solid:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}:root[data-theme=light] .pe-btn-solid{background:var(--glass-bg-light);color:var(--text-primary);box-shadow:0 2px 6px #0000000d,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80;border:1px solid #0000001a!important;border-color:#fffffff2 #0000001a #fff9!important}:root[data-theme=light] .pe-btn-solid:hover{background:var(--glass-bg-hover);border-top-color:#fff!important;border-bottom-color:#ffffffbf!important}:root[data-theme=light] .pe-btn-solid:active{background:var(--glass-bg-active)}.pe-grid-btn{cursor:pointer;width:var(--hud-btn-size,48px)!important;height:var(--hud-btn-size,48px)!important;flex:0 0 var(--hud-btn-size,48px)!important;aspect-ratio:1!important;box-sizing:border-box!important;background:var(--glass-bg-light)!important;color:var(--text-primary)!important;border:1px solid #ffffff1f!important;border-color:#ffffff59 #ffffff1f #fff3!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29!important}.pe-grid-btn:hover{transform:translateY(-1px);background:var(--glass-bg-hover)!important;border-top-color:#ffffff7a!important;border-bottom-color:#ffffff42!important;box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38!important}.pe-grid-btn:active{transform:scale(.95);background:var(--glass-bg-active)!important;box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40!important}.pe-grid-btn:disabled,.pe-grid-btn[disabled]{opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important;color:var(--text-muted)!important;border-color:var(--glass-border)!important;background:var(--glass-bg-light)!important;box-shadow:none!important;transform:none!important}.pe-grid-btn.active.pe-btn-solid,.pe-grid-btn.active,.pe-grid-btn[data-active=true]{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 0 15px color-mix(in srgb, var(--accent) 40%, transparent)!important;border-color:#ffffff8c #ffffff40 #ffffff4d!important}.pe-btn-clear{color:#ff453a!important;border-color:#ff453a40!important}.pe-btn-clear:hover{background:#ff453a1f!important;border-color:#ff453a!important}#btn-pe-undo,#btn-pe-redo,#btn-pe-clear{width:var(--hud-btn-size,48px)!important;height:var(--hud-btn-size,48px)!important}@media (min-width:1024px){#btn-pe-undo svg,#btn-pe-redo svg,#btn-pe-clear svg,.pe-grid-btn svg{width:24px!important;height:24px!important}}.pe-pane-solid{background:#1a1a1a;border-radius:8px;padding:20px;box-shadow:0 8px 16px #00000080;-webkit-backdrop-filter:none!important;border:1px solid #ffffff26!important}.preview-shape-circle .mini-key{border-radius:50%;width:10px;height:10px;margin:0}.preview-shape-circle .mini-row{gap:0}.preview-shape-circle .mini-row.shift{margin-left:11px}.preview-shape-square .mini-key{border-radius:1px;width:9px;height:9px;margin:0}.preview-shape-square .mini-row.shift{margin-left:11px}.preview-shape-hexagon .mini-key{clip-path:url(#pe-clip-pointy);border-radius:0;width:10px;height:12px;margin:0}.preview-shape-hexagon .mini-row{gap:0;margin-bottom:-3px}.preview-shape-hexagon .mini-row.shift{margin-left:11px}.pe-cell.active-note.collision-warning{animation:1s infinite alternate pulse-collision;z-index:100!important;border:2px solid #ff3b30!important;box-shadow:0 0 15px #ff3b30,inset 0 0 10px #ff3b30!important}@keyframes pulse-collision{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.pattern-editor-controls{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:15px;display:grid}@media (max-width:932px) and (orientation:portrait){.pattern-editor-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-editor-controls>.pe-section:first-child{grid-column:span 2}.pe-grid-size-controls{min-width:40px;border-radius:12px!important;flex-direction:column!important;gap:2px!important;padding:6px 4px!important}.pe-grid-size-label{display:none!important}.pe-grid-size-controls input{width:28px!important;padding:0!important;font-size:13px!important}}.pe-section{flex-direction:column;gap:12px;padding:12px;display:flex}.pe-section-title{color:#666;letter-spacing:1.5px;border-bottom:1px solid #ffffff0d;margin-bottom:5px;padding-bottom:5px;font-size:9px;font-weight:800}.pe-control-row{align-items:flex-end;gap:12px;display:flex}.pe-note-badge{background:var(--glass-bg-light);color:var(--accent);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-size:10px;font-weight:700}.pe-control-group{flex-direction:column;gap:5px;display:flex}.pe-control-group label{color:var(--accent);font-size:10px;font-weight:700}.pe-control-group input[type=number],.pe-control-group input[type=text],.pe-control-group select{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;padding:6px 8px;font-size:11px;transition:border-color .2s}.pe-control-group input:focus,.pe-control-group select:focus{border-color:var(--accent)}.pattern-grid{background:#111;border-radius:4px;justify-content:center;gap:1px 0;max-height:50vh;margin:0 auto 20px;padding:10px;display:grid;overflow:auto}.pattern-grid.honeycomb .pe-cell.shifted{transform:translate(25px)}.pattern-grid.honeycomb{padding-right:35px}.pe-cell{cursor:pointer;color:#666;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .1s;display:flex}.pe-cell.hexagon{clip-path:url(#pe-clip-pointy);border:none;border-radius:0}.pe-cell.circle{border-radius:50%}.pe-cell.diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:none;border-radius:0}.pe-cell.square,.pe-cell.original{border-radius:6px}.pe-cell:not(.original):not(.square){border:1px solid #ffffff0d}.pe-cell:hover{background:#333;border-color:#555}.pe-cell.active-note{color:#fff;background:#444;box-shadow:inset 0 0 10px #ffffff0d}.pe-cell.sharp{color:var(--accent)}.pe-cell.root{background:var(--accent)!important;color:var(--accent-on)!important}.pe-grid-overlay{z-index:100;pointer-events:auto;position:absolute;top:10px;right:10px}.pe-grid-wrapper{overflow:hidden}.pattern-editor-footer{justify-content:center;gap:12px;margin-top:20px;display:flex}.pe-empty-btn{color:#888;cursor:pointer;background:#222;border:1px solid #333;border-radius:4px;width:100%;margin-top:8px;padding:5px;font-size:10px;display:block}.pe-empty-btn:hover{color:#fff;background:#333}.pe-axis-row{cursor:default;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:7px;padding:5px 8px;transition:border-color .2s,background .2s;display:flex}.pe-axis-row:hover{background:#ffffff0f;border-color:#ffffff24}.pe-axis-row.pe-axis-row--focused{border-color:var(--accent);background:#ff9f0a0f}.pe-axis-row.pe-axis-row-offset{border-color:#5583cc33}.pe-axis-dir-badge{color:#aaa;background:#ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:600;display:flex}.pe-badge-h{color:#4aa0ff;background:#007aff2e}.pe-badge-ul{color:#4ecb6a;background:#34c75926}.pe-badge-ur{color:#ffb830;background:#ff9f0a26}.pe-badge-v{color:#bf7eff;background:#af52de2e}.pe-badge-offset{color:#6a9edd;background:#5583cc26}.pe-axis-input-wrap{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pe-axis-dir-text{color:#666;letter-spacing:.4px;font-size:8.5px;font-weight:600}.pe-axis-input{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;border-bottom:1px solid #333;outline:none;width:100%;padding:3px 5px;font-size:13px;font-weight:700;transition:border-color .2s}.pe-axis-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pe-axis-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pe-axis-input:focus{border-bottom-color:var(--accent)}.pe-axis-input-offset{color:#6a9edd}#pe-min-note-wrap,#pe-max-note-wrap{cursor:grab;touch-action:none}.pe-axis-interval-name{color:var(--accent);letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:700;overflow:hidden}#pe-axiom-svg .axiom-arrow{cursor:pointer;transition:opacity .15s}#pe-axiom-svg .axiom-arrow:hover{opacity:.8}#pe-axiom-svg .axiom-label{cursor:pointer;font-family:var(--font-primary);-webkit-user-select:none;user-select:none}.pe-axis-row.pe-hidden{display:none!important}#pe-axiom-controller{-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;-webkit-backdrop-filter:var(--glass-blur);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}#pe-axiom-svg{filter:drop-shadow(0 8px 16px #0009)}.pe-dir-input{z-index:10;transform:translate(calc(-50% + cos(var(--angle)) * var(--dist)), calc(-50% + sin(var(--angle)) * var(--dist)));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:var(--glass-blur);filter:drop-shadow(0 0 1px #ffffff73)drop-shadow(0 4px 12px #00000059);flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s,filter .2s;display:flex;position:absolute;top:50%;left:50%}.pe-dir-input.pe-axis-chip--dragging,.pe-axiom-center-cell.pe-axis-chip--dragging{filter:brightness(1.25) contrast(1.1) drop-shadow(0 0 4px #fffc) drop-shadow(0 0 20px var(--glow-color,#fff6))!important;cursor:grabbing!important;z-index:100!important}#pattern-editor-modal[data-grid=pointy-top] .pe-dir-input{clip-path:url(#pe-clip-pointy);border-radius:0;width:70px;height:80.8px}#pattern-editor-modal[data-grid=flat-top] .pe-dir-input{clip-path:url(#pe-clip-flat);border-radius:0;width:80.8px;height:70px}#pattern-editor-modal[data-grid=square] .pe-dir-input{clip-path:none;border:var(--glass-border);filter:none;border-radius:10.5px;width:70px;height:70px;box-shadow:inset 0 1px 1.5px #ffffff4d,0 4px 12px #0000004d}.pe-dir-input .pe-axis-dir-badge{pointer-events:none;background:0 0;font-size:14px;text-align:center!important;width:100%!important;color:inherit!important;opacity:1!important;margin:0!important;position:absolute!important;top:10px!important;left:0!important}.pe-dir-input .pe-axis-input-wrap,.pe-axiom-center-cell .pe-axis-input-wrap{pointer-events:none;z-index:2;flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important;position:absolute!important;top:52%!important;left:50%!important;transform:translate(-50%,-50%)!important}.pe-dir-input .pe-axis-input,.pe-axiom-center-cell .pe-axis-input{pointer-events:all;text-align:center!important;-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:40px!important;color:inherit!important;background:0 0!important;border:none!important;margin:0 auto!important;padding:0!important;font-family:inherit!important;font-size:14px!important;line-height:1!important;display:block!important}.pe-dir-input .pe-axis-interval-name{pointer-events:none;font-weight:700;text-align:center!important;width:100%!important;color:inherit!important;opacity:.9!important;font-size:9px!important;position:absolute!important;bottom:15px!important;left:0!important}.pe-dir-input:hover{filter:brightness(1.1);transform:translate(calc(-50% + cos(var(--angle)) * var(--dist)), calc(-50% + sin(var(--angle)) * var(--dist))) scale(1.05)}#pe-dir-h{color:#fff;--glow-color:#007affb3;background:linear-gradient(145deg,#007aff73 0%,#004baa42 100%);border:1.5px solid #4aa0ff8c}#pe-dir-ul{color:#fff;--glow-color:#34c759b3;background:linear-gradient(145deg,#34c75973 0%,#1c873a42 100%);border:1.5px solid #4ecb6a8c}#pe-dir-ur{color:#fff;--glow-color:#ff9f0ab3;background:linear-gradient(145deg,#ff9f0a73 0%,#b45f0042 100%);border:1.5px solid #ffb8308c}#pe-dir-v{color:#fff;--glow-color:#af52deb3;background:linear-gradient(145deg,#af52de73 0%,#732d9b42 100%);border:1.5px solid #bf7eff8c}.pe-dir-input:focus-within{filter:drop-shadow(0 0 2px #fffc) drop-shadow(0 0 16px var(--glow-color,#007aff99))!important}#pattern-editor-modal[data-grid=square] .pe-dir-input:focus-within{box-shadow:inset 0 1px 2px #fff9, 0 0 20px var(--glow-color,#007aff99)!important;border-color:var(--accent)!important;filter:none!important}:root[data-theme=light] #pe-dir-h{color:#004da6;--glow-color:#007aff66;background:linear-gradient(145deg,#007aff3d 0%,#007aff1a 100%);border:1.5px solid #007aff73}:root[data-theme=light] #pe-dir-ul{color:#175f28;--glow-color:#34c75966;background:linear-gradient(145deg,#34c7593d 0%,#34c7591a 100%);border:1.5px solid #28a04673}:root[data-theme=light] #pe-dir-ur{color:#844c00;--glow-color:#ff9f0a66;background:linear-gradient(145deg,#ff9f0a42 0%,#ff9f0a1f 100%);border:1.5px solid #d2780073}:root[data-theme=light] #pe-dir-v{color:#5d1c82;--glow-color:#af52de66;background:linear-gradient(145deg,#af52de3d 0%,#af52de1a 100%);border:1.5px solid #913cbe73}:root[data-theme=light] .pe-dir-input{filter:drop-shadow(0 0 1px #00000038)drop-shadow(0 3px 8px #0000001a)}:root[data-theme=light] #pattern-editor-modal[data-grid=square] .pe-dir-input{filter:none;box-shadow:inset 0 1px 1.5px #fff9,0 3px 8px #0000001a}#pattern-editor-modal[data-grid=pointy-top] .pe-axiom-center-cell{clip-path:url(#pe-clip-pointy);border-radius:0;width:70px;height:80.8px}#pattern-editor-modal[data-grid=flat-top] .pe-axiom-center-cell{clip-path:url(#pe-clip-flat);border-radius:0;width:80.8px;height:70px}#pattern-editor-modal[data-grid=square] .pe-axiom-center-cell{clip-path:none;filter:none;border:1px solid #ffffff59;border-radius:10.5px;width:70px;height:70px;box-shadow:inset 0 1px 2px #fff6,0 0 25px #1565c080}.pe-axiom-center-cell{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 75%, #fff 25%) 0%, var(--accent) 100%);filter:drop-shadow(0 0 1px #ffffff8c)drop-shadow(0 0 25px #1565c080);z-index:5;pointer-events:all;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:900;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff!important}.pe-axiom-center-cell .pe-axis-dir-badge,.pe-axiom-center-cell .pe-axis-interval-name,.pe-axiom-center-cell .pe-axis-input{color:#fff!important}.pe-axiom-center-cell:focus-within{filter:drop-shadow(0 0 2px #fffc)drop-shadow(0 0 35px #1565c0cc)!important;transform:translate(-50%,-50%)scale(1.05)!important}#pattern-editor-modal[data-grid=square] .pe-axiom-center-cell:focus-within{filter:none!important;box-shadow:inset 0 1px 2px #fff9,0 0 35px #1565c0cc!important}:root[data-theme=light] .pe-axiom-center-cell{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 85%, #fff 15%) 0%, var(--accent) 100%);filter:drop-shadow(0 0 1px #00000040)drop-shadow(0 4px 16px #1565c066)}.pe-axiom-bg-shape{fill:url(#pe-axiom-bg-grad);stroke:#ffffff38;stroke-width:1.5px;transition:stroke .3s}:root[data-theme=light] .pe-axiom-bg-shape{stroke:#0000001f!important}:root[data-theme=light] #pe-axiom-svg{filter:drop-shadow(0 6px 16px #00000014)}#pe-axiom-svg line{stroke:#ffffff26;stroke-width:1.5px;stroke-dasharray:4 4}:root[data-theme=light] #pe-axiom-svg line{stroke:#00000026}#pattern-editor-modal[data-grid=square] #pe-dir-ul,#pattern-editor-modal[data-grid=square] #pe-dir-ur{visibility:hidden!important;pointer-events:none!important}.pe-grid-group,.pe-action-group{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-btn,12px);border:var(--glass-border);box-shadow:inset 0 1px 1.5px #ffffff1f, var(--glass-shadow);flex-direction:column;gap:8px;padding:5px;display:flex}:root[data-theme=light] .pe-grid-group,:root[data-theme=light] .pe-action-group{box-shadow:inset 0 1px 1.5px #ffffff73, var(--glass-shadow)}.pe-section-label{color:var(--text-tertiary);letter-spacing:.8px;opacity:.85;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.pe-section-subtitle{color:var(--text-secondary);letter-spacing:.3px;opacity:.8;font-size:10px;font-weight:600}.pe-range-overlay{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);z-index:10;border-radius:var(--radius-btn,12px);border:var(--glass-border);width:280px;box-shadow:inset 0 1px 1.5px #ffffff1f, var(--glass-shadow);justify-content:center;gap:15px;padding:10px 18px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}:root[data-theme=light] .pe-range-overlay{box-shadow:inset 0 1px 1.5px #ffffff73, var(--glass-shadow)}.pe-range-label{color:var(--text-tertiary);letter-spacing:.5px;font-size:9px;font-weight:900}.pe-range-input{background:var(--glass-bg-light);border:var(--glass-border);width:48px;color:var(--text-primary);text-align:center;box-sizing:border-box;border-radius:8px;outline:none;padding:2px 4px;font-size:11.5px;font-weight:800;transition:border-color .2s,background .2s,box-shadow .2s}.pe-range-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.pe-preview-title{text-align:center;width:100%;color:var(--text-tertiary);letter-spacing:.8px;z-index:5;opacity:.85;pointer-events:none;font-size:10px;font-weight:700;display:block;position:absolute;top:12px}.pe-zoom-controls{z-index:10;background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-btn,12px);box-shadow:inset 0 1px 1.5px #ffffff1f, var(--glass-shadow);align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:10px;right:10px}:root[data-theme=light] .pe-zoom-controls{box-shadow:inset 0 1px 1.5px #ffffff73, var(--glass-shadow)}.pe-zoom-btn{background:var(--glass-bg-light);cursor:pointer;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29;color:var(--text-primary)!important}.pe-zoom-btn:hover{border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 2px 6px #00000026,inset 0 1px .5px #ffffff73,inset 0 -1px .5px #fff3;background:var(--glass-bg-hover)!important}.pe-zoom-btn:active{transform:scale(.92);background:var(--glass-bg-active)!important}#pe-zoom-badge{color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;border-radius:6px;min-width:42px;padding:3px 6px;font-size:11px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}#pe-zoom-badge:hover{background:var(--glass-bg-hover);color:var(--text-primary)}#pe-zoom-badge.pe-zoom-badge--dragging{background:var(--glass-bg-active);color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 35%, transparent);cursor:grabbing!important}.pe-preview-actions{border-top:var(--glass-border);background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff14}#pe-layout-name{background:var(--glass-bg-light);width:100%;color:var(--text-primary);text-align:center;box-sizing:border-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:8px;outline:none;padding:8px 12px;font-size:12px;font-weight:500;transition:border-color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}#pe-layout-name:focus{border-color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 70%, white 30%);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 1px .5px #ffffff73, inset 0 -1px .5px #fff3}.pe-btn-save{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 4px 12px color-mix(in srgb, var(--accent) 35%, transparent)!important;border:1px solid #ffffff40!important;border-color:#ffffff8c #ffffff40 #ffffff4d!important}.pe-btn-save:hover{background:color-mix(in srgb, var(--accent) 90%, #fff)!important;color:var(--accent-on)!important;box-shadow:inset 0 1px .5px #ffffff8c, inset 0 -1px .5px #ffffff40, 0 6px 16px color-mix(in srgb, var(--accent) 45%, transparent)!important;border-top-color:#ffffffa6!important}.pe-btn-cancel,.pe-btn-import,.pe-btn-export{color:var(--text-primary)!important}.pe-btn-save:active,.pe-btn-cancel:active,.pe-btn-import:active,.pe-btn-export:active{transform:scale(.95)}.pattern-container{box-sizing:border-box;grid-template-columns:repeat(2,1fr);justify-content:center;gap:8px;width:100%;max-width:850px;margin:0 auto;padding:0 10px;display:grid;overflow-x:auto}@media (min-width:932px),(orientation:landscape){.pattern-container{grid-template-columns:repeat(4,1fr)}}.pattern-box{text-align:center;border-radius:8px;padding:8px}.patterns-row{justify-content:center;gap:15px;margin-top:5px;display:flex}.mini-grid{grid-template-rows:1fr 1fr;gap:1px;display:grid}.mini-row{justify-content:center;gap:1px;display:flex}.mini-row.shift{margin-left:3.5px}.mini-key{background:#333;border:1px solid #444;border-radius:1px;width:6px;height:11px}.mini-key.root{background:var(--accent);border-color:#fff}.mini-key.chord{background:#00e5ff}@media (max-width:932px),(orientation:portrait){.mini-grid,.mini-row{gap:1px}.mini-row.shift{margin-left:4px}.mini-key{border-radius:1px;width:7px;height:13px}}.pattern-container{box-sizing:border-box;grid-template-columns:repeat(2,1fr);justify-content:center;gap:8px;width:100%;max-width:850px;margin:0 auto;padding:0 10px;display:grid}@media (min-width:932px),(orientation:landscape){.pattern-container{grid-template-columns:repeat(4,1fr)}}.pattern-box{text-align:center;background:var(--glass-bg-light);border:var(--glass-border);border-radius:8px;padding:8px;box-shadow:inset 0 1px 1px #ffffff14,0 2px 8px #0000001f}:root[data-theme=light] .pattern-box{box-shadow:inset 0 1px 1px #fff9,0 2px 6px #0000000d}.pattern-label{color:var(--text-primary);margin-bottom:5px;font-size:10px;font-weight:700}:root[data-theme=light] .mini-key{background:#c8c8cc;border-color:#a0a0a5}.chord-preview-box{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;min-height:50px;margin-bottom:8px;padding:8px;display:flex}.chord-preview-label{color:#666;letter-spacing:1px;margin-right:10px;font-size:10px}.custom-scale-panel{background:var(--glass-bg-dark);border:var(--glass-border);box-sizing:border-box;border-radius:16px;box-shadow:0 16px 40px #00000073}.custom-scale-tab-bar{background:color-mix(in srgb, var(--glass-bg-dark) 90%, black);border:1px solid #ffffff1f;border-color:#ffffff40 #ffffff1f #ffffff1a;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:inset 0 1px 2px #00000059}.custom-scale-tab-btn{text-align:center;min-height:38px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.custom-scale-tab-btn:hover{color:var(--text-primary);background:#ffffff0f}.custom-scale-tab-btn:active{transform:scale(.96)}.custom-scale-tab-btn.active{background:var(--accent);color:var(--accent-on,#fff);box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent);border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff4d}.custom-ratio-panel{background:var(--glass-bg-dark);border:var(--glass-border);box-sizing:border-box;border-radius:16px;box-shadow:0 16px 40px #00000073}.ratio-template-chip{text-align:center;background:var(--glass-bg-dark);min-height:36px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #ffffff1f;border-color:#ffffff40 #ffffff1f #ffffff26;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s,transform .12s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000001f,inset 0 1px .5px #ffffff40,inset 0 -1px .5px #ffffff1f}.ratio-template-chip:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-top-color:#fff6;border-bottom-color:#fff3;box-shadow:0 3px 8px #00000026,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff26}.ratio-template-chip:active{background:var(--glass-bg-active);transform:scale(.96)}.ratio-table-row{box-sizing:border-box;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.ratio-table-row:hover{background:#ffffff08}.ratio-table-row:last-child{border-bottom:none}.ratio-input-field{background:var(--glass-bg-dark);border:var(--glass-border);height:38px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s}.ratio-input-field:focus{border-color:var(--accent)}.ratio-input-field.invalid{border-color:#ff453a}.ratio-cents-badge{text-align:right;font-variant-numeric:tabular-nums;background:var(--glass-bg-dark);min-width:72px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:6px;padding:4px 8px;font-size:12px}.ratio-cents-badge.valid{color:var(--text-primary)}.ratio-cents-badge.invalid{color:#ff453a}.ratio-delete-btn{width:38px;min-width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.ratio-delete-btn:hover{color:#ff453a;background:#ff453a1f}#custom-scale-modal .modal-panel.custom-scale-panel{box-sizing:border-box;flex-direction:column;width:94%;max-width:480px;max-height:calc(100% - 20px);padding:20px;display:flex;position:relative}.custom-scale-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.custom-scale-header h2{color:var(--text-primary);margin:0;font-size:19px;font-weight:600}#btn-custom-scale-close{justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.custom-scale-tab-pane{flex-direction:column;flex:1;padding-right:2px;overflow-y:auto}#pane-custom-scale-edo{gap:14px;display:flex}#pane-custom-scale-ratio{display:none}.custom-edo-section label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.custom-edo-stepper-row{align-items:center;gap:8px;display:flex}.custom-edo-stepper-btn{background:var(--glass-bg-dark);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}.custom-edo-stepper-btn:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.custom-edo-stepper-btn:active{background:var(--glass-bg-active);transform:scale(.95);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}#custom-edo-n-input{text-align:center;background:var(--glass-bg-dark);border:var(--glass-border);height:44px;color:var(--text-primary);border-radius:12px;outline:none;flex:1;font-size:20px;font-weight:700}.custom-edo-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.custom-edo-header-row span{color:var(--text-secondary);font-size:12px}.custom-edo-chip-row{flex-wrap:wrap;gap:6px;display:flex}#custom-edo-equave-select{background:var(--glass-bg-dark);border:var(--glass-border);width:100%;height:44px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 12px;font-size:14px}#custom-edo-equave-custom-row{align-items:center;gap:8px;margin-top:8px;display:none}#custom-edo-equave-custom-input{background:var(--glass-bg-dark);border:var(--glass-border);height:44px;color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:0 12px;font-size:14px}#custom-edo-preview-card{background:color-mix(in srgb, var(--accent,#3897f0) 10%, var(--glass-bg-dark));border:var(--glass-border);border-radius:12px;padding:12px 14px}.custom-edo-preview-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}#custom-edo-scale-name-preview{color:var(--text-primary);font-size:13px;font-weight:600}#custom-edo-layout-rec{background:color-mix(in srgb, var(--accent,#3897f0) 25%, transparent);color:var(--text-primary);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:500}.custom-edo-preview-grid{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:8px;font-size:12px;display:grid}#custom-ratio-name-input{background:var(--glass-bg-dark);border:var(--glass-border);width:100%;height:42px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:0 12px;font-size:14px}.custom-ratio-template-row{flex-wrap:wrap;gap:6px;display:flex}.custom-ratio-table-wrapper{border:var(--glass-border);background:color-mix(in srgb, var(--glass-bg-dark) 80%, transparent);border-radius:12px;min-height:160px;max-height:28vh;margin-bottom:10px;padding-right:4px;overflow-y:auto}.ratio-table-row--root{border-bottom:var(--glass-border);background:color-mix(in srgb, var(--accent,#3897f0) 8%, transparent);align-items:center;gap:8px;padding:8px 12px;display:flex}.ratio-root-num{color:var(--accent,#3897f0);width:28px;font-size:12px;font-weight:600}.ratio-root-label{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}#btn-ratio-add-degree{border:var(--glass-border);background:var(--glass-bg-dark);min-height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.ratio-add-plus{color:var(--accent,#3897f0);font-size:16px;font-weight:700}#custom-ratio-summary-badge{color:var(--text-secondary);text-align:right;font-size:12px}.custom-scale-footer{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;display:flex}#btn-custom-scale-cancel{min-height:44px;color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:0 18px}#btn-custom-scale-apply{background:var(--accent,#3897f0);color:#fff;cursor:pointer;border:none;border-radius:10px;min-height:44px;padding:0 20px;font-weight:600}.tb-handle{transition:transform var(--transition-fast);box-shadow:0 0 10px #00000080}.tb-handle:hover{transform:scale(1.1);z-index:25!important}.tb-handle:active{cursor:grabbing;transform:scale(.95)}#tb-world{will-change:transform}#tile-builder-viewport:active{cursor:grabbing}.layout-pill-widget{z-index:2600;pointer-events:none;width:100%;margin-top:calc(var(--ad-top-padding,0px) + var(--hud-height,calc(env(safe-area-inset-top,0px) + 64px)));flex-direction:column;align-items:center;transition:margin-top .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}body.fullscreen-mode .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + var(--hud-height,64px))}@media (orientation:portrait) and (max-width:600px){.layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + var(--hud-height,calc(env(safe-area-inset-top,0px) + 120px)))}body.fullscreen-mode .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + var(--hud-height,120px))}}.layout-pill-btn{pointer-events:auto;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2;justify-content:center;align-items:center;width:64px;min-width:64px;height:24px;margin:0;padding:0;transition:transform .28s cubic-bezier(.175,.885,.32,1.15);display:flex;position:relative;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.layout-pill-btn:before{content:"";pointer-events:auto;touch-action:none;position:absolute;inset:-12px -24px -10px}body.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget .layout-pill-btn:before,body.hud-sliding-out:not(.training-active) .layout-pill-btn:before{inset:-14px -24px -12px}body.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-btn:before{inset:-14px -24px -12px}body.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.hud-sliding-out:not(.training-active) .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + max(env(safe-area-inset-top,0px), 2px))!important}body.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + max(env(safe-area-inset-top,0px), 2px))!important}body.is-split-screen.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.is-split-screen.hud-sliding-out:not(.training-active) .layout-pill-widget,body.iphone-duo-inner.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.iphone-duo-inner.hud-sliding-out:not(.training-active) .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + 4px)!important}body.is-split-screen.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + 4px)!important}body.iphone-duo-inner.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + 4px)!important}@media (orientation:portrait){body.fullscreen-mode.cutout-type-dynamic_island.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-dynamic_island.hud-sliding-out .layout-pill-widget,body.fullscreen-mode.ios-profile-dynamic_island.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.ios-profile-dynamic_island.hud-sliding-out .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,48px) + 4px), 52px)!important}body.fullscreen-mode.cutout-type-dynamic_island.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,48px) + 4px), 52px)!important}body.fullscreen-mode.ios-profile-dynamic_island.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,48px) + 4px), 52px)!important}body.fullscreen-mode.cutout-type-punch:not(.cutout-pos-corner-left):not(.cutout-pos-corner-right):not(.cutout-type-punch-left):not(.cutout-type-punch-right).hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch:not(.cutout-pos-corner-left):not(.cutout-pos-corner-right):not(.cutout-type-punch-left):not(.cutout-type-punch-right).hud-sliding-out .layout-pill-widget,body.fullscreen-mode.cutout-type-punch-center.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch-center.hud-sliding-out .layout-pill-widget{margin-top:calc(var(--cutout-bottom,24px) - 6px)!important}body.fullscreen-mode.cutout-type-punch:not(.cutout-pos-corner-left):not(.cutout-pos-corner-right):not(.cutout-type-punch-left):not(.cutout-type-punch-right).hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:calc(var(--cutout-bottom,24px) - 6px)!important}body.fullscreen-mode.cutout-type-punch-center.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:calc(var(--cutout-bottom,24px) - 6px)!important}body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-left.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-left.hud-sliding-out .layout-pill-widget,body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-right.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-right.hud-sliding-out .layout-pill-widget,body.fullscreen-mode.cutout-type-punch-left.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch-left.hud-sliding-out .layout-pill-widget,body.fullscreen-mode.cutout-type-punch-right.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-punch-right.hud-sliding-out .layout-pill-widget{margin-top:2px!important}body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-left.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:2px!important}body.fullscreen-mode.cutout-type-punch.cutout-pos-corner-right.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:2px!important}body.fullscreen-mode.cutout-type-punch-left.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:2px!important}body.fullscreen-mode.cutout-type-punch-right.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:2px!important}body.fullscreen-mode.cutout-type-notch.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-type-notch.hud-sliding-out .layout-pill-widget,body.fullscreen-mode.ios-profile-notch.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.ios-profile-notch.hud-sliding-out .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,35px) + 4px), 39px)!important}body.fullscreen-mode.cutout-type-notch.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,35px) + 4px), 39px)!important}body.fullscreen-mode.ios-profile-notch.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,35px) + 4px), 39px)!important}body.fullscreen-mode.cutout-present:not(.cutout-type-punch).cutout-pos-center.hud-hidden:not(.hud-sliding-in) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.cutout-present:not(.cutout-type-punch).cutout-pos-center.hud-sliding-out .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,40px) + 4px), 44px)!important}body.fullscreen-mode.cutout-present:not(.cutout-type-punch).cutout-pos-center.hud-hidden:not(.hud-sliding-in):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(calc(var(--cutout-bottom,40px) + 4px), 44px)!important}}@media (orientation:landscape){body.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.hud-sliding-out:not(.training-active) .layout-pill-widget,body.fullscreen-mode.hud-hidden:not(.hud-sliding-in):not(.training-active) #minimap-bar:not(.hud-peek)~.layout-pill-widget,body.fullscreen-mode.hud-sliding-out:not(.training-active) .layout-pill-widget{margin-top:max(env(safe-area-inset-top,0px), 2px)!important}body.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(env(safe-area-inset-top,0px), 2px)!important}body.fullscreen-mode.hud-hidden:not(.hud-sliding-in):not(.training-active):not(:has(#minimap-bar.hud-peek)) .layout-pill-widget{margin-top:max(env(safe-area-inset-top,0px), 2px)!important}}.layout-pill-arrow-icon{filter:drop-shadow(0 1px 3px #0006);width:36px;height:16px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.layout-pill-arrow-icon .arrow-stroke-bg{stroke:var(--key-black);stroke-width:5.5px}.layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--key-white);stroke-width:3.2px;transition:stroke .2s}.layout-pill-btn:hover:not(.is-adjusting-height){background:0 0!important;border:none!important}.layout-pill-btn:hover:not(.is-adjusting-height) .layout-pill-arrow-icon{transform:translateY(2px)}.layout-pill-btn:hover:not(.is-adjusting-height) .layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--accent)}.layout-pill-btn:active:not(.is-adjusting-height){transform:translateY(3px)scale(.95);background:0 0!important}.layout-pill-btn.is-dragging{cursor:grabbing!important;transition:none!important}.layout-pill-btn.is-dragging .layout-pill-arrow-icon{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 1px 4px #00000073);transition:none!important;transform:none!important}.layout-pill-btn.is-dragging .layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--accent)}.layout-pill-btn.is-pill-mode{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.layout-pill-btn.is-pill-mode .layout-pill-arrow-icon{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 1px 4px #0000008c);transition:transform .15s;transform:none!important}.layout-pill-btn.is-pill-mode .layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--accent);stroke-width:3.8px}.layout-pill-btn.is-pill-mode .layout-pill-arrow-icon .arrow-stroke-bg{stroke-width:6.2px}.layout-pill-height-badge{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;display:none}.layout-pill-btn.is-adjusting-height{border-radius:var(--radius-pill,14px)!important;background:var(--glass-bg-dark)!important;width:auto!important;min-width:86px!important;height:28px!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;padding:0 12px!important;transform:none!important}.layout-pill-btn.is-adjusting-height .layout-pill-arrow-icon{display:none!important}.layout-pill-btn.is-adjusting-height .layout-pill-height-badge{transform:scale(var(--pill-height-scale,1));transform-origin:50%;display:flex!important}.layout-pill-height-badge .badge-text{color:var(--text-primary,#fff);letter-spacing:.2px;white-space:nowrap;font-size:11px;font-weight:700;line-height:1}.layout-pill-height-badge .badge-arrow{width:8px;height:8px;color:var(--text-muted,#ffffff73);flex-shrink:0;transition:color .12s,transform .12s,opacity .12s;display:block}.layout-pill-btn.is-adjusting-height.is-moving-up .badge-arrow-up{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent));transform:translateY(-1.5px)scale(1.2)}.layout-pill-btn.is-adjusting-height.is-moving-down .badge-arrow-down{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent));transform:translateY(1.5px)scale(1.2)}.layout-pill-btn.is-adjusting-height.is-at-max .badge-arrow-up,.layout-pill-btn.is-adjusting-height.is-at-min .badge-arrow-down{opacity:.15;color:var(--text-muted);transform:none}.layout-pill-trails{pointer-events:none;z-index:1;width:64px;height:24px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.layout-pill-widget.expanded .layout-pill-trails{display:none!important}.layout-pill-live-streamer{pointer-events:none;opacity:0;height:4px;filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 3px var(--accent));will-change:width, left, opacity;border-radius:2px;transition:opacity .15s;position:absolute;top:10px;transform:none}.layout-pill-live-streamer.active{opacity:.95}.layout-pill-live-streamer.at-boundary{height:4.5px;top:9.75px;filter:drop-shadow(0 0 12px var(--accent)) drop-shadow(0 0 5px var(--key-white,#fff))!important;opacity:1!important;transform:none!important}.layout-pill-live-streamer.streak-right{background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--accent) 35%, transparent) 18%, color-mix(in srgb, var(--accent) 85%, transparent) 55%, var(--accent) 88%, var(--accent) 100%)}.layout-pill-live-streamer.streak-left{background:linear-gradient(to left, transparent 0%, color-mix(in srgb, var(--accent) 35%, transparent) 18%, color-mix(in srgb, var(--accent) 85%, transparent) 55%, var(--accent) 88%, var(--accent) 100%)}.layout-pill-wake-echo{pointer-events:none;will-change:transform, opacity, filter;width:64px;height:24px;transform:translateX(var(--echo-x,0px)) scaleX(var(--echo-scale,1));opacity:.7;filter:drop-shadow(0 0 8px var(--accent));justify-content:center;align-items:center;transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),filter .95s ease-out;display:flex;position:absolute;top:0;left:0}.layout-pill-wake-echo.fade-out{transform:translateX(calc(var(--echo-x,0px) * .35)) scaleX(.7);opacity:0;filter:blur(7px) drop-shadow(0 0 12px var(--accent))}.layout-pill-wake-echo .layout-pill-arrow-icon{width:36px;height:16px}.layout-pill-wake-echo .trail-stroke-fg{stroke:var(--accent);stroke-width:3.8px;stroke-linecap:round}.layout-pill-motion-trail{pointer-events:none;justify-content:center;align-items:center;width:64px;height:24px;display:flex;position:absolute;top:0;left:0;overflow:visible}.layout-pill-motion-trail .trail-ghost-primary,.layout-pill-motion-trail .trail-ghost-secondary{pointer-events:none;will-change:transform, opacity, filter;justify-content:center;align-items:center;width:64px;height:24px;display:flex;position:absolute;top:0;left:0}.layout-pill-motion-trail .trail-ghost-primary{transform:translateX(var(--trail-offset,0px)) scaleX(var(--trail-stretch,1));opacity:.85;filter:drop-shadow(0 0 10px var(--accent));transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),filter .95s ease-out}.layout-pill-motion-trail .trail-ghost-secondary{transform:translateX(var(--trail-offset-half,0px)) scaleX(1.04);opacity:.5;filter:drop-shadow(0 0 5px var(--accent));transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s ease-out}.layout-pill-motion-trail .trail-stroke-fg{stroke:var(--accent);stroke-width:3.8px;stroke-linecap:round}.layout-pill-motion-trail .trail-streak-line{pointer-events:none;opacity:.9;height:4px;filter:drop-shadow(0 0 8px var(--accent));will-change:opacity, transform, filter;transform-origin:50%;border-radius:2px;transition:opacity .92s ease-out,transform .92s cubic-bezier(.16,1,.3,1),filter .92s ease-out;position:absolute;top:10px}.layout-pill-motion-trail .trail-streak-line.streak-right{background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--accent) 35%, transparent) 18%, color-mix(in srgb, var(--accent) 85%, transparent) 55%, var(--accent) 88%, var(--accent) 100%)}.layout-pill-motion-trail .trail-streak-line.streak-left{background:linear-gradient(to left, transparent 0%, color-mix(in srgb, var(--accent) 35%, transparent) 18%, color-mix(in srgb, var(--accent) 85%, transparent) 55%, var(--accent) 88%, var(--accent) 100%)}.layout-pill-motion-trail .layout-pill-arrow-icon{width:36px;height:16px}.layout-pill-motion-trail.fade-out .trail-ghost-primary{transform:translateX(calc(var(--trail-offset,0px) * .15)) scaleX(.85);opacity:0;filter:blur(7px) drop-shadow(0 0 14px var(--accent))}.layout-pill-motion-trail.fade-out .trail-ghost-secondary{opacity:0;filter:blur(5px) drop-shadow(0 0 8px var(--accent));transform:translate(0)scaleX(.7)}.layout-pill-motion-trail.fade-out .trail-streak-line{opacity:0;filter:blur(5px);transform:scaleX(.3)}.layout-pill-widget.expanded .layout-pill-btn{display:none}.layout-pill-widget:not(.expanded) .layout-pill-btn{animation:.35s cubic-bezier(.16,1,.3,1) backwards layoutPillBtnFadeIn}@keyframes layoutPillBtnFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.layout-pill-popup{pointer-events:auto;border-radius:var(--radius-btn-square,14px);background:var(--glass-bg-dark);width:90%;max-width:1000px;height:44px;min-height:44px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);box-sizing:border-box;isolation:isolate;will-change:transform, opacity;transform-origin:top;touch-action:none;overscroll-behavior:none;align-items:center;margin-top:4px;padding:4px 5px;animation:.5s cubic-bezier(.16,1,.3,1) forwards layoutPillPushDown;display:flex;position:relative;overflow:hidden}.layout-pill-popup.closing{pointer-events:none;animation:.5s cubic-bezier(.16,1,.3,1) forwards layoutPillPopUp}@keyframes layoutPillPushDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes layoutPillPopUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.layout-carousel-container{touch-action:none;overscroll-behavior:none;align-items:center;gap:6px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.layout-carousel-container.is-dragging{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}.layout-carousel-container.is-dragging *{-webkit-user-select:none!important;user-select:none!important}.layout-carousel-container.is-dragging .layout-carousel-arrow{pointer-events:none!important}.layout-carousel-arrow{aspect-ratio:1;border-radius:var(--radius-btn,12px);width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.layout-nav-icon{stroke:currentColor;stroke-width:3.2px;pointer-events:none;flex-shrink:0;width:18px;height:18px;transition:transform .15s,stroke .15s}.layout-carousel-arrow:hover{background:var(--glass-bg-hover);border-color:var(--accent);color:var(--accent);opacity:1;transform:scale(1.06)}.layout-carousel-arrow:active{transform:scale(.92)}.layout-carousel-track{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:none;overscroll-behavior:contain;scrollbar-width:none;box-sizing:border-box;will-change:scroll-position;-webkit-user-select:none;user-select:none;touch-action:none;scroll-snap-type:none;align-items:center;gap:12px;width:100%;height:100%;padding:0 calc(50% - 60px);display:flex;position:relative;overflow:auto hidden}.layout-carousel-track::-webkit-scrollbar{display:none}.layout-carousel-container.is-dragging .layout-carousel-track{scroll-snap-type:none!important}.layout-carousel-container.is-dragging .layout-card,.layout-carousel-container.is-dragging .layout-card-name{transition:none!important}.layout-card{contain:layout style;width:120px;min-width:120px;height:32px;max-height:32px;box-shadow:none;text-align:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:.72;touch-action:none;background:0 0;border:none;flex:0 0 120px;justify-content:center;align-items:center;padding:0 4px;transition:opacity .3s;display:flex;overflow:hidden}.layout-card:hover{opacity:.92}.layout-card.active{box-shadow:none;opacity:1;background:0 0;border:none;transform:none}.layout-card-name{color:var(--text-primary);text-transform:none;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-size:14px;font-weight:400;line-height:32px;transition:color .3s,opacity .3s,font-weight .2s;display:block;overflow:hidden}.layout-card.active .layout-card-name{color:var(--accent);letter-spacing:normal;text-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 30%, transparent);font-size:14px;font-weight:700}:root[data-theme=light] .layout-pill-btn{box-shadow:none!important;background:0 0!important;border:none!important}:root[data-theme=light]:not([data-glass-style=liquid]) .layout-pill-btn.is-adjusting-height{background:var(--glass-bg-dark)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}:root[data-theme=light] .layout-pill-height-badge .badge-text{color:var(--text-primary,#000)}:root[data-theme=light] .layout-pill-height-badge .badge-arrow{color:var(--text-muted,#0006)}:root[data-theme=light] .layout-pill-btn:hover{background:0 0!important}:root[data-theme=light] .layout-pill-arrow-icon{filter:drop-shadow(0 1px 2px #00000040)}:root[data-theme=light] .layout-pill-arrow-icon .arrow-stroke-bg{stroke:var(--key-white)}:root[data-theme=light] .layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--key-black)}:root[data-theme=light] .layout-pill-btn:hover .layout-pill-arrow-icon .arrow-stroke-fg{stroke:var(--accent)}:root[data-theme=light] .layout-pill-popup{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}:root[data-theme=light] .layout-carousel-arrow{color:#000000b3;background:#0000000d;border-color:#00000014}:root[data-theme=light] .layout-carousel-arrow:hover{color:var(--accent);background:#0000001a}:root[data-theme=light] .layout-card.active .layout-card-name{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 30%, transparent)}.quick-setup-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:10px;display:grid}.setup-section{flex-direction:column;gap:8px;display:flex}.setup-section h3{font-size:var(--font-heading);letter-spacing:.5px;color:var(--accent);border-bottom:none;margin-top:0;margin-bottom:0;font-weight:600}.setup-desc{font-size:var(--font-body);color:var(--text-secondary);margin-bottom:5px;line-height:1.4}.time-sig-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.time-sig-editor{justify-content:center;align-items:center;gap:4px;margin-top:10px;padding:2px 0;display:flex}.ts-select{color:var(--text-primary);cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center;font-size:14px;font-weight:800;font-family:var(--font-primary), monospace;background:0 0;border:none;width:auto;min-width:25px;margin:0;padding:0}.ts-select:hover{color:var(--accent)}.ts-divider{color:var(--text-muted);margin:0 6px;font-size:14px;font-weight:300}.time-sig-preset,.ts-grid-btn{padding:8px 0;font-size:11px;font-weight:700}.time-sig-preset.active,.ts-grid-btn.active{box-shadow:0 0 12px color-mix(in srgb, var(--accent) 50%, transparent)}.qs-btn-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:0;display:flex}.qs-square-btn{border-radius:var(--radius-btn-square,14px);cursor:pointer;width:56px;height:56px;color:var(--text-primary);background:var(--glass-bg-light);border:var(--glass-border);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.qs-square-btn:hover{background:var(--glass-bg-hover)}.qs-square-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on);box-shadow:0 5px 15px #0000004d, 0 0 15px color-mix(in srgb, var(--accent) 30%, transparent);transform:scale(1.05)}.qs-square-btn svg{vector-effect:non-scaling-stroke;width:24px;height:24px}@media (max-width:600px) and (orientation:portrait){.quick-setup-grid{gap:10px}}@media (min-width:1024px){.qs-square-btn{width:76px;height:76px}.qs-square-btn svg{width:38px;height:38px}}.qs-stores-banner{border-radius:var(--radius-qs-col,12px);background:var(--glass-bg-light);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;display:flex}.qs-stores-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.qs-stores-text{flex-direction:column;gap:2px;min-width:180px;display:flex}.qs-stores-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.qs-stores-subtitle{color:var(--text-muted);font-size:11px;line-height:1.3}.qs-stores-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qs-store-badge-btn{box-sizing:border-box;border:var(--glass-border);min-height:44px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:background .18s,transform .15s,border-color .18s;display:inline-flex}.qs-store-badge-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff38}.qs-store-badge-btn:active{background:var(--glass-bg-active);transform:scale(.97)}.qs-store-badge-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qs-store-badge-btn svg{opacity:.95;flex-shrink:0}.qs-store-badge-btn svg[fill=none],.qs-store-badge-btn svg[fill=none] path{fill:none}.qs-badge-text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.qs-badge-small{color:var(--text-muted);letter-spacing:.2px;font-size:9px;font-weight:500}.qs-badge-large{color:var(--text-primary);letter-spacing:.1px;font-size:13px;font-weight:600}:root[data-theme=light] .qs-stores-banner{background:#00000008;border:1px solid #0000001a}:root[data-theme=light] .qs-store-badge-btn{background:#0000000d;border:1px solid #0000001a}:root[data-theme=light] .qs-store-badge-btn:hover{background:#00000014}@media (max-width:600px){.qs-stores-content{text-align:center;flex-direction:column;align-items:stretch}.qs-stores-text{text-align:center}.qs-stores-badges{justify-content:center}}.qs-modal-header{text-align:center;flex-shrink:0;margin-bottom:8px;padding:0 24px;position:relative}.qs-modal-header h2{text-align:center;margin:0;font-size:1.25rem}.qs-scroll-body{-webkit-overflow-scrolling:touch;flex:1;padding:4px 24px;overflow-y:auto}.inst-top-actions{flex-direction:column;gap:8px;width:100%;margin:4px 0 12px;display:flex}#btn-open-sf-picker{border-radius:var(--radius-search,12px);box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin:0;padding:0 16px;font-size:12.5px;font-weight:600;display:flex}.inst-search-container{background:var(--glass-bg-light);border-radius:var(--radius-search,12px);box-sizing:border-box;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;align-items:center;width:100%;height:42px;padding:0 14px;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}@media (min-width:520px){.inst-top-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}}.inst-search-container:focus-within{background:var(--glass-bg-hover);border-color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 70%, white 30%);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 1px .5px #ffffff73, inset 0 -1px .5px #fff3}.inst-search-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.inst-search-icon .search-svg{width:18px;height:18px}#inst-search-input{color:var(--text-primary);font-size:var(--font-body);background:0 0;border:none;outline:none;flex:1;height:100%;margin:0;padding:0;font-weight:500}#inst-search-input::placeholder{color:var(--text-muted)}.inst-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 -4px 0 0;padding:4px;transition:all .2s;display:flex}.inst-search-clear:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.inst-search-clear .clear-svg{width:16px;height:16px}.inst-search-no-results{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.inst-search-no-results-icon{opacity:.6;margin-bottom:12px;font-size:32px}.inst-search-no-results-text{font-size:var(--font-body);font-weight:500;line-height:1.4}#settings-instrument-grid{border-radius:var(--radius-grid,12px);background:#ffffff05;border:1px solid #ffffff0d;margin-top:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a}#settings-instrument-grid .inst-group-card{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:0;overflow:visible}#settings-instrument-grid .inst-group-card.collapsed{margin-bottom:0}#settings-instrument-grid .inst-group-card.collapsed .inst-list-rows{opacity:0;pointer-events:none;max-height:0}#settings-instrument-grid .inst-group-header{color:var(--group-color,var(--accent));text-transform:none;letter-spacing:normal;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#191919bf;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;transition:background .2s;display:flex;position:sticky;top:-1px}#settings-instrument-grid .inst-group-card:first-child .inst-group-header{border-top:none}#settings-instrument-grid .inst-group-header:hover{background:#ffffff08}#settings-instrument-grid .inst-group-header .chevron-svg{width:12px;height:12px;color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s;display:block}#settings-instrument-grid .inst-group-header:hover .chevron-svg{color:var(--group-color,var(--accent))}#settings-instrument-grid .inst-group-card.collapsed .chevron-svg{transform:rotate(-90deg)}#settings-instrument-grid .inst-list-rows{opacity:1;flex-direction:column;max-height:800px;transition:max-height .5s cubic-bezier(.22,.61,.36,1),opacity .4s;display:flex;overflow:hidden}#settings-instrument-grid .instrument-row-btn{-webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;box-sizing:border-box;width:100%;color:var(--text-secondary);background:0 0;border:none;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;transition:all .2s;display:flex;position:relative}#settings-instrument-grid .instrument-row-btn:focus-visible{outline:2px solid var(--accent)!important;outline-offset:-2px!important;z-index:15!important;border-radius:8px!important}#settings-instrument-grid .instrument-row-btn:last-child{border-bottom:none}@media (min-width:520px){#settings-instrument-grid .inst-list-rows{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#settings-instrument-grid .instrument-row-btn{border-bottom:var(--glass-border);border-right:none}#settings-instrument-grid .instrument-row-btn:nth-child(odd){border-right:var(--glass-border)}#settings-instrument-grid .instrument-row-btn:nth-last-child(-n+2),#settings-instrument-grid .instrument-row-btn:last-child{border-bottom:none}}@media (min-width:900px) and (orientation:landscape),(min-width:1024px){#settings-instrument-grid .inst-list-rows{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}#settings-instrument-grid .instrument-row-btn{border-bottom:var(--glass-border);border-right:var(--glass-border);padding:10px 12px}#settings-instrument-grid .instrument-row-btn:nth-child(4n){border-right:none}#settings-instrument-grid .instrument-row-btn:nth-last-child(-n+4),#settings-instrument-grid .instrument-row-btn:last-child{border-bottom:none}}#settings-instrument-grid .instrument-row-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}#settings-instrument-grid .inst-row-left{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}#settings-instrument-grid .inst-badge{background:var(--glass-bg-dark);border:var(--glass-border);color:var(--text-muted);text-align:center;border-radius:4px;flex-shrink:0;min-width:24px;padding:2px 6px;font-family:monospace;font-size:10px;transition:all .2s}#settings-instrument-grid .inst-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;transition:color .2s;overflow:hidden}#settings-instrument-grid .inst-row-right{flex-shrink:0;align-items:center;gap:8px;margin-left:8px;display:flex}#settings-instrument-grid .inst-bank-tag{letter-spacing:-.01em;color:var(--text-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;transition:all .2s}#settings-instrument-grid .instrument-row-btn:hover .inst-bank-tag{color:var(--text-secondary);border-color:#ffffff29}#settings-instrument-grid .instrument-row-btn.active .inst-bank-tag{background:color-mix(in srgb, var(--group-color,var(--accent)) 12%, transparent);border-color:color-mix(in srgb, var(--group-color,var(--accent)) 30%, transparent);color:var(--group-color,var(--accent));font-weight:600}#settings-instrument-grid .instrument-row-btn.active{background:var(--glass-bg-active);color:var(--text-primary)}#settings-instrument-grid .instrument-row-btn.active:before{content:"";background:var(--group-color,var(--accent));width:3px;box-shadow:0 0 8px var(--group-color,var(--accent));border-radius:0 4px 4px 0;position:absolute;top:4px;bottom:4px;left:0}#settings-instrument-grid .instrument-row-btn.active .inst-badge{background:color-mix(in srgb, var(--group-color,var(--accent)) 15%, transparent);border-color:color-mix(in srgb, var(--group-color,var(--accent)) 30%, transparent);color:var(--group-color,var(--accent))}#settings-instrument-grid .instrument-row-btn.active .inst-name{color:var(--text-primary);font-weight:600}#settings-instrument-grid .instrument-row-btn.locked{opacity:.55}#settings-instrument-grid .instrument-row-btn.locked:hover{background:#ffffff03}#settings-instrument-grid .inst-lock-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}#settings-instrument-grid .instrument-row-btn:hover .inst-lock-icon{color:var(--accent);transform:scale(1.1)}#settings-instrument-grid .inst-group-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}#settings-instrument-grid .inst-group-color-btn{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;margin:-6px 0;padding:6px;transition:background-color .15s,transform .15s;display:flex}#settings-instrument-grid .inst-group-color-btn:hover{background:#ffffff14;transform:scale(1.08)}#settings-instrument-grid .inst-group-color-btn:active{transform:scale(.95)}#settings-instrument-grid .inst-group-color-dot{background-color:var(--group-color,var(--accent));width:14px;height:14px;box-shadow:0 0 8px color-mix(in srgb, var(--group-color,var(--accent)) 45%, transparent), inset 0 0 0 1.5px #ffffff4d;border-radius:50%;transition:transform .15s,box-shadow .15s}#settings-instrument-grid .inst-group-color-btn:hover .inst-group-color-dot{box-shadow:0 0 12px var(--group-color,var(--accent)), inset 0 0 0 2px #ffffffb3}.inst-color-popover{z-index:10000;width:248px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1e1e20e6;border-radius:16px;padding:12px;animation:.18s cubic-bezier(.16,1,.3,1) instColorPopoverFadeIn;position:fixed;box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff14}@keyframes instColorPopoverFadeIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.inst-color-popover-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.inst-color-popover-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.inst-color-popover-reset{-webkit-appearance:none;appearance:none;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;padding:3px 8px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;display:flex}.inst-color-popover-reset:hover{color:var(--text-primary);background:#ffffff24}.inst-color-swatches-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.inst-color-swatch{-webkit-appearance:none;appearance:none;cursor:pointer;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 6px #0000004d}.inst-color-swatch:hover{border-color:#ffffffb3;transform:scale(1.15);box-shadow:0 4px 10px #0006}.inst-color-swatch:active{transform:scale(.95)}.inst-color-swatch.selected{box-shadow:0 0 0 2px var(--accent,#1565c0), 0 4px 10px #0006;border-color:#fff;transform:scale(1.12)}.inst-color-swatch.selected:hover{box-shadow:0 0 0 2px var(--accent,#1565c0), 0 4px 12px #00000080;border-color:#fff;transform:scale(1.16)}.inst-color-swatch.custom-picker-swatch{background:conic-gradient(from 180deg,red,#f80,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #fff6;overflow:hidden}.inst-color-native-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}:root[data-theme=light] .inst-color-popover{background:#f5f5f7f0;border-color:#0000001f;box-shadow:0 12px 32px #0003}:root[data-theme=light] .inst-color-popover-title{color:#111}:root[data-theme=light] .inst-color-popover-reset{color:#555;background:#0000000d;border-color:#0000001f}:root[data-theme=light] .inst-color-popover-reset:hover{color:#111;background:#0000001a}:root[data-theme=light] #settings-instrument-grid .inst-group-color-btn:hover{background:#0000000d}#instrument-modal{z-index:5000}#instrument-modal .modal-panel{box-sizing:border-box;flex-direction:column;max-height:calc(100% - 20px);margin:20px auto;padding:24px 0;display:flex;overflow:hidden;width:fit-content!important;max-width:min(95vw,440px)!important}#instrument-modal h2{margin:0 0 14px;font-size:18px;line-height:1.2}.modal-scroll-wrapper{-webkit-overflow-scrolling:touch;flex:1;padding:4px 24px 16px;overflow-y:auto}.inst-grid{box-sizing:border-box;grid-template-columns:repeat(4,64px);justify-content:center;gap:12px;width:100%;padding:10px 0;display:grid}.instrument-card{box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.instrument-btn{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;color:inherit;background:color-mix(in srgb, var(--glass-bg-light) 85%, #ffffff0d);cursor:pointer;aspect-ratio:1;box-sizing:border-box;z-index:1;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:22%;outline:none;justify-content:center;align-items:center;width:100%;height:auto;margin:0;padding:0;font-family:inherit;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026,inset 0 1px .5px #ffffff59,inset 0 -1px .5px #ffffff29}.instrument-card:hover .instrument-btn,.instrument-btn:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 14px #00000029,inset 0 1px 1px #ffffff85,inset 0 -1px .5px #ffffff38}.instrument-btn:active{background:var(--glass-bg-active);transform:scale(.95);box-shadow:0 2px 8px #00000026,inset 0 1px .5px #ffffffa6,inset 0 -.5px .5px #ffffff47}.instrument-btn.active{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38, 0 8px 24px color-mix(in srgb, var(--accent) 40%, transparent)!important;border-color:#ffffff8c #ffffff40 #ffffff4d!important}.instrument-btn.selected{box-shadow:inset 0 0 0 2px var(--accent), inset 0 1px .5px #fff6, 0 8px 24px #0000004d;border-color:var(--accent);z-index:50;background:#ffffff26}.instrument-btn.active.selected{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:inset 0 0 0 2px #fff6, inset 0 1px .5px #fff9, 0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent)!important;border-color:#fff9 #ffffff4d #ffffff4d!important}:root[data-theme=light] .instrument-btn{border:1px solid #0000001a;border-color:#fffffff2 #0000001a #fff9;box-shadow:0 4px 12px #0000000f,inset 0 1px .5px #fffffff2,inset 0 -1px .5px #ffffff80}.instrument-btn.active.selected .inst-icon{background-color:var(--accent-on)!important}.instrument-btn.selected:not(.active){color:var(--accent)}.instrument-btn.selected:not(.active) .inst-icon{background-color:var(--accent)!important}.inst-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.inst-icon{aspect-ratio:1;background-color:currentColor;width:60%;max-width:44px;height:60%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.inst-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;line-height:1.1;transition:color .2s;overflow:hidden}.instrument-btn.active .inst-icon{background-color:var(--accent-on)!important}@media (orientation:landscape){#instrument-modal .modal-panel{margin:0 auto;width:fit-content!important;max-width:min(95vw,440px)!important;padding:16px 0!important}.modal-scroll-wrapper{padding:4px 14px 16px}.inst-grid{grid-template-columns:repeat(5,64px)}}:root[data-theme=light] .instrument-btn{background:var(--glass-bg-light)!important;color:var(--text-primary)!important}:root[data-theme=light] .instrument-btn:hover{background:var(--glass-bg-hover)!important}:root[data-theme=light] .instrument-btn.active{box-shadow:inset 0 0 0 2px var(--accent)!important;border-color:var(--accent)!important;background:var(--accent)!important;color:var(--accent-on)!important}:root[data-theme=light] .instrument-btn.selected{box-shadow:inset 0 0 0 3px var(--accent)!important;border-color:var(--accent)!important;background:var(--glass-bg-hover)!important}:root[data-theme=light] .instrument-btn.active.selected{background:var(--accent)!important;color:var(--accent-on)!important;border-color:var(--accent)!important;box-shadow:inset 0 0 0 3px var(--accent)!important}:root[data-theme=light] .instrument-btn.active .inst-icon,:root[data-theme=light] .instrument-btn.active.selected .inst-icon{background-color:var(--accent-on)!important}:root[data-theme=light] .instrument-btn.selected:not(.active){color:color-mix(in srgb, var(--accent) 75%, #000)!important}:root[data-theme=light] .instrument-btn.selected:not(.active) .inst-icon{background-color:color-mix(in srgb, var(--accent) 75%, #000)!important}.custom-sf-panel{border:var(--glass-border);box-sizing:border-box;background:#ffffff08;border-radius:12px;flex-direction:column;gap:10px;margin:4px 10px 16px;padding:12px 16px;transition:all .3s;display:flex}.custom-sf-header{justify-content:space-between;align-items:center;display:flex}.custom-sf-title{color:#ffffffd9;font-size:13px;font-weight:600}.custom-sf-status-badge{color:#fff9;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:500}.custom-sf-status-badge.active-sf{color:#30d158;background:#30d15826;border-color:#30d1584d}.custom-sf-actions{gap:8px;width:100%;display:flex}.custom-sf-actions .btn-action{text-align:center;border-radius:8px;flex:1;justify-content:center;margin:0;padding:8px 12px;font-size:11px}.custom-sf-url-panel{opacity:1;gap:8px;width:100%;max-height:40px;margin-top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.custom-sf-url-panel.hidden-panel{opacity:0;pointer-events:none;max-height:0;margin-top:0}#sf-url-input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .2s}#sf-url-input:focus{border-color:var(--accent)}#btn-sf-download{border-radius:8px;margin:0;padding:8px 12px;font-size:11px}#custom-color-scheme-modal .modal-panel{border-radius:var(--glass-radius,24px);background:var(--glass-bg-dark);width:94%;max-width:680px;max-height:calc(100% - 20px);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary);box-sizing:border-box;text-transform:none;flex-direction:column;padding:20px 24px 16px;display:flex;position:relative;overflow:hidden!important}.custom-colors-modal-header{text-align:center;flex-shrink:0;padding:0 40px 10px}.custom-colors-modal-header h2{color:var(--accent);text-align:center;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.custom-colors-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:2px 4px 6px 2px;display:flex;overflow-y:auto}.custom-colors-top-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:4px;display:flex}.custom-colors-title-group{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.custom-colors-title-group label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}#custom-palette-select-container{flex:1;min-width:180px;margin-bottom:0}#custom-palette-select-container .dropdown-trigger{background:var(--glass-bg-light);border:1px solid var(--glass-border);height:44px;min-height:44px;color:var(--text-primary);border-radius:12px;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}#custom-palette-select-container .dropdown-trigger:hover{background:var(--glass-bg-hover);border-color:#ffffff40}.custom-palette-select{display:none}.custom-colors-top-actions{align-items:center;gap:8px;display:flex}.custom-color-top-btn{cursor:pointer;background:var(--glass-bg-light);min-height:44px;color:var(--text-primary);-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}.custom-color-top-btn:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}.custom-color-top-btn:hover{background:var(--glass-bg-hover);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.custom-palette-save-form{border:1px solid var(--glass-border);box-sizing:border-box;background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 14px;display:flex}.custom-palette-save-form input{background:var(--glass-bg-dark);height:44px;color:var(--text-primary);border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:10px;outline:none;flex:1;padding:0 14px;font-size:14px;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}.custom-palette-save-form input:focus{border-color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 70%, white 30%);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 1px .5px #ffffff73, inset 0 -1px .5px #fff3}.custom-colors-brush-section{flex-direction:column;gap:8px;display:flex}.custom-colors-section-label{color:var(--text-secondary);letter-spacing:.3px;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.custom-colors-active-color-label{justify-content:flex-start;gap:8px}.custom-colors-active-color-label .pro-badge{-webkit-appearance:none;appearance:none;cursor:pointer;margin:0 0 0 auto;font-family:inherit}.custom-colors-edit-area{flex-direction:column;gap:14px;margin-top:-6px;display:flex}body:not(.ad-free) .custom-colors-edit-area{background:#ffffff08;border-radius:16px;padding:10px;position:relative;overflow:hidden}.custom-palette-swatches-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.custom-palette-swatch{-webkit-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box;vertical-align:middle;border:2px solid #fff3;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;padding:0;transition:transform .15s,box-shadow .2s,border-color .2s;display:inline-flex}.custom-palette-swatch:hover{transform:scale(1.08)}.custom-palette-swatch.active{box-shadow:0 0 12px var(--accent,#1565c0), 0 0 0 2px var(--accent,#1565c0);border-color:#fff;transform:scale(1.12)}.custom-palette-swatch-add{-webkit-user-select:none;user-select:none;background-color:#f59e0b;border:2px solid #fff6;line-height:0;position:relative;overflow:hidden;box-shadow:0 1px 4px #0006}.custom-palette-swatch-add:hover{border-color:#fff;transform:scale(1.12)}.custom-palette-swatch-add:active{transform:scale(.95)}.custom-palette-swatch-add.active{box-shadow:0 0 12px var(--accent,#1565c0), 0 0 0 2px var(--accent,#1565c0);border-color:#fff;transform:scale(1.15)}.custom-palette-swatch-add input[type=color]{opacity:0;cursor:pointer;width:70px;height:70px;position:absolute;top:-10px;left:-10px}.custom-palette-add-svg{color:currentColor;pointer-events:none;filter:drop-shadow(0 1px 2px #0006);width:20px;height:20px;display:block}.custom-palette-add-icon{pointer-events:none;text-shadow:0 1px 2px #0006;font-size:24px;font-weight:700;line-height:1}.custom-colors-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.custom-colors-brush-indicator{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.custom-colors-tools-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-tool-mode-pills{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.custom-tool-pill{min-height:38px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .1s;display:inline-flex}.custom-tool-pill:hover{color:var(--text-primary);background:#ffffff14}.custom-tool-pill.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0000004d}.custom-tool-pill svg{flex-shrink:0}.active-brush-badge{border:1px solid #fff3;border-radius:8px;padding:2px 7px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.custom-preview-switch-pills{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.custom-preview-pill{min-height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.custom-preview-pill.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0000004d}#custom-colors-preview-container{border:1px solid var(--glass-border);cursor:crosshair;background:#00000073;border-radius:16px;flex-shrink:0;width:100%;height:210px;min-height:180px;position:relative;overflow:hidden}#custom-colors-preview-canvas{touch-action:none;width:100%;height:100%;display:block}.custom-colors-batch-section{flex-direction:column;gap:8px;display:flex}.custom-colors-batch-grid{flex-wrap:wrap;gap:8px;display:flex}.custom-tier-chip{background:var(--glass-bg-light);border:1px solid var(--glass-border);min-height:44px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .1s;display:inline-flex;position:relative}.custom-tier-chip:hover{background:var(--glass-bg-hover);border-color:#ffffff40}.custom-tier-chip:active{transform:scale(.97)}.custom-tier-color-dot{cursor:pointer;border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0006}.custom-tier-color-dot:hover{border-color:#fff;transform:scale(1.18)}.custom-tier-color-dot.adaptive{box-shadow:inset 0 0 0 2px var(--accent,#1565c0)}.custom-backdrop-chip{cursor:default;flex:100%;justify-content:flex-start;gap:8px}.custom-backdrop-fill{-webkit-appearance:none;appearance:none;min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;margin:0;padding:0;font-size:13px;font-weight:600;display:inline-flex}.custom-backdrop-switch-label{color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.custom-tier-direct-input{opacity:0;cursor:pointer;width:50px;height:50px;position:absolute;top:-10px;left:-10px}.custom-tier-label{align-items:center;gap:5px;display:inline-flex}.custom-tier-glyph{opacity:.65;font-size:11px;font-weight:700}.custom-color-batch-pill{background:var(--glass-bg-light);border:1px solid var(--glass-border);min-height:44px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.custom-color-batch-pill:hover{background:var(--glass-bg-hover);border-color:#fff3}.custom-color-batch-pill.active{background:var(--glass-bg-active,#1565c038);border-color:var(--accent,#1565c0);color:var(--text-primary);box-shadow:0 0 10px #1565c059}.custom-color-batch-pill:active{transform:scale(.97)}.custom-colors-footer{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding-top:14px;display:flex}.custom-color-footer-btn{background:var(--glass-bg-light);min-height:44px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;border-color:#ffffff59 #ffffff1f #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),color .2s,transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000001f,inset 0 1px .5px #ffffff52,inset 0 -1px .5px #ffffff29}.custom-color-footer-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-top-color:#ffffff7a;border-bottom-color:#ffffff42;box-shadow:0 4px 12px #0000002e,inset 0 1px 1px #ffffff7a,inset 0 -1px .5px #ffffff38}.custom-color-footer-btn:active{background:var(--glass-bg-active);transform:scale(.96);box-shadow:0 2px 6px #00000026,inset 0 1px .5px #fff9,inset 0 -.5px .5px #ffffff40}.custom-color-footer-btn-reset{color:#f87171;border-color:#ffb4b480 #f8717159 #f871714d}.custom-color-footer-btn-reset:hover{color:#fca5a5;background:#f8717129;border-color:#ffc8c8bf #f8717199 #f8717199;box-shadow:0 4px 12px #f8717133,inset 0 1px 1px #fff6,inset 0 -1px .5px #f8717140}.custom-color-footer-btn-reset:active{transform:scale(.96)}.custom-colors-btn-done{background:var(--accent);min-height:44px;color:var(--accent-on,#fff);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px .5px #ffffff7a, inset 0 -1px .5px #ffffff38;cursor:pointer;border:1px solid #ffffff40;border-color:#ffffff8c #ffffff40 #ffffff4d;border-radius:12px;flex-shrink:0;padding:0 24px;font-size:14px;font-weight:600;transition:background .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1)}.custom-colors-btn-done:hover{background:color-mix(in srgb, var(--accent) 90%, #fff);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 1px .5px #ffffff8c, inset 0 -1px .5px #ffffff40;border-top-color:#ffffffa6}.custom-colors-btn-done:active{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 1px .5px #ffffffa6, inset 0 -.5px .5px #ffffff4d;transform:scale(.96)}@media (max-width:600px){#custom-color-scheme-modal .modal-panel{max-height:calc(100% - 16px);padding:16px 14px 12px}.custom-colors-modal-header{padding:0 30px 8px}.custom-colors-footer{gap:8px;padding-top:10px}.custom-color-footer-btn{padding:0 14px;font-size:12px}.custom-colors-btn-done{padding:0 18px;font-size:13px}#custom-colors-preview-container{height:170px;min-height:150px}.custom-palette-swatch{width:38px;min-width:38px;height:38px;min-height:38px}.custom-colors-title-group{min-width:100%}.custom-colors-top-actions{justify-content:flex-end;width:100%}}@media (max-height:550px) and (orientation:landscape){#custom-color-scheme-modal .modal-panel{max-height:calc(100% - 12px);padding:12px 18px 10px}.custom-colors-modal-header{padding-bottom:4px}.custom-colors-modal-header h2{font-size:1.1rem}#custom-colors-preview-container{height:130px;min-height:100px}.custom-colors-top-bar{padding-bottom:6px}.custom-palette-swatch{width:36px;min-width:36px;height:36px;min-height:36px}}.train-icon{vertical-align:middle;pointer-events:none;background-color:currentColor;flex-shrink:0;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.train-icon-bolt{-webkit-mask-image:url(../icons/bolt.svg);mask-image:url(../icons/bolt.svg)}.train-icon-star{-webkit-mask-image:url(../icons/star.svg);mask-image:url(../icons/star.svg)}.train-icon-star-filled{-webkit-mask-image:url(../icons/star_filled.svg);mask-image:url(../icons/star_filled.svg)}.train-icon-lock{-webkit-mask-image:url(../icons/lock.svg);mask-image:url(../icons/lock.svg)}.train-icon-close{-webkit-mask-image:url(../icons/close.svg);mask-image:url(../icons/close.svg)}.train-icon-replay{-webkit-mask-image:url(../icons/replay.svg);mask-image:url(../icons/replay.svg)}.train-icon-next{-webkit-mask-image:url(../icons/arrow_forward.svg);mask-image:url(../icons/arrow_forward.svg)}.train-icon-menu{-webkit-mask-image:url(../icons/grid_view.svg);mask-image:url(../icons/grid_view.svg)}.train-icon-play{-webkit-mask-image:url(../icons/play_arrow.svg);mask-image:url(../icons/play_arrow.svg)}.train-icon-add{-webkit-mask-image:url(../icons/add.svg);mask-image:url(../icons/add.svg)}.train-icon-hint{-webkit-mask-image:url(../icons/lightbulb.svg);mask-image:url(../icons/lightbulb.svg)}.train-icon-settings{-webkit-mask-image:url(../icons/settings.svg);mask-image:url(../icons/settings.svg)}.train-icon-music{-webkit-mask-image:url(../icons/music_note.svg);mask-image:url(../icons/music_note.svg)}.train-icon-ad{-webkit-mask-image:url(../icons/pro_ad.svg);mask-image:url(../icons/pro_ad.svg)}.train-icon-play-outline{-webkit-mask-image:url(../icons/play_arrow_outline.svg);mask-image:url(../icons/play_arrow_outline.svg)}#btn-close-train .train-icon{width:18px;height:18px}.train-energy-cluster .train-icon,.train-stars-pill .train-icon{width:15px;height:15px}#btn-train-refill-energy .train-icon{width:12px;height:12px;margin-right:2px}#btn-train-sandbox-play{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;display:inline-flex}#btn-train-sandbox-play .train-icon{width:18px;height:18px}#train-complete-drill-badge .train-icon{width:28px;height:28px}#train-complete-refund-badge .train-icon{width:14px;height:14px;margin-right:4px}.train-complete-actions .train-icon{width:16px;height:16px}#train-tab-sandbox,#train-complete-popup{display:none}#train-modal .modal-panel{box-sizing:border-box;flex-direction:column;width:94%;max-width:920px;height:calc(100% - 20px);max-height:min(850px,100% - 20px);padding:20px 24px 24px;display:flex;position:relative;overflow:hidden!important}.train-modal-header{text-align:center;box-sizing:border-box;border-bottom:1px solid #ffffff14;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;padding-bottom:14px;padding-left:40px;padding-right:40px;display:flex;position:relative}.train-modal-title-group{justify-content:center;align-items:center;gap:10px;display:flex}.train-modal-title{text-align:center;letter-spacing:-.2px;color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.train-header-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.train-energy-cluster{align-items:center;gap:6px;display:inline-flex}.train-energy-pill{color:#ff9f0a;box-sizing:border-box;white-space:nowrap;background:#ff9f0a24;border:1px solid #ff9f0a59;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.train-energy-timer,.train-energy-timer-pill{color:var(--text-secondary);box-sizing:border-box;letter-spacing:.2px;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:4px;height:28px;padding:0 9px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.train-btn-refill{background:var(--accent);color:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:3px;height:28px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;transition:transform .15s,opacity .15s,background .15s;display:inline-flex;box-shadow:0 2px 6px #00000040}.train-btn-refill:hover{opacity:.9}.train-btn-refill:active{transform:scale(.95)}.train-stars-pill{color:gold;box-sizing:border-box;white-space:nowrap;background:#ffd7001f;border:1px solid #ffd7004d;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.train-tab-bar{box-sizing:border-box;background:#00000038;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;align-self:center;gap:4px;margin:14px auto 16px;padding:3px;display:inline-flex}.train-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:32px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .18s cubic-bezier(.2,.8,.2,1);display:inline-flex}.train-tab:hover{color:var(--text-primary);background:#ffffff0f}.train-tab.active{background:var(--accent);color:#fff;border-color:#ffffff1f;box-shadow:0 2px 8px #00000038}@media (max-width:620px){#train-modal .modal-panel{width:96%;padding:16px 14px}.train-modal-header{gap:8px;padding-bottom:10px;padding-left:16px;padding-right:40px}.train-header-badges{justify-content:center;gap:8px;width:100%}.train-tab-bar{align-self:center;width:100%;max-width:360px;margin:10px auto 12px;display:flex}.train-tab{text-align:center;flex:1}}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){#train-modal .modal-panel{height:100%!important;max-height:100%!important;padding:8px 16px 12px!important}.train-tab-bar{margin:6px auto 8px!important}}.train-body-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.train-tier-section{margin-bottom:24px}.train-tier-header{margin-bottom:12px}.train-tier-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.train-tier-desc{color:var(--text-muted);margin:3px 0 0;font-size:12px}.train-cards-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}@media (max-width:480px){.train-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.train-level-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:120px;padding:12px 14px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.train-level-card:hover:not(.locked){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.train-level-card:active:not(.locked){transform:scale(.98)}.train-level-card.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.train-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.train-card-num{color:var(--text-secondary);font-size:13.5px;font-weight:700}.train-assist-badge{border:1px solid #0000;border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:600}.train-assist-badge.full-glow{color:#34c759;background:#34c75926;border-color:#34c7594d}.train-assist-badge.root-ghost,.train-assist-badge.ghost-only,.train-assist-badge.root-only{color:#ff9f0a;background:#ff9f0a26;border-color:#ff9f0a4d}.train-assist-badge.zero-hints{color:#ff3b30;background:#ff3b3026;border-color:#ff3b304d}.train-card-title{color:var(--text-primary);margin-bottom:3px;font-size:13.5px;font-weight:700;line-height:1.25}.train-card-song{color:#ff9f0a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:10.5px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.train-card-chords{color:var(--text-secondary);margin-bottom:8px;font-family:monospace;font-size:11px;font-weight:600}.train-card-bottom{justify-content:center;align-items:center;margin-top:auto;padding-top:6px;display:flex;position:relative}.train-card-stars{justify-content:center;align-items:center;gap:6px;display:flex}.star-icon{justify-content:center;align-items:center;display:inline-flex}.star-icon .train-icon{width:20px;height:20px}.star-icon.filled .train-icon{filter:drop-shadow(0 0 5px #ffd700b3);background-color:gold}.star-icon.empty .train-icon{background-color:#fff3}.train-lock-icon{opacity:.7;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.train-lock-icon .train-icon{background-color:var(--text-muted);width:15px;height:15px}#trainCanvas{pointer-events:none;z-index:12;width:100%;height:100%;position:absolute;top:0;left:0}body.training-active #minimap-bar{pointer-events:auto!important;flex-wrap:wrap!important;position:relative!important;transform:none!important}body.training-active.hud-hidden #minimap-bar{min-height:unset!important;height:auto!important;padding-top:max(var(--safe-area-inset-top,0px), env(safe-area-inset-top,0px))!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}body.training-active.hud-hidden #minimap-bar>:not(#train-hud){display:none!important}body.training-active.hud-hidden #train-hud{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);height:48px;min-height:48px;box-shadow:0 4px 20px #0006;width:100%!important;padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,16px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,16px))!important;box-sizing:border-box!important;border-top:none!important;border-bottom:none!important;margin-top:0!important}body.training-active .layout-pill-widget,body.training-active #minimap-bar~.layout-pill-widget,body.training-active.hud-hidden .layout-pill-widget,body.training-active.hud-hidden #minimap-bar~.layout-pill-widget,body.training-active.fullscreen-mode.hud-hidden .layout-pill-widget,body.training-active.fullscreen-mode.hud-hidden #minimap-bar~.layout-pill-widget{margin-top:calc(var(--ad-top-padding,0px) + var(--hud-height,48px))!important;transition:margin-top .2s cubic-bezier(.16,1,.3,1)!important}body.training-active .floating-settings-btn,body.training-active .floating-scale-widget{display:none!important}.train-sub-bar{box-sizing:border-box;z-index:10;pointer-events:auto;background:0 0;border-top:none;flex-basis:100%;order:10;justify-content:space-between;align-items:center;width:100%;height:48px;min-height:48px;margin-top:6px;padding-top:0;padding-bottom:0;animation:.2s cubic-bezier(.16,1,.3,1) subBarSlideDown;display:flex;position:relative}@keyframes subBarSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.train-sub-progress-track{background:0 0;width:100%;height:2px;position:absolute;bottom:0;left:0;overflow:hidden}.train-sub-progress-fill,.train-hud-progress-fill{background:linear-gradient(90deg,#ff9f0a,#34c759);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.train-sub-slot-left{flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.train-sub-btn-exit,.train-hud-btn-exit{color:var(--text-primary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;transition:background .15s,border-color .15s,transform .1s;display:flex}.train-sub-btn-exit .train-icon,.train-hud-btn-exit .train-icon{width:18px!important;height:18px!important}.train-sub-btn-exit:hover,.train-hud-btn-exit:hover{background:#ff3b3040;border-color:#ff3b30}.train-sub-btn-exit:active,.train-hud-btn-exit:active{transform:scale(.95)}.train-sub-level-info,.train-hud-level-info{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.train-sub-level-title,.train-hud-level-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.train-level-num{color:#ff9f0a;font-size:14.5px;font-weight:800}.train-level-name{color:var(--text-secondary);font-size:13.5px;font-weight:600}.train-sub-song-sub,.train-hud-song-sub{display:none!important}.train-sub-slot-center{pointer-events:none;z-index:2;flex-shrink:0;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.train-sub-slot-center>*{pointer-events:auto}.train-sub-target-tag,.train-target-label{color:var(--text-muted);letter-spacing:.04em;opacity:.85;font-size:11px;font-weight:700}.train-sub-chord-name,.train-target-chord{color:#ff9f0a;letter-spacing:-.02em;text-shadow:0 0 16px #ff9f0a80;font-size:24px;font-weight:800;line-height:1;display:inline-block}.chord-pop{animation:.25s cubic-bezier(.175,.885,.32,1.275) popTarget}@keyframes popTarget{0%{opacity:.5;transform:scale(.85)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.train-sub-progress-text,.train-hud-progress-text{color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:2.5px 9px;font-size:12px;font-weight:700}.train-hud-nav-btn{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.train-hud-nav-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff4d}.train-hud-nav-btn:active{transform:scale(.92)}.train-hud-nav-btn .train-icon{background-color:currentColor;width:14px;height:14px}.train-sub-slot-right,.train-hud-stats{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.train-sub-btn-hint,.train-hud-btn-hint{color:#ff9f0a;cursor:pointer;background:#ff9f0a2e;border:1px solid #ff9f0a66;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.train-sub-btn-hint:hover,.train-hud-btn-hint:hover{background:#ff9f0a52;border-color:#ff9f0a}.train-sub-btn-hint:active,.train-hud-btn-hint:active{transform:scale(.95)}.train-sub-btn-hint .train-icon,.train-hud-btn-hint .train-icon{background-color:#ff9f0a;width:15px;height:15px}.train-sub-stat-pill,.train-hud-stat-pill{color:var(--text-secondary);box-sizing:border-box;background:#ffffff14;border-radius:10px;align-items:center;height:34px;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.train-streak-pill.streak-on-fire{color:#ff9f0a;background:#ff9f0a40;border:1px solid #ff9f0a80;animation:1s infinite alternate pulseFire}@keyframes pulseFire{0%{transform:scale(1)}to{transform:scale(1.08)}}.train-sub-btn-settings{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,transform .1s;display:none}.train-sub-btn-settings:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff4d}.train-sub-btn-settings:active{background:var(--glass-bg-active);transform:scale(.95)}.train-sub-btn-settings .train-icon{width:18px;height:18px}body.training-active.hud-hidden #btn-train-settings{display:inline-flex!important}@media (orientation:portrait) and (max-width:600px),(max-width:520px){.train-sub-bar{height:48px;min-height:48px;margin-top:4px}body.training-active.hud-hidden #train-hud{height:48px;min-height:48px;padding-left:max(env(safe-area-inset-left,0px), var(--cutout-left-offset,0px), var(--corner-safe-inset,10px))!important;padding-right:max(env(safe-area-inset-right,0px), var(--cutout-right-offset,0px), var(--corner-safe-inset,10px))!important}.train-sub-slot-left,.train-sub-slot-center{gap:6px}.train-sub-slot-right{gap:5px}.train-sub-btn-exit,.train-hud-btn-exit{border-radius:9px;width:38px;height:38px}.train-sub-level-title .train-level-name{display:none!important}.train-sub-level-title{max-width:none;font-size:13px}.train-sub-song-sub,.train-sub-target-tag{display:none!important}.train-sub-chord-name{font-size:21px}.train-sub-progress-text,.train-hud-progress-text{display:none!important}.train-sub-slot-center{gap:0}.train-hud-nav-btn{border-radius:6px!important;width:26px!important;min-width:26px!important;height:28px!important;min-height:28px!important}.train-sub-btn-hint .train-hint-text,.train-hud-btn-hint .train-hint-text{display:none!important}.train-sub-btn-hint,.train-hud-btn-hint{border-radius:8px!important;justify-content:center!important;gap:0!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}.train-sub-stat-pill,.train-hud-stat-pill{border-radius:8px;height:36px;padding:0 6px;font-size:11.5px}.train-sub-btn-settings{border-radius:9px;width:38px;height:38px}}.train-complete-overlay{box-sizing:border-box;width:100vw;height:100vh;padding-top:max(16px, var(--modal-top-offset));padding-bottom:max(16px, var(--modal-bottom-offset));-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:6500;background:#000000a6;justify-content:center;align-items:center;padding-left:16px;padding-right:16px;display:flex;position:fixed;top:0;left:0}.train-complete-card{background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-sizing:border-box;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:90%;max-width:380px;max-height:calc(100% - 20px);padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0009}@media (max-width:960px) and (orientation:landscape),(max-height:500px) and (orientation:landscape){.train-complete-overlay{padding-top:6px!important;padding-bottom:calc(var(--modal-bottom-offset) + 6px)!important}.train-complete-card{gap:8px!important;max-height:100%!important;padding:12px 18px!important}}.train-complete-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.train-complete-stars-row{justify-content:center;align-items:center;gap:8px;margin:4px 0;display:flex}.star-pop{justify-content:center;align-items:center;display:inline-flex}.star-pop .train-icon{width:36px;height:36px}.star-pop.gold .train-icon{filter:drop-shadow(0 0 10px #ffd700b3);background-color:gold}.star-pop.gold{animation:.4s cubic-bezier(.175,.885,.32,1.275) starBounce}.star-pop.dim .train-icon{background-color:#ffffff26}@keyframes starBounce{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.train-complete-drill-badge{border:2px solid var(--accent);width:60px;height:60px;color:var(--accent);background:#0a84ff29;border-radius:50%;justify-content:center;align-items:center;margin:4px 0;animation:.4s cubic-bezier(.175,.885,.32,1.275) starBounce;display:inline-flex;box-shadow:0 0 16px #0a84ff4d}.train-complete-drill-badge .train-icon{background-color:var(--accent)}.train-complete-stats-row{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.train-complete-badge{color:#34c759;background:#34c75926;border:1px solid #34c75959;border-radius:20px;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}#train-complete-refund-badge{color:#ff9f0a;background:#ff9f0a29;border-color:#ff9f0a66}.train-complete-actions{gap:10px;width:100%;margin-top:8px;display:flex}.train-complete-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:700;transition:transform .15s;display:inline-flex}.train-complete-btn:active{transform:scale(.96)}.train-complete-btn.secondary{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff26}.train-complete-btn.primary{background:var(--accent);color:#fff}#train-complete-unlock-badge.stage-clear-badge{color:#ff9f0a;background:#ff9f0a29;border-color:#ff9f0a73}.train-complete-btn.stage-gate-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff9f0a 0%,#ff6b00 100%);flex:1.25;gap:6px;padding:0 10px;font-size:12.5px;box-shadow:0 4px 14px #ff9f0a59}.train-complete-btn.stage-gate-btn:active{transform:scale(.96);box-shadow:0 2px 8px #ff9f0a40}.train-complete-btn.stage-gate-btn .train-icon{background-color:#fff;width:16px;height:16px}.train-level-card.stage-ad-locked{background:#ff9f0a12;border-color:#ff9f0a66}.train-assist-badge.stage-ad-badge{color:#ff9f0a;background:#ff9f0a2e;border:1px solid #ff9f0a66}.train-lock-icon.stage-ad-lock{background:#ff9f0a33;border:1px solid #ff9f0a80}.train-lock-icon.stage-ad-lock .train-icon{background-color:#ff9f0a}.train-sandbox-form{flex-direction:column;gap:16px;max-width:400px;margin:0 auto;padding:16px;display:flex}.train-sandbox-row{flex-direction:column;gap:6px;display:flex}.train-sandbox-label{color:var(--text-muted);font-size:12px;font-weight:600}#whats-new-modal .modal-panel{box-sizing:border-box;border-radius:var(--glass-radius);background:var(--glass-bg-dark);width:92%;max-width:480px;max-height:85vh;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:left;outline:none;flex-direction:column;padding:16px 16px 14px;display:flex;position:relative;overflow:hidden!important}.whats-new-header{text-align:center;flex-shrink:0;margin-bottom:10px;padding-top:0;position:relative}.whats-new-title,#whats-new-modal .modal-panel h2.whats-new-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.3;margin:0!important}.whats-new-scroll{-webkit-overflow-scrolling:touch;flex:1;margin:0;padding:2px;overflow-y:auto}.whats-new-card-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}:root[data-theme=light] .whats-new-card-group{background:#00000008;border:1px solid #0000000f}.whats-new-item{flex-direction:column;gap:2px;margin:0;padding:0;display:flex}.whats-new-heading,#whats-new-modal .modal-panel h3.whats-new-heading{color:var(--text-primary);align-items:center;gap:6px;padding:0;font-size:.92rem;font-weight:600;line-height:1.25;display:flex;margin:0!important}.whats-new-inline-icon{width:18px;height:18px;fill:var(--accent);color:var(--accent);flex-shrink:0;display:block}.whats-new-desc,#whats-new-modal .modal-panel p.whats-new-desc{color:var(--text-muted);padding:0 0 0 24px;font-size:.82rem;line-height:1.35;margin:0!important}.whats-new-footer{flex-shrink:0;justify-content:center;margin-top:10px;display:flex}#btn-close-whats-new{border-radius:var(--radius-btn);cursor:pointer;width:auto;min-width:160px;height:38px;padding:0 28px;font-size:.92rem;font-weight:600}@media (max-height:520px) and (orientation:landscape){#whats-new-modal .modal-panel{max-height:94vh;padding:8px 14px}.whats-new-header{margin-bottom:6px;padding-top:0}.whats-new-title,#whats-new-modal .modal-panel h2.whats-new-title{font-size:1rem}.whats-new-card-group{border-radius:12px;gap:4px;padding:6px 10px}.whats-new-item{gap:1px;padding:0}.whats-new-heading,#whats-new-modal .modal-panel h3.whats-new-heading{gap:5px;font-size:.84rem}.whats-new-inline-icon{width:15px;height:15px}.whats-new-desc,#whats-new-modal .modal-panel p.whats-new-desc{padding-left:20px;font-size:.76rem;line-height:1.25}.whats-new-footer{margin-top:6px}#btn-close-whats-new{min-width:140px;height:32px;padding:0 20px;font-size:.85rem}}body.lite-engine-active *{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;transition:none!important;animation:none!important}body.lite-engine-active .blob,body.lite-engine-active .glass-blobs{display:none!important}body.lite-engine-active #loading-overlay{background:#000!important}body.lite-engine-active .btn-promo-primary,body.lite-engine-active #btn-promo-go-pro{background:var(--accent)!important;color:var(--accent-on)!important;box-shadow:none!important;opacity:1!important;border:none!important}body.lite-engine-active #btn-promo-watch-ad{background:var(--glass-bg-light)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;box-shadow:none!important;opacity:1!important}body.lite-engine-active .minimap-btn{border:none!important}body.lite-engine-active .glass-interactive.active,body.lite-engine-active .btn-icon.active,body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active,body.lite-engine-active .pad-preset-btn.active,body.lite-engine-active .segment.active,:root[data-theme=light] body.lite-engine-active .glass-interactive.active,:root[data-theme=light] body.lite-engine-active .btn-icon.active,:root[data-theme=light] body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active,:root[data-theme=light] body.lite-engine-active .pad-preset-btn.active,:root[data-theme=light] body.lite-engine-active .segment.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-on)!important}body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-name,body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-badge,body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag,body.lite-engine-active .pad-preset-btn.active .preset-subtitle,:root[data-theme=light] body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-name,:root[data-theme=light] body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-badge,:root[data-theme=light] body.lite-engine-active #settings-instrument-grid .instrument-row-btn.active .inst-bank-tag,:root[data-theme=light] body.lite-engine-active .pad-preset-btn.active .preset-subtitle{color:var(--accent-on)!important}body.lite-engine-active .btn-icon.active svg,body.lite-engine-active .btn-icon.active img,body.lite-engine-active .btn-square.active svg,body.lite-engine-active .btn-square.active img,:root[data-theme=light] body.lite-engine-active .btn-icon.active svg,:root[data-theme=light] body.lite-engine-active .btn-icon.active img,:root[data-theme=light] body.lite-engine-active .btn-square.active svg,:root[data-theme=light] body.lite-engine-active .btn-square.active img{filter:brightness(0) invert(var(--accent-on-invert,1))!important}body.lite-engine-active #activeCanvas{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.lite-engine-active{--hud-bg:#3a3a3c;--panel-bg:#3a3a3c;--glass-bg-dark:#3a3a3c;--glass-bg-light:#48484a;--glass-border:1px solid #ffffff24;--minimap-border:1.5px solid #fff6;--glass-blur-radius:0px;--glass-blur:none}:root[data-theme=light] body.lite-engine-active{--hud-bg:#f2f2f7;--panel-bg:#f2f2f7;--glass-bg-dark:#f2f2f7;--glass-bg-light:#fff;--glass-border:1px solid #0000001f;--minimap-border:1.5px solid #00000057;--glass-blur-radius:0px;--glass-blur:none}body.lite-engine-active .modal-panel.glass-pane,body.lite-engine-active .modal-panel,body.lite-engine-active #sfx-popup,body.lite-engine-active #metronome-slider-popup,body.lite-engine-active .layout-pill-popup,body.lite-engine-active #scale-overlay-popover,body.lite-engine-active #color-wheel-popover,body.lite-engine-active [popover].glass-pane,body.lite-engine-active .popup-panel,body.lite-engine-active .train-complete-card,body.lite-engine-active #rating-prompt-card,body.lite-engine-active #toast,body.lite-engine-active #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#3a3a3c!important;border:1px solid #ffffff24!important}:root[data-theme=light] body.lite-engine-active .modal-panel.glass-pane,:root[data-theme=light] body.lite-engine-active .modal-panel,:root[data-theme=light] body.lite-engine-active #sfx-popup,:root[data-theme=light] body.lite-engine-active #metronome-slider-popup,:root[data-theme=light] body.lite-engine-active .layout-pill-popup,:root[data-theme=light] body.lite-engine-active #scale-overlay-popover,:root[data-theme=light] body.lite-engine-active #color-wheel-popover,:root[data-theme=light] body.lite-engine-active [popover].glass-pane,:root[data-theme=light] body.lite-engine-active .popup-panel,:root[data-theme=light] body.lite-engine-active .train-complete-card,:root[data-theme=light] body.lite-engine-active #rating-prompt-card,:root[data-theme=light] body.lite-engine-active #toast,:root[data-theme=light] body.lite-engine-active #minimap-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-primary)!important;background:#f2f2f7!important;border:1px solid #0000001f!important}body.lite-engine-active .liquid-glass-webgl-canvas{display:none!important}body.lite-engine-active #color-wheel-popover .color-wheel-popover-tabs,body.lite-engine-active .color-wheel-popover .color-wheel-popover-tabs{background:#242426!important;border:1px solid #48484a!important}body.lite-engine-active #color-wheel-popover .color-wheel-tab-btn,body.lite-engine-active .color-wheel-popover .color-wheel-tab-btn{color:#a1a1a6!important}body.lite-engine-active #color-wheel-popover .color-wheel-tab-btn.active,body.lite-engine-active .color-wheel-popover .color-wheel-tab-btn.active{color:#fff!important;background:#48484a!important;box-shadow:0 1px 3px #0006!important}body.lite-engine-active #color-wheel-popover .color-wheel-popover-reset,body.lite-engine-active .color-wheel-popover .color-wheel-popover-reset{color:#e5e5ea!important;background:#2c2c2e!important;border:1px solid #48484a!important}body.lite-engine-active #color-wheel-popover .color-wheel-popover-reset:hover,body.lite-engine-active .color-wheel-popover .color-wheel-popover-reset:hover{color:#fff!important;background:#3a3a3c!important}body.lite-engine-active #color-wheel-popover .color-wheel-hex-input,body.lite-engine-active .color-wheel-popover .color-wheel-hex-input{color:#fff!important;background:#242426!important;border:1px solid #48484a!important}body.lite-engine-active #color-wheel-popover .color-wheel-popover-header,body.lite-engine-active .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #48484a!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-popover-tabs,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-popover-tabs{background:#e5e5ea!important;border:1px solid #d1d1d6!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-tab-btn,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-tab-btn{color:#636366!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-tab-btn.active,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-tab-btn.active{color:#000!important;background:#fff!important;box-shadow:0 1px 3px #0000001f!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-popover-reset,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-popover-reset{color:#1c1c1e!important;background:#fff!important;border:1px solid #d1d1d6!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-popover-reset:hover,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-popover-reset:hover{color:#000!important;background:#e5e5ea!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-hex-input,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-hex-input{color:#000!important;background:#fff!important;border:1px solid #d1d1d6!important}:root[data-theme=light] body.lite-engine-active #color-wheel-popover .color-wheel-popover-header,:root[data-theme=light] body.lite-engine-active .color-wheel-popover .color-wheel-popover-header{border-bottom:1px solid #d1d1d6!important}