*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{visibility:hidden}#root.loaded{visibility:visible}#app{height:100vh;flex-direction:column;height:100dvh;display:flex}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#1c2128;--border:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--surface:var(--bg-tertiary);--accent:#58a6ff;--accent-dim:#58a6ff26;--accent-glow:#58a6ff4d;--green:#3fb950;--green-dim:#3fb95026;--green-glow:#3fb9504d;--red:#f85149;--yellow:#d29922;--orange:#db6d28;--purple:#bc8cff;--teal:#2dd4bf;--note-active:#58a6ff;--bg-inverse:#f6f8fa;--text-inverse:#1f2328;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--spacing-xs:.125rem;--spacing-sm:.25rem;--spacing-md:.5rem;--spacing-lg:.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--text-xs:.65rem;--text-sm:.72rem;--text-body:.78rem;--text-md:.85rem;--text-lg:1rem;--text-xl:1.25rem;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-pill:999px;--transition-fast:all .12s ease;--transition-base:all .2s ease;--transition-slow:all .3s ease}[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#e8eaed;--bg-tertiary:#dde1e6;--bg-card:#eff0f3;--border:#c9cdd3;--text-primary:#1f2328;--text-secondary:#525960;--text-muted:#7d8590;--accent:#0969da;--accent-dim:#0969da1f;--accent-glow:#0969da40;--green:#1a7f37;--green-dim:#1a7f371f;--green-glow:#1a7f3740;--red:#cf222e;--yellow:#9a6700;--orange:#bc4c00;--purple:#8250df;--teal:#0a6460;--note-active:#0969da;--bg-inverse:#1f2328;--text-inverse:#e6edf3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%;font-family:var(--app-font,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow:hidden}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:6px 30px 6px 10px;font-size:.8rem;font-weight:500;line-height:1.3;transition:border-color .15s,background-color .15s,box-shadow .15s}select:hover{border-color:var(--accent-glow);background-color:var(--bg-card)}select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}select option{background:var(--bg-secondary);color:var(--text-primary)}select option:disabled{color:var(--text-muted);letter-spacing:.04em;font-size:.72rem}.main-content{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding-bottom:40px;display:flex;overflow:auto}@media(max-height:768px){.main-content{padding-bottom:20px}}@media(max-width:768px){.main-content{padding-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}}#canvas-container{background:var(--bg-primary);flex:1;min-height:100px;position:relative;overflow:hidden}#pitch-canvas{height:100%;display:block}#playhead{background:var(--accent);width:3px;height:100%;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow);pointer-events:none;z-index:10;border-radius:2px;display:none;position:absolute;top:0;left:0}#playhead:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:0 0 4px 4px;width:17px;height:9px;position:absolute;top:0;left:-7px}#playhead .playhead-marker{background:var(--accent-glow);border-radius:0 0 2px 2px;width:100%;height:50%;transition:left .1s linear;position:absolute;bottom:0;left:0}#history-container{background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;height:90px}#history-canvas{width:100%;height:100%;display:block}@keyframes pulse-rec{0%,to{box-shadow:0 0 #f8514900}50%{box-shadow:0 0 10px #f8514940}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(min-width:769px){.sidebar-toggle-btn,.sidebar-backdrop{display:none!important}}@media(max-width:768px){#main-layout{flex-direction:column}.sidebar-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;margin:0;padding:6px 10px;font-size:.75rem;display:flex;box-shadow:0 1px 4px #0003}.sidebar-toggle-btn:hover{background:var(--bg-tertiary)}header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:0;padding:6px 8px}header .header-left{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;display:flex}.subtitle{display:none}.logo-btn .app-title{font-size:1.05rem}#app-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-basis:100%;order:2;width:100%;margin-top:4px;padding:0;overflow-x:auto}#app-tabs::-webkit-scrollbar{display:none}.app-tab{gap:0;padding:6px 8px;font-size:0}.app-tab .tab-icon{width:18px;height:18px}.sidebar-backdrop{z-index:199;background:#0006;display:block;position:fixed;inset:0}.main-content{flex:1;height:auto;min-height:0}#score-card{min-width:unset;margin:8px;padding:16px 12px}#history-container{height:50px}.app-header-bar{gap:4px}.tempo-group{flex-shrink:0}.tempo-slider{width:70px}#tempo-value{min-width:24px;font-size:.65rem}.countin-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.countin-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:2px 5px;font-size:.68rem}.volume-group{flex-shrink:0}.volume-slider{width:60px}#volume-value{min-width:20px;font-size:.65rem}.speed-group{flex-shrink:0}.speed-select{padding:2px 5px;font-size:.68rem}.sensitivity-group{flex-shrink:0}.sensitivity-slider{width:60px}#sensitivity-value{min-width:14px;font-size:.65rem}.app-header-sep{display:none}#run-indicator{font-size:.7rem}#playhead:after{width:21px;height:11px;left:-9px}#pitch-reference{order:1}#note-list{order:2}}@media(max-width:480px){#history-container,.stats-panel{display:none}.session-player{flex-wrap:wrap;gap:4px}.session-player-info{font-size:.72rem}.subtitle{display:none}}@media(max-width:390px){header h1{font-size:1rem}.subtitle{display:none}.app-tab{padding:4px 8px;font-size:.72rem}#run-indicator{font-size:.65rem}}.dropdown-select-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:7px 30px 7px 10px;font-size:.75rem;font-weight:500;line-height:1.2;transition:border-color .15s,background-color .15s,box-shadow .15s}.dropdown-select-style option{background:var(--bg-secondary);color:var(--text-primary)}.settings-toggle{cursor:pointer;flex-shrink:0;height:22px;display:inline-block;position:relative;width:42px!important}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-slider{cursor:pointer;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:22px;width:42px;transition:all .3s;position:absolute;inset:0}.settings-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:50%;bottom:auto;left:2px;transform:translateY(-50%)}input:checked+.settings-slider{background-color:var(--accent-dim);border-color:var(--accent)}input:checked+.settings-slider:before{background-color:var(--accent);transform:translate(20px,-50%)}.vis-grid-toggle.settings-toggle .settings-slider{border-radius:18px;width:34px}.vis-grid-toggle.settings-toggle .settings-slider:before{width:12px;height:12px;top:50%;bottom:auto;left:2px;transform:translateY(-50%)}.vis-grid-toggle.settings-toggle input:checked+.settings-slider:before{transform:translate(16px,-50%)}.label-toggle-group{align-items:center;display:inline-flex}.label-toggle-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;line-height:1;transition:all .12s;display:inline-flex}.label-toggle-btn:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.label-toggle-btn:active{transform:scale(.97)}.label-toggle-btn.active{border-color:var(--green);color:var(--green);background:#3fb9501f}.label-toggle-text{letter-spacing:.02em;font-size:.72rem}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem;display:block}.form-group input,.form-group select{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:.85rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);outline:none}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input::placeholder{color:var(--text-muted)}.form-group textarea{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;min-height:60px;padding:8px 10px;font-family:inherit;font-size:.85rem}.form-group textarea:focus{border-color:var(--accent);outline:none}.form-actions{gap:8px;margin-top:16px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--border);color:var(--text-primary)}.save-btn{background:var(--accent);color:var(--text-inverse)}.save-btn:hover{filter:brightness(1.1)}.header-right{align-items:center;gap:8px;display:flex}.header-right:empty{display:none}#practice-panel{flex-direction:column;height:100%;min-height:0;display:flex}#practice-panel #canvas-container{flex:auto;min-height:0}#practice-panel #history-container{flex:none;margin-top:auto}@media(min-width:768px){.main-content{overflow:auto}.main-content>#practice-panel{overflow:hidden}}#settings-panel,.settings-panel,.library-tab,.session-editor-container{padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}#settings-panel{height:100%;overflow-y:auto}.leaderboard-panel,.vocal-challenges-panel{height:100%;padding:14px 16px;overflow-y:auto}.community-leaderboard{height:100%}.leaderboard-header,.challenges-header{margin-bottom:12px}#falling-notes-panel{flex-direction:column;height:100%;display:flex}#falling-notes-canvas-container{flex:1;min-height:0;position:relative}.leaderboard-header-content h2,.challenges-header-content h2{font-size:1.1rem}.leaderboard-subtitle,.challenges-subtitle{margin-top:2px;font-size:.78rem}.leaderboard-tabs{gap:6px;margin-bottom:10px}.leaderboard-tab{gap:5px;max-width:130px;padding:7px 12px;font-size:.78rem}.leaderboard-tab .icon-svg,.leaderboard-tab .tab-icon{width:14px;height:14px}.tab-count{opacity:.6;font-size:.65rem}.category-tabs{gap:5px;margin-bottom:10px}.category-tab{gap:4px;padding:5px 10px;font-size:.75rem}.category-tab .icon-svg,.category-tab .cat-name{font-size:.75rem}.category-tab .icon-svg{width:13px;height:13px}.search-container{gap:8px;margin-bottom:12px}.search-container .search-input{padding:6px 12px;font-size:.78rem}.filter-btn{gap:4px;padding:6px 10px;font-size:.78rem}.podium-section{border-radius:10px;gap:10px;margin-bottom:12px;padding:12px 0}.podium-item{border-radius:8px;padding:8px}.podium-avatar{width:36px;height:36px;margin-bottom:4px;font-size:1rem}.podium-rank{margin-bottom:4px;font-size:.9rem}.podium-rank .icon-svg{width:18px;height:18px}.podium-name{margin-bottom:2px;font-size:.75rem}.podard-score{font-size:.7rem}.podium-score-display{font-size:1rem}.leaderboard-table th{padding:6px 10px;font-size:.68rem}.leaderboard-table td{padding:6px 10px;font-size:.78rem}.user-avatar{width:26px;height:26px}.user-avatar .icon-avatar{width:16px;height:16px}.user-name{font-size:.8rem}.user-streak-badge{font-size:.65rem}.user-cell{gap:8px}.streak-bar{height:4px}.load-more-container{padding:8px}.load-more-btn{padding:6px 16px;font-size:.78rem}.challenges-grid{gap:10px}.challenge-card{border-radius:8px;grid-template-columns:40px 1fr auto;gap:10px;padding:10px 12px}.challenge-icon{font-size:1.2rem}.challenge-icon .icon-svg{width:22px;height:22px}.challenge-name{margin-bottom:3px;font-size:.85rem}.challenge-desc{margin-bottom:6px;font-size:.75rem}.challenge-stats{gap:10px;font-size:.7rem}.challenge-join-btn{border-radius:5px;padding:5px 10px;font-size:.75rem}.progress-bar{width:60px;height:5px}.progress-text{font-size:.65rem}.streak-card{margin-bottom:10px;padding:10px}.weekly-challenges{margin-bottom:16px}.weekly-challenges-title{margin-bottom:4px;font-size:1rem}.weekly-challenges-desc{margin-bottom:12px;font-size:.78rem}.challenge-icon-large{width:32px;height:32px;font-size:0}.challenge-icon-large .icon-svg{vertical-align:baseline;width:18px;height:18px;margin:0;display:block}.challenge-status{width:22px;height:22px;font-size:0}.challenge-status:empty{display:none}.challenge-status .icon-svg{vertical-align:baseline;width:13px;height:13px;margin:0;display:block}.stat-item .stat-icon{align-items:center;font-size:0;display:flex}.stat-item .stat-icon .icon-svg{vertical-align:baseline;width:13px;height:13px;margin:0;display:block}.challenge-action-btn{border-radius:6px;padding:6px 10px;font-size:.75rem}.challenge-card .progress-bar{width:100%;height:5px}.streak-card{border-radius:8px;gap:8px;padding:8px 12px}.streak-icon{align-items:center;font-size:0;display:flex}.streak-icon .icon-svg{vertical-align:baseline;width:22px;height:22px;margin:0;display:block}.streak-value{font-size:1rem}.streak-label{font-size:.68rem}.cat-icon{align-items:center;font-size:0;display:flex}.cat-icon .icon-svg{vertical-align:baseline;width:14px;height:14px;margin:0;display:block}.cat-count{opacity:.6;margin-left:2px;font-size:.6rem}.cat-locked{align-items:center;display:flex}.cat-locked .icon-svg{width:12px;height:12px}.challenges-header-content h2 .icon-svg{vertical-align:-.15em;width:18px;height:18px;margin-right:4px}.badges-section{margin-bottom:16px}.badges-section .section-title{margin-bottom:8px;font-size:.9rem}.badges-section .section-title .icon-svg{vertical-align:-.15em;width:16px;height:16px;margin-right:4px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.badge-item{border-radius:8px;gap:4px;padding:8px;position:relative}.badge-icon{justify-content:center;align-items:center;font-size:0;display:flex}.badge-icon .icon-svg{vertical-align:baseline;width:24px;height:24px;margin:0;display:block}.badge-name{font-size:.72rem}.badge-tier{font-size:.6rem}.badge-check{position:absolute;top:3px;right:3px}.badge-check .icon-svg{width:12px;height:12px;color:var(--green);vertical-align:baseline;margin:0;display:block}.achievements-section{margin-bottom:16px}.achievements-section .section-title{margin-bottom:8px;font-size:.9rem}.achievements-section .section-title .icon-svg{vertical-align:-.15em;width:16px;height:16px;margin-right:4px}.achievements-list{gap:6px}.achievement-item{border-radius:8px;gap:8px;padding:8px}.achievement-icon{background:var(--bg-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:0;display:flex}.achievement-icon .icon-svg{vertical-align:baseline;width:18px;height:18px;margin:0;display:block}.achievement-name{font-size:.8rem}.achievement-desc{margin-bottom:4px;font-size:.72rem}.achievement-points{font-size:.68rem}.achievement-progress{gap:4px}.achievement-progress .progress-bar{height:4px}.achievement-progress .progress-label{font-size:.65rem}.achievement-locked{flex-shrink:0;align-items:center;display:flex}.achievement-locked .icon-svg{width:14px;height:14px;color:var(--green);vertical-align:baseline;margin:0;display:block}.podium-avatar .icon-svg,.podium-avatar .icon-avatar{vertical-align:baseline;width:22px;height:22px;margin:0;display:block}.leaderboard-profile-modal .stat-icon{justify-content:center;align-items:center;font-size:0;display:flex}.leaderboard-profile-modal .stat-icon .icon-svg{vertical-align:baseline;width:16px;height:16px;margin:0;display:block}.leaderboard-header-content h2 .icon-svg{vertical-align:-.15em;width:18px;height:18px;margin-right:4px}#bpm-input::-webkit-inner-spin-button{opacity:1;filter:invert(65%)sepia(44%)saturate(711%)hue-rotate(179deg)brightness(96%)contrast(95%);cursor:pointer}#bpm-input::-webkit-outer-spin-button{opacity:1;filter:invert(65%)sepia(44%)saturate(711%)hue-rotate(179deg)brightness(96%)contrast(95%);cursor:pointer}.session-item-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:.62rem;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex}.session-item-pill.clickable{cursor:pointer}.session-item-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px #58a6ff26}.session-item-pill.melody-pill{cursor:pointer}@media(hover:hover){.session-item-pill.melody-pill:hover{background:var(--bg-tertiary);border-color:var(--green);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}}.session-item-pill.melody-pill:active{box-shadow:none;transform:translateY(0)}.session-item-pill.selected{border-color:var(--green);color:var(--green);background:#7ee7871a}.session-item-pill.pill-disabled{opacity:.45;cursor:not-allowed;pointer-events:auto;filter:grayscale(.4)}.session-item-pill.pill-disabled:hover{background:inherit;transform:none}.library-modal-tab.active{border-bottom:2px solid var(--accent);color:var(--accent)}#btn-precount.active{background:var(--accent);color:#fff}.tab-group{border:1px solid var(--border);background:var(--bg-primary);border-radius:8px;align-items:center;gap:3px;padding:3px 4px;display:flex}.tab-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 5px;font-size:.65rem}.tab-loading{min-height:200px}.app-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.community-panel,.leaderboard-panel,.vocal-challenges-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vocal-challenges-panel{justify-content:flex-start;align-items:stretch;padding:1.5rem}.analysis-container{flex-direction:column;width:100%;height:100%;display:flex}.analysis-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:1rem;padding:1rem;display:flex}.analysis-content{flex:1;position:relative;overflow:hidden}.vocal-analysis-panel{width:100%;height:100%}.pill-action-btn .icon-svg{width:14px;height:14px}.icon-svg.w-24{width:24px;height:24px}.icon-svg.w-32{width:32px;height:32px}.icon-svg.w-40{width:40px;height:40px}.icon-svg.w-48{width:48px;height:48px}.icon-avatar{width:32px;height:32px}.icon-avatar.w-48{width:48px;height:48px}.cents-center{background:var(--text-muted);width:2px;height:10px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.cents-labels{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:.6rem;display:flex}.fn-picker-row{align-items:center;gap:8px;display:flex}.fn-song-select-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.fn-song-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fn-song-arrow{color:var(--text-muted);margin-left:8px;font-size:10px}.fn-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fn-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;box-shadow:0 10px 40px #00000080}.fn-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.fn-modal-header h3{margin:0;font-size:16px}.fn-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.fn-modal-list{padding:8px;overflow-y:auto}.fn-modal-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:6px;padding:12px}.fn-modal-item:hover{background:var(--bg-tertiary)}.fn-modal-active{color:var(--accent);background:var(--accent-dim)!important}.fn-item-name{margin-bottom:4px;font-size:14px;font-weight:500}.fn-item-meta{color:var(--text-secondary);font-size:12px}.fn-import-status{color:var(--text-muted);margin-top:6px;font-size:12px}.fn-btn{color:#c9d1d9;cursor:pointer;white-space:nowrap;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px 16px;font-size:14px}.fn-btn:hover:not(:disabled){background:#30363d}.fn-btn:disabled{opacity:.4;cursor:default}.fn-btn-play{background:#238636;border-color:#2ea043}.fn-btn-play:hover:not(:disabled){background:#2ea043}.fn-btn-pause{background:#9e6a03;border-color:#bb8009}.fn-btn-pause:hover:not(:disabled){background:#bb8009}.fn-btn-reset{background:#da3633;border-color:#f85149}.fn-btn-reset:hover:not(:disabled){background:#f85149}.fn-btn-mic{background:#1f6feb;border-color:#388bfd}.fn-btn-mic:hover:not(:disabled){background:#388bfd}.fn-btn-close{color:#8b949e;cursor:pointer;background:#30363d;border:1px solid #484f58;border-radius:6px;padding:8px 24px;font-size:14px}.fn-btn-close:hover{color:#c9d1d9;background:#484f58}.fn-score-overlay{z-index:100;background:#000000b3;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fn-score-card{text-align:center;color:#c9d1d9;background:#161b22;border:1px solid #30363d;border-radius:12px;padding:32px 48px}.fn-score-card h2{color:#f0f6fc;margin-bottom:12px;font-size:24px}.fn-score-grade{color:#3fb950;margin-bottom:8px;font-size:32px;font-weight:700}.fn-score-pct{color:#f0f6fc;margin-bottom:8px;font-size:48px;font-weight:700}.fn-score-detail{color:#8b949e;margin-bottom:20px;font-size:14px}.fn-score-actions{justify-content:center;gap:12px;display:flex}.fn-score-card .fn-btn{padding:10px 32px;font-size:16px}.fancy-divider{background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent);border:none;height:1px;margin:16px 0}.ctrl-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;line-height:1;transition:all .12s;display:flex}.ctrl-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.ctrl-btn{border-radius:5px;gap:4px;padding:5px 10px;font-size:.72rem}}input[type=range]{cursor:pointer}.pitch-testing-controls input[type=range],.sm-pitch-analysis-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:16px;margin:4px 0}.pitch-testing-controls input[type=range]::-webkit-slider-runnable-track{background:var(--border,#30363d);border:none;border-radius:3px;width:100%;height:6px}.sm-pitch-analysis-controls input[type=range]::-webkit-slider-runnable-track{background:var(--border,#30363d);border:none;border-radius:3px;width:100%;height:6px}.pitch-testing-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent,#58a6ff);cursor:pointer;border:2px solid var(--bg-card,#1c2128);border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .1s;box-shadow:0 1px 4px #0000004d}.sm-pitch-analysis-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent,#58a6ff);cursor:pointer;border:2px solid var(--bg-card,#1c2128);border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .1s;box-shadow:0 1px 4px #0000004d}.sm-pitch-analysis-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.pitch-testing-controls input[type=range]::-moz-range-track{background:var(--border,#30363d);border:none;border-radius:3px;width:100%;height:6px}.sm-pitch-analysis-controls input[type=range]::-moz-range-track{background:var(--border,#30363d);border:none;border-radius:3px;width:100%;height:6px}.pitch-testing-controls input[type=range]::-moz-range-thumb{background:var(--accent,#58a6ff);cursor:pointer;border:2px solid var(--bg-card,#1c2128);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.sm-pitch-analysis-controls input[type=range]::-moz-range-thumb{background:var(--accent,#58a6ff);cursor:pointer;border:2px solid var(--bg-card,#1c2128);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.pitch-testing-controls input[type=range]:disabled,.sm-pitch-analysis-controls input[type=range]:disabled{opacity:.4;cursor:not-allowed}.sm-pitch-analysis-controls input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.sm-pitch-analysis-controls input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}@media print{body{color:#000;background:#fff}}@media(max-height:500px)and (orientation:landscape){#history-container{display:none!important}header{flex-wrap:nowrap!important;padding:2px 6px!important}#app-tabs{flex-grow:1;justify-content:flex-end;flex-basis:auto!important;order:unset!important;width:auto!important;margin-top:0!important}}#app-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;display:flex;overflow-x:auto}#app-tabs::-webkit-scrollbar{display:none}#app-tabs .tab-group{flex-direction:row;align-items:center;gap:8px;display:flex}#app-tabs .tab-group-label{display:none}@media(min-width:769px){#app-tabs .tab-group-label{color:var(--text-muted);text-transform:uppercase;margin-right:4px;font-size:.75rem;font-weight:700;display:block}}@supports (-webkit-touch-callout:none){select,.settings-row select,.settings-panel .settings-row select,#settings-panel .settings-row select,.roll-instrument-select,.roll-mode-select,.spacedRestSelect,.practiceSubModeSelect,.dropdownSelectStyle{color-scheme:normal!important;background-image:none!important;transition:none!important}}@supports (font:-apple-system-body) and (not (-webkit-touch-callout:none)){select,.settings-row select,.settings-panel .settings-row select,#settings-panel .settings-row select,.roll-instrument-select,.roll-mode-select,.spacedRestSelect,.practiceSubModeSelect,.dropdownSelectStyle{transition:none!important}}.vocal-analysis-tab{width:100%;height:100%;padding:20px;overflow-y:auto}.vocal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.vocal-header-content h2{color:var(--text-primary);margin:0;font-size:1.5rem}.vocal-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.875rem}.analyze-btn{background:linear-gradient(135deg,var(--accent,#58a6ff),#82b9f7);color:#fff;letter-spacing:.02em;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 12px #58a6ff40,inset 0 1px #fff3}.analyze-btn:hover:not(:disabled){opacity:1;transform:translateY(-2px);box-shadow:0 6px 16px #58a6ff59,inset 0 1px #fff3}.analyze-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #58a6ff33,inset 0 1px #ffffff1a}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.vocal-grid{grid-template-columns:380px 1fr;gap:24px;min-height:calc(100% - 80px);display:grid}.vocal-column-left{flex-direction:column;gap:16px;display:flex}.vocal-column-right{flex-direction:column;gap:16px;min-width:0;display:flex}.live-dashboard,.vocal-techniques,.spectrogram-display,.pitch-history{flex-shrink:0}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.stat-card h3{color:var(--text-primary);margin:0 0 12px;font-size:1rem}.streak-card{align-items:center;gap:12px;display:flex}.streak-number{color:var(--accent);font-size:1.5rem;font-weight:700}.streak-label{color:var(--text-muted);font-size:.75rem}.streak-divider{background:var(--border);width:1px;height:48px}.chart-bar-container{flex-direction:column;gap:8px;display:flex}.chart-bar-wrapper{align-items:center;gap:8px;display:flex}.chart-bar{border-radius:4px;flex:1;min-width:4px;min-height:24px;transition:width .3s}.chart-label{color:var(--text-muted);min-width:40px;font-size:.75rem}.chart-score{min-width:30px;font-size:.75rem;font-weight:600}.chart-legend{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.session-list{flex-direction:column;gap:8px;display:flex}.session-item{background:var(--bg-tertiary);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.session-item .session-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.session-date{color:var(--text-muted);font-size:.75rem}.session-score{align-items:center;gap:8px;min-width:100px;display:flex}.score-value{font-size:.875rem;font-weight:600}.score-bar{background:var(--bg-primary);border-radius:3px;flex:1;height:6px;overflow:hidden}.score-fill{border-radius:3px;height:100%;transition:width .3s}.no-sessions{text-align:center;color:var(--text-muted);padding:24px;font-size:.875rem;font-style:italic}.analysis-blocks-row{align-items:stretch;gap:24px;display:flex}.analysis-blocks-row>*{flex:1;min-width:0}@media(max-width:1024px){.analysis-blocks-row{flex-direction:column}}.analysis-blocks-row .technique-grid,.analysis-blocks-row .live-cards-grid{grid-template-columns:repeat(2,1fr)}.vocal-techniques{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.technique-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.technique-card{border:1px solid var(--border,#30363d);background:var(--bg-secondary,#ffffff08);cursor:pointer;border-left:3px solid var(--exercise-color,var(--border));border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.technique-card .exercise-icon{width:20px;height:20px;color:var(--exercise-color,var(--text-primary));justify-content:center;align-items:center;display:flex}.technique-card .exercise-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.technique-card:hover{background:color-mix(in srgb,var(--exercise-color,var(--accent)) 5%,var(--bg-secondary,#ffffff08));border-color:color-mix(in srgb,var(--exercise-color,var(--border)) 50%,var(--border))}.technique-card.active{border-color:var(--exercise-color,var(--accent));background:color-mix(in srgb,var(--exercise-color,var(--accent)) 10%,var(--bg-secondary,#ffffff08));box-shadow:0 0 12px color-mix(in srgb,var(--exercise-color,var(--accent)) 20%,transparent)}.technique-card.active .exercise-name{color:var(--exercise-color,var(--accent))}.exercise-icon{font-size:1.5rem}.exercise-name{color:var(--text-primary);font-size:.75rem;font-weight:500}.analyzing-overlay{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.analyzing-spinner{border:3px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.community-share-tab{width:100%;height:100%;padding:20px;overflow-y:auto}.community-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.community-header-content h2{color:var(--text-primary);margin:0;font-size:1.5rem}.community-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.875rem}.community-actions{gap:12px;display:flex}.share-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.share-btn:hover{background:var(--accent);opacity:.9}.search-filter-bar{gap:12px;margin-bottom:16px;display:flex}.search-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 16px;font-size:.875rem}.search-input:focus{border-color:var(--accent);outline:none}.sort-select select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.875rem}.community-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.community-tab{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.community-tab:hover{border-color:var(--accent)}.community-tab.active{background:var(--accent-dim);border-color:var(--accent)}.tab-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.tab-icon svg{width:100%;height:100%}.tab-name{color:var(--text-primary);font-weight:500}.tab-count{background:var(--bg-primary);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem}.community-content{min-height:calc(100% - 180px)}.melodies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.melody-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s}.melody-card:hover{border-color:var(--accent);transform:translateY(-2px)}.melody-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.melody-name{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem}.melody-date{color:var(--text-muted);font-size:.75rem}.melody-info{margin-bottom:12px}.melody-author{color:var(--text-muted);font-size:.875rem;display:block}.melody-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:.75rem}.melody-footer{gap:8px;display:flex}.action-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;transition:all .2s;display:flex}.action-btn span{align-items:center;display:flex}.action-btn svg{width:16px;height:16px}.action-btn:hover{border-color:var(--accent)}.action-btn.copy-btn{background:var(--accent-dim)}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.session-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.session-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.session-card .session-name{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem}.session-scores{gap:4px;display:flex}.session-score-badge{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.session-info{gap:16px;margin-bottom:12px;display:flex}.session-author,.session-date{color:var(--text-muted);font-size:.875rem}.session-stats{background:var(--bg-tertiary);border-radius:8px;gap:16px;margin-bottom:12px;padding:12px;display:flex}.stat-icon{align-items:center;width:16px;height:16px;display:flex}.stat-icon svg{width:100%;height:100%}.stat-value{font-weight:600}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;padding:60px 20px;display:flex}.empty-icon{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.empty-icon svg{width:100%;height:100%}.empty-state h3{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem}.empty-state p{color:var(--text-muted);margin:0 0 20px}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500}.profile-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.profile-header{border-bottom:1px solid var(--border);gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.profile-avatar{background:var(--bg-tertiary);border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.profile-info{flex:1}.profile-stats-row{gap:16px;display:flex}.stat-badge{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:12px 16px;display:flex}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.7rem}.stat-value{font-size:1.1rem;font-weight:600}.stat-value.streak{color:#f85149}.stat-value.score{color:var(--green)}.stat-value.accuracy{color:var(--teal)}.profile-charts{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-card h3{color:var(--text-primary);margin:0 0 16px;font-size:1rem}.mini-chart{justify-content:space-between;align-items:flex-end;gap:4px;height:100px;display:flex}.mini-bar-wrapper{flex:1;align-items:flex-end;height:100%;display:flex}.mini-bar{border-radius:4px 4px 0 0;width:100%;transition:height .3s}.mini-bar.line-chart{background:var(--accent);border-radius:2px}.personal-records{margin-bottom:24px}.personal-records h3{color:var(--text-primary);margin:0 0 16px;font-size:1rem}.records-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.record-item{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.record-icon{font-size:1.5rem}.record-info{flex-direction:column;gap:2px;display:flex}.record-label{color:var(--text-muted);font-size:.75rem}.record-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.shared-content-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.shared-content-preview h3{color:var(--text-primary);margin:0 0 16px;font-size:1rem}.preview-list{flex-direction:column;gap:16px;display:flex}.preview-section h4{color:var(--text-muted);margin:0 0 12px;font-size:.875rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.preview-card{background:var(--bg-tertiary);border-radius:6px;padding:8px}.preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.8rem;display:block;overflow:hidden}.preview-date,.preview-scores{color:var(--text-muted);font-size:.7rem;display:block}.preview-scores{flex-wrap:wrap;gap:4px;display:flex}.share-page{justify-content:center;align-items:center;min-height:100%;padding:40px;display:flex}.share-container{width:100%;max-width:800px}.share-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px}.share-header h1{color:var(--text-primary);margin:0 0 8px;font-size:1.75rem}.share-subtitle{color:var(--text-muted);margin:0 0 24px}.share-body{margin-bottom:32px}.info-section,.details-section{margin-bottom:24px}.info-section h3,.details-section h3{color:var(--text-primary);margin:0 0 16px;font-size:1.1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-muted);font-size:.75rem}.info-value{color:var(--text-primary);font-size:1rem;font-weight:500}.results-list{flex-direction:column;gap:8px;display:flex}.result-item{background:var(--bg-tertiary);border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.result-index{color:var(--text-primary);font-weight:500}.result-score{--score:85%;background:linear-gradient(90deg,var(--score-color,var(--accent)) var(--score),var(--bg-primary) 0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:600}.stats-row{gap:16px;display:flex}.tags-section{margin-bottom:24px}.tags-section h3{color:var(--text-primary);margin:0 0 12px;font-size:1.1rem}.tags-container{flex-wrap:wrap;gap:8px;display:flex}.tags-container .tag{background:var(--bg-tertiary);border-radius:16px;padding:6px 12px;font-size:.875rem}.notes-section{margin-bottom:24px}.notes-section h3{color:var(--text-primary);margin:0 0 16px;font-size:1.1rem}.notes-grid{background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.notes-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;font-size:.75rem;font-weight:600;display:grid}.note-row{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 12px;font-size:.875rem;display:grid}.note-column{text-align:center}.note-column:first-child{text-align:left;color:var(--accent);font-weight:500}.share-footer{gap:12px;display:flex}.share-footer .share-btn,.share-footer .load-btn{flex:1}.load-btn{background:var(--accent-dim);color:var(--accent)}.error-state{text-align:center;padding:60px 20px}.error-icon{margin-bottom:16px;font-size:4rem}.error-state h2{color:var(--text-primary);margin:0 0 12px;font-size:1.5rem}.error-state p{color:var(--text-muted);margin:0 0 24px}.back-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 24px}@media(max-width:768px){.profile-header{text-align:center;flex-direction:column}.profile-stats-row{justify-content:center}.notes-header,.note-row{grid-template-columns:1fr}.note-column:first-child{text-align:center}}.exercise-feedback{border-left:3px solid var(--border,#30363d);background:var(--bg-tertiary,#ffffff08);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;line-height:1.4;display:flex}.feedback-icon{flex-shrink:0;align-items:center;display:flex}.feedback-metrics{color:var(--text-muted,#8b949e);white-space:nowrap;gap:12px;margin-left:auto;font-size:.78rem;display:flex}.feedback-pass{background:#3fb9500f;border-left-color:#3fb950}.feedback-pass .feedback-icon{color:#3fb950}.feedback-neutral{background:#d299220f;border-left-color:#d29922}.feedback-neutral .feedback-icon{color:#d29922}.exercise-empty{background:var(--bg-tertiary);color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:.85rem;display:flex}.start-analysis-btn{color:var(--accent,#58a6ff);letter-spacing:.02em;cursor:pointer;background:#58a6ff1a;border:1px solid #58a6ff66;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.start-analysis-btn:hover{background:#58a6ff33;border-color:#58a6ff99;transform:translateY(-1px)}.start-analysis-btn:active{transform:translateY(0)}.start-analysis-btn .icon-svg{width:18px;height:18px}.exercise-empty .start-analysis-btn{flex-shrink:0;margin-left:auto}.spectrogram-display{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.spectrogram-display h3{color:var(--text-primary);margin:0 0 10px;font-size:1rem}.spectrogram-container{background:var(--bg-tertiary);border-radius:8px;width:100%;height:180px;position:relative;overflow:hidden}.spectrogram-grid{grid-template-rows:1fr 24px;grid-template-columns:50px 1fr;height:100%;display:grid}.freq-axis{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:6px 0;display:flex}.freq-label{color:var(--text-muted);text-align:right;padding-right:6px;font-size:.65rem}.time-axis{border-top:1px solid var(--border);background:var(--bg-primary);grid-area:2/2;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.time-label{color:var(--text-muted);font-size:.65rem}.spectrogram-bars{background:var(--bg-tertiary);grid-area:1/2;align-items:flex-end;gap:1px;padding:4px 4px 0;display:flex;overflow:hidden}.spectrogram-bar{opacity:.92;border-radius:2px 2px 0 0;flex:1;min-width:2px;transition:height .12s ease-out,opacity .12s ease-out}.spectrogram-bar:hover{opacity:1}.spectrogram-legend{color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;font-size:.7rem;display:flex}.legend-gradient{align-items:center;gap:6px;display:flex}.gradient-bar{background:linear-gradient(90deg,#f0883e,#58a6ff 50%,#2dd4bf);border-radius:4px;width:48px;height:8px;display:inline-block}.legend-sep{opacity:.3}.spectrogram-empty{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-self:stretch;align-items:center;padding:0 16px;font-size:.75rem;display:flex}.pitch-history{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.pitch-history h3{color:var(--text-primary);margin:0 0 10px;font-size:1rem}.pitch-chart-wrap{background:linear-gradient(#0000001a,#00000040);border:1px solid #ffffff08;border-radius:8px;width:100%;overflow:hidden;box-shadow:inset 0 2px 10px #00000026}.pitch-chart-svg{width:100%;height:auto;display:block}.pitch-chart-svg polyline{transition:stroke .3s}.pitch-chart-svg polygon{transition:opacity .3s}.pitch-chart-svg circle{transition:cx .15s,cy .15s,r .15s}.pitch-chart-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:.8125rem}.pitch-legend{color:var(--text-muted);align-items:center;gap:16px;margin-top:8px;font-size:.75rem;display:flex}.pitch-legend .legend-item{align-items:center;gap:4px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.good{background:#3fb950}.dot.bad{background:#f85149}.app-tab svg{vertical-align:middle;margin-right:6px;display:inline-block}.leaderboard-panel{width:100%;height:100%;padding:20px;overflow-y:auto}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.leaderboard-header-content h2{color:var(--text-primary);margin:0;font-size:1.5rem}.leaderboard-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.875rem}.leaderboard-tabs{gap:12px;margin-bottom:20px;display:flex}.leaderboard-tab{background:var(--bg-secondary);border:1px solid var(--border);max-width:160px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.leaderboard-tab:hover{background:var(--bg-tertiary);border-color:var(--accent)}.leaderboard-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.category-tab:hover{background:var(--bg-tertiary);border-color:var(--accent)}.search-container{gap:12px;margin-bottom:24px;display:flex}.search-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:.875rem;transition:border-color .2s}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:500;display:flex}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.weekly-challenges{margin-bottom:32px}.weekly-challenges-title{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem}.weekly-challenges-desc{color:var(--text-muted);margin:0 0 24px;font-size:.9rem}.challenges-grid{gap:16px;display:grid}.challenge-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;grid-template-columns:60px 1fr auto;align-items:start;gap:16px;padding:16px;transition:all .2s;display:grid}.challenge-card:hover{border-color:var(--accent);transform:translateY(-2px)}.challenge-icon{text-align:center;font-size:2rem}.challenge-content{min-width:0}.challenge-name{color:var(--text-primary);margin:0 0 6px;font-size:1rem;font-weight:600}.challenge-desc{color:var(--text-muted);margin:0 0 12px;font-size:.85rem}.challenge-stats{color:var(--text-muted);gap:16px;font-size:.8rem;display:flex}.challenge-progress{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);font-size:.75rem}.challenge-join-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.challenge-join-btn:hover:not(:disabled){background:var(--accent);opacity:.9}.challenge-join-btn:disabled{opacity:.5;cursor:not-allowed}.podium-section{background:var(--bg-secondary);border-radius:16px;justify-content:center;gap:16px;margin-bottom:24px;padding:24px 0;display:flex}.podium-item{border-radius:12px;flex-direction:column;align-items:center;padding:12px;transition:all .2s;display:flex}.podium-1{background:linear-gradient(#ffd7001a,#0000);border:1px solid #ffd7004d}.podium-2{background:linear-gradient(#c0c0c01a,#0000);border:1px solid #c0c0c04d}.podium-3{background:linear-gradient(#cd7f321a,#0000);border:1px solid #cd7f324d}.podium-rank{margin-bottom:8px;font-size:1.25rem}.podium-avatar{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:1.5rem;display:flex}.podium-name{color:var(--text-primary);text-align:center;margin-bottom:4px;font-weight:500}.podard-score{color:var(--text-muted);font-size:.85rem}.podium-score-display{color:var(--accent);font-size:1.5rem;font-weight:700}.leaderboard-content{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead{background:var(--bg-tertiary)}.leaderboard-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:.8rem;font-weight:600}.leaderboard-table td{border-bottom:1px solid var(--border);padding:12px 16px}.leaderboard-table tbody tr{cursor:pointer;transition:background-color .2s}.leaderboard-table tbody tr:hover{background:var(--bg-tertiary)}.leaderboard-table tbody tr.is-me{background:rgba(var(--accent),.1);border-left:3px solid var(--accent)}.leaderboard-row:last-child td{border-bottom:none}.rank-th{text-align:center;width:60px}.user-th{min-width:200px}.score-th{text-align:right;width:100px}.streak-th{text-align:center;width:60px}.sessions-th,.best-th{text-align:center;width:70px}.rank-td{text-align:center;color:var(--text-muted)}.user-td,.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--text-primary);font-weight:500}.user-streak-badge{color:var(--teal);background:rgba(var(--teal),.1);border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 6px;font-size:.7rem}.score-td{text-align:right;color:var(--text-primary);font-weight:600}.streak-td{text-align:center}.streak-bar{background:var(--bg-tertiary);border-radius:3px;width:36px;height:6px;margin:0 auto;overflow:hidden}.streak-fill{border-radius:3px;height:100%;transition:width .3s}.streak-count{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.load-more-container{text-align:center;padding:24px}.load-more-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 32px;font-weight:500;transition:all .2s}.load-more-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.leaderboard-profile-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.profile-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:24px;position:relative;overflow-y:auto}.profile-modal-close{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.profile-modal-close:hover{background:var(--accent);color:#fff}.profile-header{text-align:center;gap:16px;margin-bottom:24px;display:flex}.profile-avatar-large{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.profile-header-info{flex-direction:column;flex:1;justify-content:center;display:flex}.profile-rank-badge{background:linear-gradient(135deg,var(--accent),var(--teal));color:#fff;border-radius:20px;align-self:center;margin-bottom:8px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.profile-name{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem}.profile-bio{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-tertiary);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.stat-content{flex-direction:column;gap:2px;display:flex}.profile-charts{margin-bottom:24px}.profile-charts h4{color:var(--text-primary);margin:0 0 12px;font-size:1rem}.profile-actions{gap:12px;display:flex}.profile-follow-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.profile-follow-btn:hover{background:var(--accent);opacity:.9}.profile-view-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .2s}.profile-view-btn:hover{background:var(--border)}@media(max-width:900px){.vocal-grid{grid-template-columns:1fr}.vocal-column-left{grid-template-columns:repeat(2,1fr);display:grid}.podium-section{flex-direction:column;align-items:center}.challenge-card{grid-template-columns:50px 1fr;gap:12px}.challenge-progress{flex-direction:row;grid-column:2;justify-content:flex-end;align-items:center;gap:8px}.profile-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.leaderboard-tabs{flex-wrap:wrap}.leaderboard-tab{max-width:none}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:8px}.search-container{flex-direction:column}.challenge-card{text-align:center;grid-template-columns:1fr}.challenge-progress{grid-column:1;justify-content:center}.leaderboard-table th,.leaderboard-table td{padding:8px 4px;font-size:.75rem}.user-td{gap:6px}.user-avatar{width:24px;height:24px}.leaderboard-panel{padding:10px}}.vocal-challenges-panel{width:100%;height:100%;padding:20px;overflow-y:auto}.challenges-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.challenges-header-content h2{color:var(--text-primary);margin:0;font-size:1.5rem}.challenges-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.875rem}.streak-card{background:linear-gradient(135deg,var(--accent),var(--teal));color:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.streak-icon{font-size:2rem}.streak-info{flex-direction:column;gap:2px;display:flex}.streak-label{opacity:.9;font-size:.75rem}.streak-value{font-size:1.25rem;font-weight:700}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.category-tab{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.category-tab:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.category-tab:disabled{opacity:.5;cursor:not-allowed}.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cat-icon{font-size:1rem}.cat-name{margin-right:6px}.cat-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:.75rem}.challenges-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px;display:grid}.challenge-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.challenge-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.challenge-card.completed{border-color:var(--green);background:linear-gradient(135deg,rgba(var(--green),.1),transparent)}.challenge-card.in-progress{border-color:var(--accent)}.challenge-card.locked{opacity:.6;cursor:not-allowed}.challenge-header{justify-content:space-between;align-items:center;display:flex}.challenge-icon-large{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.challenge-status{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.25rem;display:flex}.challenge-body{flex-direction:column;gap:8px;display:flex}.challenge-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.challenge-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.4}.challenge-stats{gap:12px;display:flex}.stat-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.stat-icon{font-size:.9rem}.stat-value{color:var(--text-primary);font-weight:600}.challenge-progress{flex-direction:column;gap:4px;display:flex}.progress-bar{background:var(--bg-tertiary);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-label{color:var(--text-muted);text-align:right;font-size:.75rem}.challenge-action-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:.875rem;font-weight:600;transition:all .2s}.challenge-action-btn.completed{background:var(--green)}.challenge-action-btn.in-progress{background:var(--accent)}.challenge-action-btn.not-started{background:var(--teal)}.challenge-action-btn.locked{background:var(--text-muted);cursor:not-allowed}.badges-section{margin-bottom:32px}.section-title{color:var(--text-primary);margin:0 0 16px;font-size:1.25rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.badge-item{background:var(--bg-secondary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.badge-item.earned{border:2px solid var(--accent);background:linear-gradient(135deg,rgba(var(--accent),.1),transparent)}.badge-item.locked{opacity:.5}.badge-icon{font-size:2rem}.badge-info{flex-direction:column;gap:4px;display:flex}.badge-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.badge-tier{color:var(--text-muted);font-size:.7rem}.badge-check{color:var(--green);font-size:1rem;position:absolute;top:4px;right:4px}.achievements-section{margin-bottom:32px}.achievements-list{flex-direction:column;gap:12px;display:flex}.achievement-item{background:var(--bg-secondary);border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.achievement-item.unlocked{border:1px solid var(--accent);background:linear-gradient(135deg,rgba(var(--accent),.1),transparent)}.achievement-item.locked{opacity:.5}.achievement-icon{flex-shrink:0;font-size:2rem}.achievement-content{flex:1;min-width:0}.achievement-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.achievement-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.achievement-points{color:var(--accent);font-size:.75rem;font-weight:600}.achievement-desc{color:var(--text-muted);margin:0 0 8px;font-size:.85rem;line-height:1.4}.achievement-progress{flex-direction:column;gap:4px;display:flex}.achievement-progress .progress-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.achievement-locked{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;font-size:1rem;display:flex}.challenge-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:24px;position:relative;overflow-y:auto}.modal-close{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--accent);color:#fff}.modal-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-icon{font-size:3rem}.modal-title{color:var(--text-primary);margin:8px 0 0;font-size:1.5rem}.modal-desc{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.modal-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-tertiary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.stat-label{color:var(--text-muted);font-size:.75rem}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.modal-instructions{background:var(--bg-tertiary);border-radius:12px;margin-bottom:20px;padding:16px}.modal-instructions h3{color:var(--text-primary);margin:0 0 12px;font-size:1rem}.instructions-list{margin:0;padding-left:20px;list-style:outside}.instructions-list li{color:var(--text-muted);margin-bottom:6px;font-size:.85rem}.modal-progress-large{margin-bottom:20px}.progress-bar-large{background:var(--bg-tertiary);border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-fill-large{border-radius:6px;height:100%;transition:width .3s}.progress-text-large{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.9rem;display:block}.modal-actions{gap:12px;display:flex}.modal-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn.secondary{background:var(--bg-tertiary)}.modal-btn.secondary:hover{background:var(--border)}.modal-btn.primary{background:var(--accent)}.modal-btn.primary:hover{background:var(--accent);opacity:.9}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.challenges-header{flex-direction:column;align-items:stretch}.modal-stats{grid-template-columns:1fr}.modal-actions{flex-direction:column}.badge-item{padding:8px}}@media(max-width:900px){.vocal-grid{grid-template-columns:1fr}.vocal-column-left{grid-template-columns:repeat(2,1fr);display:grid}}.uvr-settings{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px}.uvr-header{margin-bottom:12px}.uvr-header h3{color:var(--text-primary);margin:0 0 4px;font-size:1rem}.uvr-description{color:var(--text-muted);margin:0;font-size:.8rem}.uvr-mode-selection label{color:var(--text-primary);margin-bottom:12px;font-size:.875rem;display:block}.mode-grid{gap:8px;display:flex}.mode-card{background:var(--bg-tertiary);border:2px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.mode-card:hover{border-color:var(--accent);background:var(--bg-secondary)}.mode-card.active{border-color:var(--accent);background:var(--accent-soft)}.mode-icon{width:20px;height:20px;color:var(--text-primary)}.mode-label{color:var(--text-primary);font-size:.875rem}.uvr-intensity-controls{margin:12px 0}.intensity-group{margin-bottom:12px}.intensity-divider{background:var(--border);height:1px;margin:8px 0}.intensity-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.intensity-label{color:var(--text-primary);align-items:center;gap:6px;font-size:.875rem;display:flex}.intensity-label svg{flex-shrink:0;width:18px;height:18px}.intensity-value{color:var(--accent);font-size:.875rem;font-weight:500}.intensity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0003}.intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0000004d}.intensity-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.intensity-slider::-moz-range-track{background:var(--bg-tertiary);border-radius:3px;height:6px}.uvr-smoothing{margin:12px 0}.smoothing-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.smoothing-label{color:var(--text-primary);align-items:center;gap:6px;font-size:.875rem;display:flex}.smoothing-label svg{flex-shrink:0;width:18px;height:18px}.smoothing-value{color:var(--accent);font-size:.875rem;font-weight:500}.smoothing-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.smoothing-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0003}.smoothing-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0000004d}.smoothing-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.smoothing-slider::-moz-range-track{background:var(--bg-tertiary);border-radius:3px;height:6px}.uvr-info{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:16px}.info-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.info-icon{width:24px;height:24px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-icon svg{width:18px;height:18px}.info-list{color:var(--text-muted);flex-direction:column;gap:6px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.info-list li{padding-left:14px;line-height:1.5;position:relative}.info-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.info-list strong{color:var(--text-primary);font-weight:600}.shortcuts-grid{flex-direction:column;gap:8px;display:flex}.shortcut-item{color:var(--text-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.shortcut-item kbd{background:var(--bg-tertiary,#21262d);border:1px solid var(--border);min-width:28px;height:22px;font-family:var(--font-mono,"SF Mono", "Fira Code", monospace);color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 1px #0000004d}.settings-panel .uvr-settings-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-top:12px;padding:12px}.settings-panel .uvr-mode-selection label{font-size:.875rem;font-weight:500}.settings-panel .mode-card{padding:12px}.settings-panel .mode-icon{width:28px;height:28px}.settings-panel .mode-label,.settings-panel .intensity-label,.settings-panel .intensity-value{font-size:.8rem}.settings-panel .intensity-slider{height:4px}.settings-panel .smoothing-label,.settings-panel .smoothing-value{font-size:.8rem}.settings-panel .smoothing-slider{height:4px}.settings-panel .uvr-info{padding:10px}.settings-panel .info-list li{padding-left:14px}.mode-toggle-btn{border:1px solid var(--border,#30363d);color:var(--text-muted,#8b949e);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;transition:background .15s,color .15s;display:flex}.mode-toggle-btn:hover{background:var(--hover-bg,#ffffff0d);color:var(--text-primary,#e6edf3)}.mode-toggle-btn .icon-svg{width:16px;height:16px}.vocal-header-actions{align-items:center;gap:12px;display:flex}.live-error{color:#f85149;background:#f851491a;border:1px solid #f851494d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.875rem}.demo-hint{color:var(--text-primary);background:#d2992214;border:1px solid #d2992240;border-radius:8px;margin-bottom:16px;padding:16px 20px;font-size:.875rem}.demo-hint p{margin:0 0 12px}.demo-hint-link{color:var(--accent,#58a6ff);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.demo-hint-link:hover{color:var(--accent-hover,#79c0ff)}.demo-hint-actions{gap:8px;display:flex}.demo-load-btn{color:var(--accent,#58a6ff);cursor:pointer;background:#58a6ff1a;border:1px solid #58a6ff66;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.demo-load-btn:hover{background:#58a6ff33;border-color:#58a6ff99;transform:translateY(-1px)}.demo-load-btn:active{transform:translateY(0)}.dev-hint{background:#8b949e14;border-color:#8b949e33;font-size:.75rem}.live-dashboard{border:1px solid var(--border,#30363d);background:linear-gradient(135deg,#58a6ff08,#bc8cff05,#2dd4bf08);border-radius:12px;margin-bottom:20px;overflow:hidden}.live-dashboard-header{border-bottom:1px solid var(--border,#30363d);background:var(--bg-secondary,#ffffff08);align-items:center;gap:8px;padding:14px 18px;display:flex}.live-dashboard-header .live-dot{margin-right:2px}.live-dashboard-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-right:auto;font-size:.875rem;font-weight:600}.live-dashboard-body{padding:16px 18px}.live-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.live-metric-card{border:1px solid var(--border,#30363d);background:var(--bg-secondary,#ffffff08);border-left:3px solid var(--metric-color,var(--border,#30363d));border-radius:8px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.live-metric-card.highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--metric-color,#3fb950) 8%,transparent),var(--bg-secondary,#ffffff08));border-color:color-mix(in srgb,var(--metric-color,#3fb950) 40%,var(--border,#30363d));box-shadow:0 0 12px color-mix(in srgb,var(--metric-color,#3fb950) 8%,transparent)}.live-metric-icon{background:color-mix(in srgb,var(--metric-color,#58a6ff) 15%,transparent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.live-metric-icon .icon-svg{width:16px;height:16px}.live-metric-body{flex-direction:column;gap:2px;min-width:0;display:flex}.live-metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem}.live-metric-value{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.2}.live-metric-detail{color:var(--text-muted);font-size:.75rem}.analyze-btn.live-start{background:linear-gradient(135deg,#3fb950,#2ea043);border-color:#ffffff1a;box-shadow:0 4px 12px #3fb95040,inset 0 1px #fff3}.analyze-btn.live-start:hover:not(:disabled){background:linear-gradient(135deg,#46c458,#3fb950);box-shadow:0 6px 16px #3fb95059,inset 0 1px #fff3}.analyze-btn.live-stop{background:linear-gradient(135deg,#f85149,#d73a49);border-color:#ffffff1a;box-shadow:0 4px 12px #f8514940,inset 0 1px #fff3}.analyze-btn.live-stop:hover:not(:disabled){background:linear-gradient(135deg,#ff6a6a,#f85149);box-shadow:0 6px 16px #f8514959,inset 0 1px #fff3}.live-listening-indicator{color:var(--accent,#58a6ff);align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:flex}.live-status-bar{background:var(--bg-secondary,#ffffff08);border:1px solid var(--border,#30363d);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.live-status-label{color:var(--accent,#58a6ff);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.live-status-chip{color:var(--text-primary);background:var(--bg-tertiary,#ffffff0d);border:1px solid var(--border,#30363d);border-radius:12px;padding:2px 10px;font-size:.75rem}.live-dot{background:#3fb950;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse;display:inline-block}.mic-spectrum-display{border:1px solid var(--border,#30363d);background:var(--bg-tertiary,#ffffff0a);border-radius:8px;margin-top:16px;padding:14px}.mic-spectrum-display h3{color:var(--text-primary);margin:0 0 12px;font-size:1rem}.mic-spectrum-bars{align-items:flex-end;gap:3px;height:72px;padding:0 2px;display:flex}.mic-spectrum-bar{background:var(--accent,#58a6ff);opacity:.35;border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:height 80ms ease-out,opacity 80ms ease-out}.mic-spectrum-bar.active{opacity:.85;background:linear-gradient(to top,var(--accent,#58a6ff),color-mix(in srgb,var(--accent,#58a6ff) 70%,white));box-shadow:0 0 6px color-mix(in srgb,var(--accent,#58a6ff) 30%,transparent)}@media(max-width:768px){.vocal-header{flex-direction:column;align-items:flex-start;gap:12px}.vocal-header-actions{flex-direction:column;width:100%}.mode-toggle{width:100%}.mode-toggle-btn{flex:1;justify-content:center}.live-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.live-cards-grid{grid-template-columns:1fr}}.phase1-card{background:var(--bg-secondary,#161b22);border:1px solid var(--border,#30363d);border-radius:8px;margin-top:16px;padding:16px}.phase1-card h3{color:var(--text-primary);margin:0 0 12px;font-size:.9rem;font-weight:600}.phase1-metrics{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:12px;display:grid}.phase1-metric{flex-direction:column;gap:2px;display:flex}.phase1-label{color:var(--text-muted,#8b949e);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.phase1-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.phase1-value--good{color:#3fb950}.phase1-value--warn{color:#d29922}.phase1-badge{text-transform:capitalize;border-radius:10px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.phase1-badge--resonant{color:#3fb950;background:#3fb95026}.phase1-badge--normal{color:#58a6ff;background:#58a6ff26}.phase1-badge--pressed{color:#d29922;background:#d2992226}.phase1-badge--breathy{color:#f85149;background:#f8514926}.phase1-bar-container{background:var(--bg-tertiary,#21262d);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.phase1-bar{border-radius:3px;height:100%;transition:width .4s}.phase1-bar-intensity{background:linear-gradient(90deg,#58a6ff,#bc8cff)}.phase1-bar-breathiness{background:linear-gradient(90deg,#f85149,#3fb950)}.phase1-bar-slides{background:linear-gradient(90deg,#d29922,#3fb950)}.phase1-hint{color:var(--text-muted,#8b949e);font-size:.75rem;line-height:1.4}.phase1-slide-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.phase1-slide-item{background:var(--bg-tertiary,#21262d);border-radius:4px;grid-template-columns:20px 40px 70px 1fr;align-items:center;gap:8px;padding:4px 8px;font-size:.78rem;display:grid}.phase1-slide-dir{color:var(--text-muted);font-weight:600}.phase1-slide-span{font-variant-numeric:tabular-nums;color:var(--text-primary)}.phase1-slide-type{text-transform:capitalize;font-weight:500}.phase1-slide--clean .phase1-slide-type{color:#3fb950}.phase1-slide--scoop .phase1-slide-type,.phase1-slide--fall .phase1-slide-type{color:#d29922}.phase1-slide--overshoot .phase1-slide-type,.phase1-slide--wobble .phase1-slide-type{color:#f85149}.phase1-slide-score{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.phase2-card{background:var(--bg-secondary,#161b22);border:1px solid var(--border,#30363d);border-radius:8px;margin-top:16px;padding:16px}.phase2-card h3{color:var(--text-primary);margin:0 0 12px;font-size:.9rem;font-weight:600}.phase2-metrics{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-bottom:12px;display:grid}.phase2-metric{flex-direction:column;gap:2px;display:flex}.phase2-label{color:var(--text-muted,#8b949e);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.phase2-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.phase2-value--warn{color:#d29922}.phase2-badge{text-transform:capitalize;border-radius:10px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.phase2-badge--none,.phase2-badge--thin{color:#8b949e;background:#8b949e26}.phase2-badge--natural,.phase2-badge--normal{color:#58a6ff;background:#58a6ff26}.phase2-badge--slow-operatic,.phase2-badge--rich{color:#bc8cff;background:#bc8cff26}.phase2-badge--nervous,.phase2-badge--wide{color:#f85149;background:#f8514926}.phase2-badge--very-rich{color:#3fb950;background:#3fb95026}.phase2-badge--chest{color:#f85149;background:#f8514926}.phase2-badge--mask{color:#58a6ff;background:#58a6ff26}.phase2-badge--head{color:#bc8cff;background:#bc8cff26}.phase2-badge--mixed{color:#3fb950;background:#3fb95026}.phase2-bar-container{background:var(--bg-tertiary,#21262d);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.phase2-bar{border-radius:3px;height:100%;transition:width .4s}.phase2-bar-vibrato{background:linear-gradient(90deg,#58a6ff,#bc8cff)}.phase2-bar-harmonics{background:linear-gradient(90deg,#d29922,#3fb950)}.phase2-hint{color:var(--text-muted,#8b949e);font-size:.75rem;line-height:1.4}.phase2-alert{color:#f85149;background:#f851491a;border:1px solid #f851494d;border-radius:6px;margin-top:8px;padding:10px 12px;font-size:.8rem;line-height:1.4}.phase2-resonance-map{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.phase2-zone{background:var(--bg-tertiary,#21262d);border:1px solid var(--border,#30363d);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.phase2-zone--active{border-color:var(--accent,#58a6ff);box-shadow:0 0 8px #58a6ff26}.phase2-zone-head{border-left:3px solid #bc8cff}.phase2-zone-mask{border-left:3px solid #58a6ff}.phase2-zone-chest{border-left:3px solid #f85149}.phase2-zone-label{color:var(--text-primary);font-size:.8rem;font-weight:500}.phase2-zone-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.vocal-header-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.mode-toggle{gap:8px;display:flex}.mode-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.mode-toggle-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.mode-toggle-btn.active{background:var(--accent);color:#fff}.demo-hint{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.demo-hint-icon{flex-shrink:0;font-size:2rem}.demo-hint-text{flex:1;min-width:0}.demo-hint-text strong{color:var(--text-primary);font-size:.95rem}.demo-hint-text p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.demo-hint-dev{color:var(--accent)!important;margin-top:6px!important;font-size:.8rem!important}.demo-hint-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.demo-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.demo-btn:hover{background:var(--accent);color:#fff}.demo-btn--live{border-color:var(--border);color:var(--text-muted)}.demo-btn--live:hover{border-color:var(--accent);background:var(--bg-tertiary);color:var(--text-primary)}.live-controls{align-items:center;gap:12px;display:flex}.live-start-btn{background:#3fb950}.live-start-btn:hover:not(:disabled){opacity:.85;background:#3fb950}.live-stop-btn{background:#f85149}.live-stop-btn:hover:not(:disabled){opacity:.85;background:#f85149}.live-status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.live-dot{background:#3fb950;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite live-pulse}.live-error{color:#f85149;background:#f851491a;border:1px solid #f851494d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:.85rem;display:flex}.live-error-icon{flex-shrink:0;font-size:1.1rem}#uvr-panel{flex-direction:column;height:100%;min-height:0;display:flex}.uvr-panel{background:var(--bg-primary);border-radius:1rem 1rem 0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.uvr-panel-inner{flex-direction:column;width:100%;height:100%;display:flex}.uvr-panel-inner.bounded{max-width:1000px;margin:0 auto}.panel-header{background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;min-height:0;padding:.5rem 1rem;display:flex;overflow-x:auto}.uvr-header-divider{flex-shrink:0;margin:0!important}.header-left{align-items:center;gap:.75rem;display:flex}.header-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.header-icon svg{width:.9rem;height:.9rem}.header-left h3{color:var(--fg-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.header-subtitle{color:var(--fg-tertiary);margin:0;font-size:.7rem;line-height:1.2}.header-actions{gap:.25rem;display:flex}.header-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:2rem;height:2rem;color:var(--fg-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.header-btn:hover{background:var(--bg-hover)}.header-btn-ghost{background:0 0;border-color:#0000}.header-btn-ghost:hover{background:var(--bg-primary)}.header-btn-close:hover{color:var(--error);background:#ef44441a}.uvr-view-tabs{gap:.25rem;display:flex}.view-tab{color:var(--fg-tertiary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.5rem;align-items:center;gap:.375rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.view-tab svg{opacity:.7;flex-shrink:0;width:.85rem;height:.85rem;transition:opacity .2s}.view-tab:hover{color:var(--fg-primary);background:#ffffff0f;border-color:#8b5cf640}.view-tab:hover svg{opacity:1}.view-tab.active{color:var(--fg-primary);background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 0 12px #8b5cf61a}.view-tab.active svg{opacity:1;color:#a78bfa}.view-tab-sing.active{background:#4ade8014;border-color:#4ade8040;box-shadow:0 0 12px #4ade8014}.view-tab-sing.active svg{color:#4ade80}.view-tab-sing:hover:not(.active){border-color:#4ade8033}.uvr-mode-toggle{align-items:center;gap:.35rem;margin-right:.5rem;display:flex}.mode-toggle-btn{color:var(--fg-tertiary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:2rem;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mode-toggle-btn:hover:not(.active){color:var(--fg-primary);background:#ffffff0f;border-color:#8b5cf640}.mode-toggle-btn.active{color:var(--fg-primary);background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 0 12px #8b5cf61a}.mode-toggle-btn-disabled{opacity:.45;cursor:not-allowed}.mode-toggle-btn-disabled:hover:not(.active){color:var(--fg-secondary);background:0 0}.model-status-badge{border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-left:.35rem;font-size:.65rem;font-weight:700;display:flex}.model-status-loading{color:var(--accent);background:#8b5cf626}.model-status-error{color:var(--error);background:#ef444426}.model-loading-dot{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite model-dot-pulse}@keyframes model-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.model-error-icon{line-height:1}.panel-content{flex-direction:column;flex:1;padding-bottom:1.5rem;display:flex;position:relative;overflow-y:auto}.view-section{min-height:0;padding:1.5rem}.upload-section{flex:1;width:100%;max-width:min(80%,800px);margin:0 auto;padding:1rem}.mixer-section{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-header h4{color:var(--fg-primary);margin:0;font-size:1.1rem}.guide-toggle{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.guide-toggle:hover{background:var(--bg-hover)}.back-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--fg-secondary);cursor:pointer;white-space:nowrap;border-radius:.4rem;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.back-btn svg{flex-shrink:0;width:.8rem;height:.8rem}.back-btn:hover{background:var(--bg-hover);color:var(--fg-primary);border-color:var(--accent)}.guide-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.guide-container{background:var(--bg-secondary);border-radius:1rem;flex-direction:column;width:620px;max-width:90vw;max-height:90vh;padding:1.5rem;display:flex;overflow:hidden}.guide-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.guide-header h3{color:var(--fg-primary);margin:0}.guide-close{background:var(--bg-tertiary);border:1px solid var(--border);width:2rem;height:2rem;color:var(--fg-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:flex}.uvr-settings{flex-direction:column;flex:1;gap:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.guide-close:hover{background:var(--bg-hover)}.history-section{max-width:min(85%,1200px);margin:0 auto;padding:1rem}.history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;max-height:calc(100vh - 200px);padding-right:.25rem;display:grid;overflow-y:auto}.history-list.history-list-inline{border-bottom:1px solid var(--border);flex:1 1 0;min-height:0;margin-bottom:.75rem;padding-bottom:.75rem;overflow-y:auto}.history-empty{color:var(--fg-tertiary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:40vh;padding:4rem 1rem;display:flex}.history-empty svg{opacity:.5;width:3.5rem;height:3.5rem;margin-bottom:1.25rem}.history-empty p{margin:0 0 1.25rem;font-size:.95rem}.history-empty button{background:var(--accent);color:var(--bg-primary);cursor:pointer;border:none;border-radius:2rem;padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #00000026}.history-empty button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.section-header-actions{align-items:center;gap:.5rem;display:flex}.section-action-btn{border:1px solid var(--border);color:var(--fg-secondary);cursor:pointer;background:0 0;border-radius:.4rem;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;transition:all .15s;display:inline-flex}.section-action-btn:hover{background:var(--bg-hover);color:var(--fg-primary);border-color:var(--fg-tertiary)}.section-action-btn-danger{color:var(--error);border-color:#ef44444d}.section-action-btn-danger:hover{color:var(--error);background:#ef44441a;border-color:#ef444480}.section-action-btn.icon-only{justify-content:center;width:1.8rem;height:1.8rem;padding:0}.section-action-btn svg{width:.95rem;height:.95rem}.delete-all-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.delete-all-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;width:90%;max-width:420px;padding:1.5rem;animation:.2s dialog-in;box-shadow:0 8px 32px #0000004d}@keyframes dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-all-dialog h4{color:var(--fg-primary);margin:0 0 .5rem;font-size:1rem}.delete-all-dialog p{color:var(--fg-secondary);margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.delete-all-actions{justify-content:flex-end;gap:.5rem;display:flex}.delete-all-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;transition:background .15s}.delete-all-cancel:hover{background:var(--bg-hover)}.delete-all-confirm{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:.4rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:opacity .15s;display:inline-flex}.delete-all-confirm:hover{opacity:.85}.delete-all-confirm svg{width:.9rem;height:.9rem}.history-toast{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-primary);z-index:1001;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;animation:.25s toast-in;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.history-toast-auto{animation:.25s toast-in,.25s 2s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.history-toast-icon{color:var(--success);align-items:center;display:flex}.history-toast-icon svg{width:.9rem;height:.9rem}.upload-section .section-header,.upload-section .upload-divider{flex-shrink:0}.upload-section .uvr-upload-control{flex-shrink:0;min-height:0;margin-bottom:.5rem}.upload-divider{align-items:center;gap:.75rem;margin:0 0 .75rem;display:flex}.upload-divider:before,.upload-divider:after{content:"";border-radius:1px;flex:1;height:2px}.upload-divider:before{background:linear-gradient(90deg,var(--border) 0%,var(--border) 50%,var(--accent) 100%)}.upload-divider:after{background:linear-gradient(90deg,var(--accent) 0%,var(--border) 50%,var(--border) 100%)}.upload-divider-text{color:var(--fg-tertiary);white-space:nowrap;font-size:.75rem;font-weight:500}.uvr-upload-control{flex-direction:column;gap:.75rem;width:100%;min-height:0;display:flex}.uvr-upload-control.disabled{opacity:.4;filter:grayscale();pointer-events:none}.upload-header{text-align:center}.upload-icon-wrapper{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:0 auto .5rem;display:flex}.upload-icon-wrapper svg{width:1.25rem;height:1.25rem}.upload-header h3{color:var(--fg-primary);margin-bottom:.25rem;font-size:1.05rem}.upload-subtitle{color:var(--fg-secondary);font-size:.8rem}.upload-zone{border:2px dashed var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:1rem;transition:all .2s;position:relative}.upload-zone:hover{border-color:var(--accent);background:var(--bg-hover)}.upload-zone.dragging{border-color:var(--accent);background:#667eea1a;transform:scale(1.01)}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.upload-icon{color:var(--fg-tertiary)}.upload-icon svg{width:2rem;height:2rem}.upload-text{color:var(--fg-primary);font-size:.9rem;font-weight:500}.upload-text-highlight{color:var(--accent);text-decoration:underline}.upload-hint{color:var(--fg-secondary);font-size:.78rem}.file-info{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.file-preview{background:var(--bg-primary);border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.file-icon{font-size:1.75rem}.file-details{flex:1;min-width:0}.file-name{color:var(--fg-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:500;overflow:hidden}.file-meta{color:var(--fg-secondary);font-size:.8rem}.processing-indicator{color:var(--accent);background:#667eea1a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;display:flex}.pulse-spinner{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-actions{gap:.75rem;display:flex}.upload-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.upload-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.upload-btn svg{flex-shrink:0;width:1rem;height:1rem}.upload-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.upload-btn-primary:disabled{opacity:.5;cursor:not-allowed}.upload-btn-secondary{background:var(--bg-tertiary);color:var(--fg-primary)}.upload-btn-secondary:hover:not(:disabled){background:var(--border)}.supported-formats{padding:.5rem 0 0}.formats-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.format-tag{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-secondary);border-radius:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:500}.format-tag-size{color:var(--accent);background:#667eea14;border-color:#667eea40}.uvr-process-control{background:var(--bg-secondary);border-radius:1rem;flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.process-header{align-items:center;gap:.75rem;display:flex}.process-icon-wrapper{background:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.process-info h3{color:var(--fg-primary);margin:0;font-size:1rem}.process-filename-pill{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background-color:var(--bg-tertiary,#ffffff0d);max-width:35ch;color:var(--fg-primary);border:1px solid var(--border-color,#ffffff1a);border-radius:9999px;align-items:center;margin:0 .3rem;padding:.15rem .6rem;font-size:.9em;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.process-info p{color:var(--fg-secondary);margin:.25rem 0 0;font-size:.85rem}.process-session-id{background:var(--bg-primary);letter-spacing:.02em;cursor:default;border-radius:.25rem;max-width:-moz-fit-content;max-width:fit-content;padding:.1rem .35rem;font-family:monospace;color:var(--fg-tertiary)!important;margin:.25rem 0 0!important;font-size:.6rem!important;display:inline-block!important}.progress-section{flex-direction:column;gap:.5rem;display:flex}.progress-bar-container{background:var(--bg-primary);border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--progress-color,var(--accent));border-radius:4px;height:100%;transition:width .3s}.progress-bar-indeterminate{background:linear-gradient(90deg,var(--progress-color,var(--accent)) 0%,var(--progress-color,var(--accent)) 30%,#ffffff4d 40%,var(--progress-color,var(--accent)) 50%,var(--progress-color,var(--accent)) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite indeterminate-slide;width:100%!important}@keyframes indeterminate-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-container:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;color:var(--fg-secondary);font-size:.85rem}.progress-row{color:var(--fg-secondary);justify-content:space-between;align-items:baseline;font-size:.82rem;display:flex}.progress-pct{color:var(--fg-primary);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.progress-times{font-variant-numeric:tabular-nums;gap:.25rem;display:flex}.progress-sep,.progress-estimate{color:var(--fg-tertiary)}.progress-chunks{color:var(--fg-tertiary);font-size:.75rem}.stage-indicators{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-around;padding:.75rem 0;display:flex}.stage-item{color:var(--fg-tertiary);flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.stage-item.active{color:var(--fg-primary)}.stage-icon{font-size:1rem}.stage-label{font-size:.7rem}.error-section{border-left:3px solid var(--error);background:#ef44441a;border-radius:0 .25rem .25rem 0;padding:.75rem}.error-text{color:var(--error);margin:0;font-size:.85rem}.process-actions{justify-content:flex-end;gap:.75rem;display:flex}.process-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.process-btn-primary{background:var(--accent);color:var(--bg-primary)}.process-btn-primary:hover:not(:disabled){opacity:.85}.process-btn-primary:disabled{opacity:.5;cursor:not-allowed}.process-btn-danger{background:var(--bg-primary);color:var(--error);border:1px solid #ef44441a}.process-btn-danger:hover:not(:disabled){background:#ef44441a}.process-actions:has(.process-btn-icon){grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.process-btn-icon{cursor:pointer;background:0 0;border:none;border-radius:.6rem;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;transition:all .2s;display:flex}.process-btn-icon-svg{justify-content:center;align-items:center;display:flex}.process-btn-icon-svg svg{width:26px;height:26px}.process-btn-icon-label{white-space:nowrap;font-size:.7rem;font-weight:600}.process-btn-retry{background:var(--accent);color:var(--bg-primary)}.process-btn-retry:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.process-btn-retry .process-btn-icon-label{color:var(--bg-primary);opacity:.9}.process-btn-new{color:var(--fg-primary);border:1px solid var(--border);background:0 0}.process-btn-new:hover:not(:disabled){background:var(--bg-hover);border-color:var(--fg-tertiary);transform:translateY(-1px)}.process-btn-new .process-btn-icon-label{color:var(--fg-secondary)}.process-btn-delete{color:var(--fg-tertiary)}.process-btn-delete:hover:not(:disabled){color:var(--error);background:#ef44440f;transform:translateY(-1px)}.process-btn-delete .process-btn-icon-label{color:var(--fg-tertiary)}.uvr-session-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.8rem;padding:.6rem;transition:border-color .2s,box-shadow .2s;display:flex}.uvr-session-result.disabled{opacity:.4;filter:grayscale();pointer-events:none}.uvr-session-result:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.session-header{justify-content:flex-start;align-items:center;gap:.4rem;margin-bottom:0;display:flex}.session-icon-wrapper{background:var(--bg-primary);width:1.75rem;height:1.75rem;color:var(--fg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-icon-wrapper svg{width:.9rem;height:.9rem}.session-title-area{flex:1;min-width:0}.session-title-area h3{color:var(--fg-primary);margin:0;font-size:.8rem}.session-filename{color:var(--fg-secondary);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.7rem;overflow:hidden}.session-id-pill{color:var(--fg-tertiary);background:var(--bg-primary);letter-spacing:.02em;cursor:default;border-radius:.25rem;max-width:-moz-fit-content;max-width:fit-content;margin:.1rem 0 0;padding:.1rem .35rem;font-family:monospace;font-size:.6rem;display:inline-block}.session-delete-btn{width:1.8rem;height:1.8rem;color:var(--fg-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.uvr-session-result:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{color:var(--error);background:#ef44441a}.session-delete-btn svg{width:1rem;height:1rem}.session-share-btn{width:1.8rem;height:1.8rem;color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.uvr-session-result:hover .session-share-btn{opacity:1}.session-share-btn:hover{color:var(--accent);background:#8b5cf61a}.session-share-btn svg{width:1rem;height:1rem}.status-bar{background:var(--bg-primary);border-left:3px solid var(--status-color,var(--fg-tertiary));border-radius:.4rem;align-items:center;gap:.3rem;padding:.3rem .5rem;display:flex;position:relative;overflow:hidden}.status-bar:before{content:"";background:var(--status-color,var(--fg-tertiary));opacity:.08;pointer-events:none;position:absolute;inset:0}.status-bar svg{width:.8rem;height:.8rem}.status-icon{align-items:center;display:flex;position:relative}.status-text{color:var(--fg-primary);flex:1;font-size:.78rem;font-weight:500;position:relative}.status-time{color:var(--fg-tertiary);font-size:.7rem}.info-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.info-item{background:var(--bg-primary);border-radius:.4rem;flex-direction:row;gap:.3rem;padding:.3rem;display:flex}.info-icon{width:auto;height:auto;color:var(--fg-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-icon svg{width:.9rem;height:.9rem}.info-content{flex-direction:column;min-width:0;display:flex}.info-label{color:var(--fg-tertiary);margin-bottom:.1rem;font-size:.65rem}.info-value{color:var(--fg-primary);font-size:.75rem;font-weight:500}.outputs-section{background:var(--bg-primary);border-radius:.4rem;padding:.4rem}.outputs-section h4{color:var(--fg-primary);margin:0 0 .3rem;font-size:.78rem}.stem-pills{flex-wrap:wrap;gap:.8rem;padding:.3rem;display:flex}.stem-pill{border:1px solid var(--border);cursor:pointer;background:var(--bg-secondary);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.stem-pill svg{width:.7rem;height:.7rem}.stem-pill-vocal{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}.stem-pill-vocal:hover{background:#f59e0b26;border-color:#f59e0b66}.stem-pill-instrumental{color:#3b82f6;background:#3b82f614;border-color:#3b82f640}.stem-pill-instrumental:hover{background:#3b82f626;border-color:#3b82f666}.stem-pill-midi{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf640}.stem-pill-midi:hover{background:#8b5cf626;border-color:#8b5cf666}.stem-pill-duration{opacity:.7;margin-left:.1rem;font-family:monospace;font-size:.65rem}.stem-pill-shazam{color:#818cf8;letter-spacing:.3px;background:#6366f11f;border-radius:3px;align-items:center;gap:2px;margin-left:2px;padding:1px 5px;font-size:.6rem;font-weight:600;display:inline-flex}.stem-pill-shazam svg{flex-shrink:0;width:9px;height:9px}.stem-pill-reindex{color:#818cf8;cursor:pointer;background:#6366f114;border:1px solid #6366f133;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;padding:0;transition:background .15s,color .15s;display:inline-flex}.stem-pill-reindex:hover{color:#a5b4fc;background:#6366f133}.stem-pill-reindex[aria-disabled=true]{opacity:.4;cursor:not-allowed}.stem-pill-reindex svg{width:11px;height:11px}.stem-pill-reindexing svg{animation:1s linear infinite spin}.stem-pill-selected{outline-offset:1px;filter:brightness(1.2);outline:2px solid}.stem-pill-vocal.stem-pill-selected{box-shadow:0 0 8px #f59e0b4d}.stem-pill-instrumental.stem-pill-selected{box-shadow:0 0 8px #3b82f64d}.stem-pill-midi.stem-pill-selected{box-shadow:0 0 8px #8b5cf64d}.session-result-actions{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.session-result-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.session-result-btn svg{width:.75rem;height:.75rem}.session-result-btn-primary{background:var(--accent);color:var(--bg-primary)}.session-result-btn-primary:hover:not(:disabled){opacity:.85}.session-result-btn-mixer{background:var(--bg-tertiary);color:var(--accent);border:1px solid #8b5cf64d}.session-result-btn-mixer:hover{background:#8b5cf61a;border-color:#8b5cf680}.session-result-btn-copy{background:var(--bg-tertiary);color:var(--fg-secondary);border:1px solid var(--border);flex:0;padding:.5rem}.session-result-btn-copy:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.session-result-btn-copy svg{width:.85rem;height:.85rem}.session-result-btn-danger{background:var(--bg-tertiary);color:var(--fg-primary);border:1px solid var(--border)}.session-result-btn-danger:hover{color:var(--error);background:#ef44441a;border-color:#ef44444d}.delete-confirm-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s confirm-overlay-in;display:flex;position:fixed;inset:0}@keyframes confirm-overlay-in{0%{opacity:0}to{opacity:1}}.delete-confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;width:90%;max-width:380px;padding:1.5rem;animation:.2s confirm-dialog-in;box-shadow:0 8px 32px #0000004d}@keyframes confirm-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-confirm-dialog h4{color:var(--fg-primary);margin:0 0 .5rem;font-size:1rem}.delete-confirm-dialog p{color:var(--fg-secondary);margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.delete-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.delete-confirm-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;border-radius:.4rem;padding:.5rem 1rem;font-size:.85rem;transition:background .15s}.delete-confirm-cancel:hover{background:var(--bg-hover)}.delete-confirm-delete{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:.4rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:opacity .15s;display:inline-flex}.delete-confirm-delete:hover{opacity:.85}.delete-confirm-delete svg{width:.9rem;height:.9rem}.session-toast{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-primary);z-index:1001;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;animation:.25s session-toast-in,.25s 2s forwards session-toast-out;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}@keyframes session-toast-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes session-toast-out{0%{opacity:1}to{opacity:0}}.session-toast-icon{color:var(--success);align-items:center;display:flex}.session-toast-icon svg{width:.9rem;height:.9rem}.uvr-result-viewer{flex-direction:column;gap:1rem;width:100%;display:flex}.rv-header{justify-content:space-between;align-items:center;display:flex}.rv-header-left{align-items:center;gap:.75rem;display:flex}.rv-header-left h3{color:var(--fg-primary);margin:0;font-size:1.05rem}.rv-processing-time{color:var(--fg-secondary);background:var(--bg-tertiary);white-space:nowrap;border-radius:2rem;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.rv-time-icon{width:14px;height:14px;color:var(--accent);display:flex}.rv-header-right{align-items:center;gap:.5rem;display:flex}.rv-share-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;border-radius:.4rem;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;transition:all .15s;display:inline-flex}.rv-share-btn svg{width:.8rem;height:.8rem}.rv-share-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.rv-close-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:2rem;height:2rem;color:var(--fg-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:flex}.rv-close-btn:hover{color:var(--error);background:#ef44441a}.rv-close-btn svg{width:.9rem;height:.9rem}.rv-stems-grid{flex-direction:column;gap:.5rem;display:flex}.rv-stem-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--stem-color,var(--border));border-radius:.6rem;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s;display:flex}.rv-stem-card:hover{border-color:var(--stem-color,var(--accent));box-shadow:0 0 0 1px rgba(from var(--stem-color) r g b / .15);cursor:pointer}.rv-stem-card-selected{border-color:var(--stem-color,var(--accent));background:rgba(from var(--stem-color) r g b / .06)}.rv-stem-select{width:1.35rem;height:1.35rem;color:var(--fg-tertiary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.rv-stem-select:hover{color:var(--fg-primary)}.rv-stem-select-active{color:var(--stem-color,var(--accent))}.rv-stem-select svg{width:100%;height:100%}.rv-stem-card-top{align-items:center;gap:.65rem;display:flex}.rv-stem-icon{background:var(--bg-primary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.rv-stem-icon svg{width:1rem;height:1rem}.rv-stem-info{flex-direction:column;gap:.15rem;display:flex}.rv-stem-name{color:var(--fg-primary);font-size:.85rem;font-weight:600}.rv-stem-meta{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.rv-stem-format{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);color:var(--fg-tertiary);border-radius:.2rem;padding:.1rem .35rem;font-size:.62rem}.rv-stem-duration{color:var(--fg-secondary);font-family:monospace;font-size:.68rem}.rv-stem-size{color:var(--fg-tertiary);font-size:.65rem}.rv-stem-card-actions{flex-shrink:0;gap:.35rem;display:flex}.rv-stem-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.rv-stem-btn svg{width:.75rem;height:.75rem}.rv-stem-btn-play{background:var(--accent);color:var(--bg-primary)}.rv-stem-btn-play:hover{opacity:.85}.rv-stem-btn-download{background:var(--bg-tertiary);color:var(--fg-secondary);border:1px solid var(--border);padding:.4rem .5rem}.rv-stem-btn-download:hover{background:var(--bg-hover);color:var(--fg-primary)}.rv-stem-btn-mixer{background:var(--bg-tertiary);color:var(--accent);border:1px solid #8b5cf64d}.rv-stem-btn-mixer:hover{background:#8b5cf61a;border-color:#8b5cf680}.rv-full-mix-card{background:linear-gradient(135deg,#10b98114,#8b5cf614);border:1px solid #10b98140;border-radius:.6rem;justify-content:space-between;align-items:center;padding:.75rem .85rem;display:flex}.rv-full-mix-left{align-items:center;gap:.65rem;display:flex}.rv-full-mix-actions{flex-shrink:0;gap:.5rem;display:flex}.rv-mix-selected-card{background:linear-gradient(135deg,#8b5cf614,#6366f114);border:1px solid #8b5cf640;border-radius:.6rem;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.75rem .85rem;animation:.2s ease-out rv-slide-in;display:flex}@keyframes rv-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rv-toast{background:var(--bg-primary);border:1px solid var(--border);color:var(--fg-primary);z-index:1001;border-radius:.5rem;padding:.6rem 1.25rem;font-size:.85rem;animation:.25s rv-toast-in,.25s 2s forwards rv-toast-out;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}@keyframes rv-toast-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes rv-toast-out{0%{opacity:1}to{opacity:0}}.session-results-panel{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.session-results-content{background:var(--bg-secondary);width:400px;max-width:100%;height:100%;overflow-y:auto;box-shadow:-4px 0 15px #0000004d}.panel-overlay{background:#0000004d;position:absolute;inset:0}.panel-footer{background:var(--bg-primary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.footer-stats{color:var(--fg-secondary);align-items:center;gap:1rem;font-size:.8rem;display:flex}.stat-item{align-items:center;gap:.25rem;display:flex}.stat-divider{color:var(--border)}.footer-actions{gap:.5rem;display:flex}.footer-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--fg-primary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.footer-btn:hover{background:var(--bg-hover)}.result-info{background:var(--bg-primary);border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem}.output-sections{flex-direction:column;gap:1rem;display:flex}.output-section{flex-direction:column;gap:.75rem;display:flex}.output-section .section-header{align-items:center;gap:.75rem;display:flex}.section-icon{flex-shrink:0;font-size:1.25rem}.section-title{flex-direction:column;display:flex}.section-title h4{color:var(--fg-primary);margin:0;font-size:1rem}.section-tag{color:var(--fg-tertiary);background:var(--bg-tertiary);border-radius:.25rem;width:-moz-fit-content;width:fit-content;margin-top:.25rem;padding:.1rem .5rem;font-size:.75rem}.vocal-icon{color:#ef4444}.instrumental-icon{color:#22c55e}.full-icon{color:#f59e0b}.midi-icon{color:#3b82f6}.output-actions{background:var(--bg-primary);border-radius:.5rem;flex-wrap:wrap;gap:.75rem;padding:1rem;display:flex}.output-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.output-btn:disabled{opacity:.5;cursor:not-allowed}.output-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.output-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.output-btn-secondary{background:var(--bg-tertiary);color:var(--fg-primary)}.output-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.result-footer{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.share-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--fg-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;transition:all .2s;display:flex}.share-btn:hover:not(:disabled){background:var(--bg-hover)}.share-btn:disabled{opacity:.5;cursor:not-allowed}.process-meta-info{align-items:center;gap:8px;margin-top:8px;display:flex}.status-provider{background:var(--bg-tertiary);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.status-bar .status-provider{margin-left:auto}.provider-icon{width:14px;height:14px;color:var(--fg-secondary);display:flex}.provider-icon.provider-gpu{color:var(--accent)}.uvr-device-toggle{background:#ffffff05;border:1px solid #ffffff0d;border-radius:2rem;align-items:center;gap:.15rem;margin-left:.25rem;padding:2px;display:flex}.device-toggle-btn{color:var(--fg-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.device-toggle-btn svg{width:10px;height:10px;color:var(--fg-tertiary)}.device-toggle-btn:hover:not(.active){color:var(--fg-primary);background:#ffffff08}.device-toggle-btn.active{color:var(--accent);background:#8b5cf626;border-color:#8b5cf640}.device-toggle-btn.active svg{color:var(--accent)}@media(max-width:600px){.panel-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.header-left{justify-content:space-between;width:100%}.header-actions{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.5rem;width:100%;overflow-x:auto}.header-actions::-webkit-scrollbar{display:none}}.jam-panel{flex-direction:column;height:100%;min-height:0;animation:.25s fadeIn;display:flex;overflow:hidden}.jam-connect{flex-direction:column;justify-content:center;align-self:center;gap:14px;max-width:400px;height:100%;margin:auto;padding:24px;display:flex}.jam-title{color:var(--text-primary);text-align:center;margin:0;font-size:1.2rem;font-weight:600}.jam-desc{color:var(--text-secondary,#8b949e);text-align:center;margin:0;font-size:.875rem;line-height:1.4}.jam-field{flex-direction:column;gap:6px;display:flex}.jam-label{color:var(--text-secondary,#8b949e);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:500}.jam-input{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.jam-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #58a6ff33,inset 0 2px 4px #0000001a}.jam-input-mono{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.jam-actions{gap:8px;display:flex}.jam-btn{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.jam-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.jam-btn:active{transform:translateY(0)}.jam-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.jam-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow,#58a6ff4d)}.jam-btn-primary:hover{box-shadow:0 4px 12px var(--accent-glow,#58a6ff66);background:#79b8ff;border-color:#79b8ff}.jam-btn-secondary{width:100%}.jam-btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.jam-btn-muted{background:var(--accent);border-color:var(--accent);color:#fff}.jam-btn-danger{border-color:var(--red,#f85149);color:var(--red,#f85149);background:#f851490d}.jam-btn-danger:hover{border-color:var(--red,#f85149);background:#f8514926}.jam-divider{align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.jam-divider:before,.jam-divider:after{content:"";border-radius:1px;flex:1;height:2px}.jam-divider:before{background:linear-gradient(90deg,var(--border) 0%,var(--border) 50%,var(--accent) 100%)}.jam-divider:after{background:linear-gradient(90deg,var(--accent) 0%,var(--border) 50%,var(--border) 100%)}.jam-divider span{color:var(--fg-tertiary,var(--text-secondary));white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.jam-error{color:var(--red,#f85149);background:#f851491a;border:1px solid #f8514940;border-radius:6px;margin:0;padding:8px 12px;font-size:.85rem}.jam-connecting{color:var(--text-secondary,#8b949e);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;font-size:.9rem;display:flex}.jam-active{flex-direction:column;gap:16px;display:flex}.jam-room-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.jam-room-info{align-items:center;gap:10px;display:flex}.jam-room-id-badge{color:var(--accent);background:#58a6ff1a;border:1px solid #58a6ff33;border-radius:4px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem}.jam-room-actions{align-items:center;gap:6px;display:flex}.jam-icon-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,box-shadow .2s,transform .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.jam-icon-btn:hover{transform:scale(1.08)}.jam-icon-btn:active{transform:scale(.95)}.jam-icon-btn-on{color:var(--accent,#58a6ff);background:#58a6ff1f;border:1px solid #58a6ff4d;box-shadow:0 0 #58a6ff00}.jam-icon-btn-on:hover{background:#58a6ff33;box-shadow:0 0 8px #58a6ff4d}.jam-icon-btn-off{color:var(--red,#f85149);background:#f851491f;border:1px solid #f8514959}.jam-icon-btn-off:hover{background:#f8514938;box-shadow:0 0 8px #f8514940}.jam-icon-btn-neutral{border:1px solid var(--border);color:var(--fg-secondary);background:#ffffff0f}.jam-icon-btn-neutral:hover{color:var(--fg-primary);border-color:var(--accent);background:#ffffff1f}.jam-icon-btn-danger{color:var(--red,#f85149);background:#f851491a;border:1px solid #f8514940}.jam-icon-btn-danger:hover{border-color:var(--red,#f85149);background:#f8514938;box-shadow:0 0 10px #f851494d}.jam-icon-btn svg{pointer-events:none;flex-shrink:0}.jam-status{color:var(--text-secondary,#8b949e);background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.jam-status-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.jam-status-dot-active{background:var(--green,#3fb950)}.jam-status-dot-active:after{content:"";background:var(--green,#3fb950);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite jam-pulse;display:block}.jam-muted-indicator{color:var(--red,#f85149);font-weight:500}@keyframes jam-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.jam-peer-list{flex-direction:column;gap:8px;display:flex}.jam-peer-empty{color:var(--text-secondary,#8b949e);text-align:center;margin:0;padding:24px;font-size:.875rem;font-style:italic}.jam-peer-heading{color:var(--text-primary);margin:0 0 4px;font-size:.85rem;font-weight:600}.jam-peer-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s;display:flex}.jam-peer-item.jam-peer-connected{border-color:#3fb95040}.jam-peer-item.jam-peer-connecting{border-color:#d2992240}.jam-peer-item.jam-peer-disconnected{opacity:.55}.jam-peer-item.jam-peer-failed{border-color:#f8514940}.jam-peer-info{align-items:center;gap:10px;display:flex}.jam-peer-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.jam-peer-dot-connected{background:var(--green,#3fb950)}.jam-peer-dot-connecting{background:#d29922;animation:1s ease-out infinite jam-pulse}.jam-peer-dot-disconnected{background:var(--text-secondary,#8b949e)}.jam-peer-dot-failed{background:var(--red,#f85149)}.jam-peer-name{color:var(--text-primary);font-size:.875rem}.jam-peer-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.jam-peer-state{color:var(--text-secondary,#8b949e);font-size:.78rem}.jam-peer-latency{color:var(--accent);background:#58a6ff1a;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.jam-video-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:300px;display:grid;overflow-y:auto}.jam-video-tile{aspect-ratio:4/3;background:var(--bg-primary,#0d1117);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.jam-video-feed{object-fit:cover;width:100%;height:100%;display:block}.jam-video-label{color:#fff;pointer-events:none;background:#0009;border-radius:3px;padding:2px 6px;font-size:.72rem;position:absolute;bottom:4px;left:4px}.jam-video-off{color:var(--text-secondary,#8b949e);background:var(--bg-primary,#0d1117);justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.jam-video-local .jam-video-feed{transform:scaleX(-1)}.jam-chat{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.jam-chat-messages{scroll-behavior:smooth;flex-direction:column;gap:6px;max-height:200px;padding:10px 12px;display:flex;overflow-y:auto}.jam-chat-msg{flex-wrap:wrap;align-items:baseline;gap:6px;padding:4px 0;font-size:.82rem;line-height:1.35;display:flex}.jam-chat-msg-own .jam-chat-author{color:var(--accent)}.jam-chat-author{color:var(--green,#3fb950);flex-shrink:0;font-weight:600}.jam-chat-text{color:var(--text-primary);word-break:break-word;flex:1}.jam-chat-time{color:var(--text-secondary,#8b949e);flex-shrink:0;margin-left:auto;font-size:.7rem}.jam-chat-input{border-top:1px solid var(--border);background:var(--bg-primary,#0d1117);gap:6px;padding:8px 10px;display:flex}.jam-chat-input .jam-input{background:var(--bg-tertiary);flex:1}.pitch-testing-tab{flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.pitch-testing-header{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pitch-testing-header h2{margin:0;font-size:1rem;font-weight:600}.pitch-testing-layout{flex-direction:row;flex:1;gap:0;min-height:0;display:flex}.pitch-testing-controls{border-right:1px solid var(--border);background:var(--bg-card);flex-shrink:0;width:240px;padding:12px;overflow-y:auto}.pitch-testing-controls .control-group{margin-bottom:10px}.pitch-testing-controls .control-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;display:block}.pitch-testing-controls select,.pitch-testing-controls input[type=number]{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;margin-bottom:2px;padding:6px 8px;font-size:.78rem}.pitch-testing-controls select:focus,.pitch-testing-controls input:focus{border-color:var(--accent);outline:none}.pitch-testing-controls .control-hint{color:var(--text-muted);font-size:.68rem;display:block}.pitch-testing-controls .file-input{border:1px dashed var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;margin-bottom:6px;padding:6px;font-size:.75rem}.pitch-testing-controls .file-info{color:var(--text-secondary);margin-top:2px;font-size:.7rem;display:block}.pitch-testing-controls .mic-controls,.pitch-testing-controls .file-controls,.pitch-testing-controls .generate-controls{background:var(--bg-secondary);border-radius:6px;margin-bottom:10px;padding:8px}.pitch-testing-controls .waveform-info{color:var(--text-secondary);margin-top:4px;font-size:.7rem;display:block}.mic-status{border-radius:10px;margin-top:4px;padding:3px 6px;font-size:.68rem;font-weight:500;display:inline-block}.mic-status.active{background:var(--green-dim);color:var(--green)}.pitch-testing-controls .mic-hint{color:var(--text-muted);margin-top:4px;font-size:.65rem;display:block}.pitch-testing-controls .btn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:6px;padding:8px 12px;font-size:.78rem;font-weight:500;transition:all .15s}.pitch-testing-controls .btn-sm{padding:5px 8px;font-size:.72rem}.pitch-testing-controls .btn-primary{background:var(--accent);color:#fff}.pitch-testing-controls .btn-primary:hover:not(:disabled){background:var(--accent)}.pitch-testing-controls .btn-primary:disabled{opacity:.5;cursor:not-allowed}.pitch-testing-controls .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.pitch-testing-controls .btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.pitch-testing-controls .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pitch-testing-controls .btn-test{background:linear-gradient(135deg,var(--accent),var(--accent-glow));color:#fff}.pitch-testing-controls .btn-test:hover:not(:disabled){opacity:.95;box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.pitch-testing-controls .btn-test:disabled{opacity:.5;cursor:not-allowed}.pitch-testing-controls .btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.pitch-testing-controls .btn-outline:hover{border-color:var(--accent);color:var(--accent)}.pitch-testing-controls .algorithm-header-row{justify-content:space-between;align-items:center;display:flex}.pitch-testing-controls .ensemble-toggle-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.68rem;display:flex}.pitch-testing-controls .ensemble-toggle-label input[type=checkbox]{accent-color:var(--accent);width:12px;height:12px;margin:0}.pitch-testing-controls .ensemble-toggle-text{text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.pitch-testing-controls .ensemble-pills{flex-wrap:wrap;gap:6px;display:flex}.pitch-testing-controls .ensemble-pill{border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:.7rem;transition:all .15s}.pitch-testing-controls .ensemble-pill:hover:not(:disabled){border-color:var(--accent-glow);color:var(--text-primary)}.pitch-testing-controls .ensemble-pill.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.pitch-testing-controls .ensemble-pill:disabled{opacity:.5;cursor:not-allowed}.pitch-testing-visualization .ensemble-vote-bar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ensemble-vote-chip{border:1px solid var(--border-subtle);background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;display:flex}.ensemble-vote-chip.detected{border-color:var(--green-dim);background:#3fb95014}.ensemble-vote-chip.no-detect{border-color:var(--red-dim);background:#f851490f}.ensemble-vote-chip .vote-chip-algo{color:var(--text-muted);text-transform:uppercase;font-size:.6rem;font-weight:500}.ensemble-vote-chip .vote-chip-note{color:var(--text-primary);font-weight:600}.ensemble-vote-chip.detected .vote-chip-note{color:var(--green-bright)}.ensemble-vote-chip.no-detect .vote-chip-note{color:var(--text-muted)}.pitch-testing-visualization{background:var(--bg-secondary);flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.pitch-testing-visualization .detection-panel,.pitch-testing-visualization .results-panel,.pitch-testing-visualization .info-panel{margin-bottom:14px}.pitch-testing-visualization h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.78rem}.pitch-testing-visualization h4{color:var(--text-muted);margin:0 0 6px;font-size:.75rem}.pitch-testing-visualization .metrics-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-bottom:12px;display:grid}.pitch-testing-visualization .metric-item{background:var(--bg-tertiary);border-radius:6px;padding:6px 8px}.pitch-testing-visualization .metric-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.62rem;display:block}.pitch-testing-visualization .metric-value{color:var(--text-primary);font-size:.78rem;font-weight:600}.pitch-testing-visualization .metric-row{border-radius:4px;justify-content:space-between;padding:4px 8px;font-size:.78rem;display:flex}.pitch-testing-visualization .metric-row.passed{color:var(--green)}.pitch-testing-visualization .metric-row.failed{color:var(--red)}.pitch-testing-visualization .metric-row.result{background:var(--bg-tertiary)}.pitch-testing-visualization .waveform-display{margin-bottom:12px}.pitch-testing-visualization .waveform-display-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pitch-testing-visualization .waveform-display-header h4{margin:0}.pitch-testing-visualization .zoom-controls{align-items:center;gap:6px;display:flex}.pitch-testing-visualization .zoom-btn{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;line-height:1;display:flex}.pitch-testing-visualization .zoom-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.pitch-testing-visualization .zoom-btn:disabled{opacity:.35;cursor:default}.pitch-testing-visualization .zoom-value{color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:12px}.pitch-testing-visualization .waveform-canvas{background:var(--bg-tertiary);border-radius:6px;flex-direction:column;height:280px;display:flex;position:relative}.pitch-testing-visualization .waveform-canvas-inner{border-radius:6px 6px 0 0;flex:1;min-height:0;overflow:hidden}.pitch-testing-visualization .waveform-canvas canvas{width:100%;height:100%;display:block}.pitch-testing-visualization .resize-handle{background:var(--bg-tertiary);cursor:ns-resize;border-top:1px solid var(--border-primary);border-radius:0 0 6px 6px;flex-shrink:0;justify-content:center;align-items:center;height:6px;transition:background .15s;display:flex}.pitch-testing-visualization .resize-handle:hover{background:var(--bg-secondary);border-top-color:var(--text-secondary)}.pitch-testing-visualization .resize-grip{align-items:center;gap:3px;display:flex}.pitch-testing-visualization .grip-dash{background:var(--border-primary);border-radius:1px;width:20px;height:2px;transition:background .15s}.pitch-testing-visualization .resize-handle:hover .grip-dash{background:var(--text-secondary)}.pitch-testing-visualization .info-panel{background:var(--bg-tertiary);border-radius:6px;padding:8px 10px}.pitch-testing-visualization .info-panel h3{color:var(--text-primary);text-transform:none;margin:0 0 4px;font-size:.78rem}.pitch-testing-visualization .info-panel p{color:var(--text-muted);margin:0 0 8px;font-size:.7rem}.pitch-testing-visualization .last-result{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.pitch-testing-visualization .result-details div{color:var(--text-secondary);margin-bottom:2px;font-size:.7rem}.pitch-testing-visualization .error-list{margin-top:6px}.pitch-testing-visualization .error-list p{color:var(--text-muted);margin-bottom:6px;font-size:.7rem}.pitch-testing-visualization .error-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;display:grid}.pitch-testing-visualization .error-item{background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;padding:3px 6px;font-size:.7rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:1.5rem;line-height:1}.close-btn:hover{color:var(--text-primary)}.pitch-testing-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;margin:4px 0}.pitch-testing-controls input[type=range]::-moz-range-track{background:var(--bg-tertiary);border:none;border-radius:3px;height:6px}.pitch-testing-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #0000004d}.pitch-testing-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.pitch-testing-controls input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.pitch-testing-controls input[type=range]:disabled{opacity:.4;cursor:not-allowed}.pitch-testing-controls input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.pitch-testing-controls input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.slider-value-badge{font-variant-numeric:tabular-nums;background:var(--accent);color:#fff;vertical-align:middle;border-radius:8px;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-block}.slider-range-labels{color:var(--text-muted);justify-content:space-between;margin-top:-2px;font-size:.6rem;display:flex}.pitch-testing-controls .freq-slider{margin-top:6px}.test-running-hint{color:var(--accent);margin:0 0 10px;font-size:.72rem;font-style:italic}.test-description{color:var(--text-muted);margin:0 0 10px;font-size:.68rem;line-height:1.4}.test-summary-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.test-summary-item{background:var(--bg-tertiary);border-radius:6px;flex-direction:column;align-items:center;min-width:56px;padding:6px 14px;display:flex}.test-summary-item.passed{background:var(--green-dim)}.test-summary-item.failed{background:var(--red-dim)}.test-summary-item.rate{background:var(--bg-tertiary);border:1px solid var(--border)}.test-summary-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:1px;font-size:.6rem}.test-summary-value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:.9rem;font-weight:700}.test-summary-item.passed .test-summary-value{color:var(--green)}.test-summary-item.failed .test-summary-value{color:var(--red)}.test-table-scroll{border:1px solid var(--border);border-radius:6px;max-height:360px;overflow-y:auto}.test-results-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.72rem}.test-results-table thead{z-index:1;position:sticky;top:0}.test-results-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:7px 10px;font-size:.65rem}.test-results-table th:first-child{width:13%}.test-results-table th:nth-child(2){width:19%}.test-results-table th:nth-child(3){text-align:right;width:19%}.test-results-table th:nth-child(4){text-align:right;width:15%}.test-results-table th:nth-child(5){text-align:center;width:14%}.test-results-table td{border-bottom:1px solid var(--border-subtle);padding:6px 10px}.test-results-table tbody tr:last-child td{border-bottom:none}.test-results-table .row-pass{background:0 0}.test-results-table .row-fail{background:#f851490f}.test-note-name{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:600}.test-note-freq{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.test-note-result{text-align:right;font-variant-numeric:tabular-nums}.test-note-error{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.test-note-status{text-align:center}.result-badge{font-variant-numeric:tabular-nums;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.result-badge.pass{background:var(--green-dim);color:var(--green)}.result-badge.fail{background:var(--red-dim);color:var(--red)}.preset-buttons{gap:6px;margin-bottom:6px;display:flex}.btn-preset{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:.68rem;transition:all .15s}.btn-preset.active{background:var(--accent-dim,#007aff26);border-color:var(--accent,#007aff);color:var(--accent,#007aff);font-weight:600}.btn-preset:hover:not(:disabled){border-color:var(--text-muted)}.btn-preset:disabled{opacity:.5;cursor:not-allowed}.icon-svg{vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:inline-block}.item-type-icon .icon-svg{width:15px;height:15px}.pitch-algorithm-tester{flex-direction:column;height:100%;min-height:0;display:flex}.tester-header{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;align-items:center;padding:12px 20px;display:flex}.tester-header h2{margin:0 auto 0 0;font-size:1rem;font-weight:600}.tester-layout{flex:1;grid-template-columns:260px 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.tester-layout.busy .tester-results{opacity:.45}.tester-controls{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:8px;padding:16px;display:flex;overflow-y:auto}.tester-controls .section{margin-bottom:4px}.tester-controls .section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:.7rem}.tester-results{flex:1;padding:16px 20px;overflow-y:auto}.algorithm-list{flex-direction:column;gap:4px;display:flex}.algorithm-item{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.algorithm-item:hover{border-color:var(--accent);background:var(--bg-tertiary)}.algorithm-item.selected{border-color:var(--accent);background:var(--accent-dim)}.algorithm-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.algo-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.algo-name{color:var(--text-primary);font-size:.78rem;font-weight:500}.algo-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-pill-list{flex-wrap:wrap;gap:6px;display:flex}.sample-pill{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.72rem;transition:all .15s}.sample-pill:hover{border-color:var(--accent);background:var(--bg-tertiary)}.sample-pill.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.tester-buttons{gap:8px;margin-top:4px;display:flex}.tester-play-btn{background:linear-gradient(135deg,var(--accent),var(--accent-glow));color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 12px;font-size:.82rem;font-weight:600;transition:transform .1s,box-shadow .1s}.run-all-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 12px;font-size:.78rem;font-weight:500;transition:all .15s}.run-all-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tester-play-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.tester-play-btn:active:not(:disabled){transform:translateY(1px)}.tester-play-btn:disabled,.run-all-btn:disabled{opacity:.4;cursor:not-allowed}.progress-container{background:var(--bg-secondary);border-radius:6px;margin-top:4px;padding:8px 10px}.progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-glow));height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.68rem;display:block}.crash-copy-btn.error{border-color:var(--red);color:var(--red);background:rgba(var(--red-rgb),.1)}.crash-copy-btn.error:hover{background:rgba(var(--red-rgb),.15)}.results-section{margin-top:20px}.results-section h3{margin-bottom:12px;font-size:.9rem;font-weight:600}.sample-section{border-bottom:2px solid var(--border);margin-bottom:20px;padding-bottom:16px}.sample-section:last-child{border-bottom:none;margin-bottom:0}.sample-section-header{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:.78rem;font-weight:600}.overall-score{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;margin-bottom:16px;display:grid}.result-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.result-card-left{flex-direction:column;gap:3px;min-width:0;display:flex}.result-algo-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.result-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.result-score{font-size:1.15rem;font-weight:700;line-height:1}.score-max{opacity:.6;font-size:.65rem;font-weight:400}.result-time{color:var(--text-muted);font-size:.65rem}.result-offset{font-size:.7rem;font-weight:600}.result-offset.good{color:var(--green)}.result-offset.bad{color:var(--red)}.perf-badge{text-transform:uppercase;border-radius:10px;padding:4px 10px;font-size:.7rem;font-weight:600}.perf-badge.fast{background:var(--green-dim);color:var(--green)}.perf-badge.slow{background:var(--yellow-dim);color:var(--yellow)}.perf-badge.timeout{background:var(--red-dim);color:var(--red)}.perf-time{color:var(--text-muted);font-size:.8rem}.results-legend{background:var(--bg-secondary);color:var(--text-muted);border-radius:6px;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:8px 12px;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-dot.good{background:var(--green)}.legend-dot.ok{background:var(--yellow)}.legend-dot.bad{background:var(--red)}.legend-dot.miss{background:var(--text-muted)}.detailed-results{border-top:1px solid var(--border);margin-top:0;padding-top:10px}.note-row{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:5px 0;font-size:.8rem;display:grid}.note-row.note-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg-primary);z-index:1;padding:6px 0;font-size:.7rem;font-weight:600;position:sticky;top:0}.note-row:last-child{border-bottom:none}.note-name{color:var(--text-primary);font-weight:500}.note-freq{color:var(--text-muted);font-size:.72rem}.note-offset-hdr{text-align:center;font-weight:600}.note-offset{text-align:center;font-variant-numeric:tabular-nums;border-radius:3px;padding:2px 4px;font-size:.75rem;font-weight:500}.note-offset.good{color:var(--green)}.note-offset.ok{color:var(--yellow)}.note-offset.bad{color:var(--red)}.note-offset.miss{color:var(--text-muted)}#pitch-reference{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;flex-shrink:0;padding:10px}#pitch-reference h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.68rem}#detected-note{color:var(--accent);font-size:1.8rem;font-weight:700;line-height:1.1}#detected-freq{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem}#cents-display{margin-top:4px}#cents-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;margin-bottom:6px;position:relative;overflow:visible}.cents-center{background:var(--border);z-index:1;width:2px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%)}#cents-marker{background:var(--text-muted);z-index:2;border-radius:50%;width:10px;height:10px;transition:left .1s linear,background-color .2s;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 4px #00000080}#cents-marker.in-tune{background:var(--green);box-shadow:0 0 8px var(--green)}#cents-marker.sharp{background:var(--yellow)}#cents-marker.flat{background:var(--blue)}.cents-labels{color:var(--text-muted);justify-content:space-between;font-size:.6rem;font-weight:600;display:flex}.fancy-divider{background:linear-gradient(90deg,var(--border) 0%,var(--accent) 50%,var(--border) 100%);opacity:.7;border-radius:1px;flex-shrink:0;align-items:center;height:2px;min-height:2px;margin:16px 0 8px;display:flex}.changelog-version{margin-bottom:24px}.changelog-version:last-child{margin-bottom:0}.changelog-version-header{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.changelog-version-tag{color:var(--text-primary);font-size:1rem;font-weight:700}.changelog-date{color:var(--text-muted);font-size:.8rem}.changelog-section{flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.changelog-section:last-child{margin-bottom:0}.changelog-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.badge-added{color:#2ea043;background:#2ea04326}.badge-changed{color:#388bfd;background:#388bfd26}.badge-fixed{color:#d4a72c;background:#d4a72c26}.changelog-entries{text-align:left;width:100%;margin:0;padding-left:14px;list-style:outside}.changelog-entry{color:var(--text-secondary);margin-bottom:2px;font-size:.82rem;line-height:1.45}.changelog-code{background:var(--accent-dim);color:var(--accent);letter-spacing:.01em;border:1px solid #58a6ff1f;border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.76em}.crash-stacktrace-wrapper{background:#0003;border-radius:8px;max-height:180px;padding:12px;overflow-y:auto}.crash-stacktrace-header{align-items:flex-start;gap:12px;display:flex;position:relative}.crash-stacktrace-content{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;flex:1;min-width:0;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5}.crash-copy-text{flex-shrink:0}select option.custom-scale-option{color:#38bdf8e6}.crash-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0fd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crash-modal-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14182099;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:540px;padding:40px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0d}.crash-modal-glass:before{content:"";background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.crash-header{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.crash-icon-container{width:64px;height:64px;color:var(--red);background:#f8514926;border:1px solid #f851494d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;animation:2s ease-in-out infinite crash-pulse;display:flex;box-shadow:0 0 20px #f8514933}.crash-svg-icon{width:32px;height:32px}.crash-header-text{text-align:left}.crash-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:700}.crash-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.crash-error-panel{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;overflow:hidden}.crash-error-message-box{background:#f851490d;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px;display:flex}.crash-error-bullet{width:16px;height:16px;color:var(--red);flex-shrink:0}.crash-error-message{color:var(--red);word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:500}.crash-stacktrace-wrapper{max-height:180px;padding:16px;overflow-y:auto}.crash-stacktrace-content{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6}.crash-metadata{gap:12px;margin-bottom:32px;display:flex}.crash-meta-badge{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:stretch;font-size:11px;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #0003}.crash-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border-right:1px solid #ffffff0d;align-items:center;padding:6px 10px;font-weight:600;line-height:1;display:flex}.crash-meta-value{color:var(--text-primary);align-items:center;padding:6px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:500;line-height:1;display:flex}.crash-actions-container{flex-direction:column;gap:16px;display:flex}.crash-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.crash-btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #58a6ff33}.crash-btn-primary:hover{background:#79c0ff;transform:translateY(-2px);box-shadow:0 6px 16px #58a6ff4d}.crash-btn-primary:active{transform:translateY(0)}.crash-secondary-actions{justify-content:center;align-items:center;gap:12px;display:flex}.crash-action-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.crash-action-link:hover{color:var(--text-primary)}.crash-danger-link:hover{color:var(--red)}.crash-action-divider{color:var(--border);font-size:12px}[data-theme=light] .crash-modal-glass{background:#fffffff2;border-color:#0000001a;box-shadow:0 24px 64px #00000026}[data-theme=light] .crash-title{color:var(--text-primary)}[data-theme=light] .crash-error-panel{background:#00000008;border-color:#0000000d}[data-theme=light] .crash-meta-badge{background:#00000005;border-color:#0000001a}[data-theme=light] .crash-meta-label{background:#0000000d;border-right-color:#0000000d}.main-layout{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar-close-btn{color:var(--text-primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-self:flex-end;padding:4px;transition:opacity .15s;display:none}.sidebar-close-btn:hover{opacity:1}.sidebar-collapse-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;opacity:.6;border-radius:4px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;padding:4px;transition:opacity .15s;display:flex}.sidebar-collapse-btn:hover{opacity:1}.sidebar-section{flex-direction:column;gap:6px;display:flex}.sidebar-vis-grid{grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px 4px 0;display:grid}.vis-grid-cell{background:var(--bg-tertiary);border:1px solid #ffffff05;border-radius:8px;justify-content:space-between;align-items:center;min-height:28px;padding:4px 10px;display:flex}.vis-grid-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.sidebar-section.sidebar-notes-bottom{border-top:1px solid var(--border);flex-direction:column;margin-top:auto;padding-top:10px;display:flex}.session-editor{border-top:1px solid var(--border);background:var(--bg-secondary)}.session-editor-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.session-editor-title{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.toggle-btn{cursor:pointer;width:24px;height:24px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.toggle-icon{transition:transform .2s}.toggle-icon.expanded{transform:rotate(0)}.toggle-icon.collapsed{transform:rotate(-90deg)}.session-editor-content{padding:12px;animation:.2s slideDown}.melody-library-section{margin-bottom:16px}.editor-view-toggle{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:8px 12px;display:flex}.view-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.view-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.view-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.melody-pill-list{border:1px solid var(--border);border-radius:6px;overflow:hidden}.pill-list-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.clear-selection-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.clear-selection-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.pill-list-items{max-height:300px;overflow-y:auto}.pill-list-items::-webkit-scrollbar{width:6px}.pill-list-items::-webkit-scrollbar-track{background:var(--bg-secondary)}.pill-list-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pill-list-items::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.melody-pill{cursor:grab;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.melody-pill:last-child{border-bottom:none}.melody-pill:hover{background:var(--bg-secondary)}.melody-pill.selected{background:var(--accent-dim);border-color:var(--accent)}.pill-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.pill-bpm{color:var(--text-secondary);background:var(--bg-tertiary);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.item-count{color:var(--text-secondary);font-size:13px}.panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.preset-label{color:var(--text-secondary);font-size:.78rem}.octave-ctrl{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;align-items:center;gap:2px;padding:2px 3px;display:flex}.octave-value{text-align:center;min-width:16px;color:var(--accent);padding:0 2px;font-size:.82rem;font-weight:700}.note-item{background:var(--bg-tertiary);cursor:default;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:all .12s;display:flex}.note-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .12s}.note-item.band-perfect{border-color:var(--green);background:#3fb95033;box-shadow:0 0 6px #3fb95066}.note-item.band-excellent{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.note-item.band-good{background:#2dd4bf33;border-color:#2dd4bf;box-shadow:0 0 6px #2dd4bf66}.note-item.band-okay{background:#d2992233;border-color:#d29922;box-shadow:0 0 6px #d2992266}.note-item.band-off{background:#f8514933;border-color:#f85149;box-shadow:0 0 6px #f8514966}.note-item.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.note-item.active .note-dot{background:var(--accent)}.note-item.hit{border-color:var(--green);box-shadow:0 0 12px var(--green-glow)}.note-item.hit .note-dot{background:var(--green)}.note-accuracy-pct{color:var(--text-primary);text-align:right;background:#ffffff1f;border-radius:4px;min-width:28px;margin-left:6px;padding:1px 5px;font-size:.75rem;font-weight:700}.stat-row{align-items:center;gap:6px;display:flex}.stat-bar-bg{background:var(--bg-tertiary);border-radius:3px;flex:1;height:5px;overflow:hidden}.stat-bar{border-radius:3px;width:0%;height:100%;transition:width .3s}.stat-row[data-band="100"] .stat-bar{background:var(--green)}.stat-row[data-band="90"] .stat-bar{background:var(--accent)}.stat-row[data-band="75"] .stat-bar{background:var(--teal)}.stat-row[data-band="50"] .stat-bar{background:var(--yellow)}.stat-row[data-band="0"] .stat-bar{background:var(--red)}.stat-count{text-align:right;min-width:16px;color:var(--text-secondary);font-size:.72rem;font-weight:600}.mic-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;line-height:1;transition:all .12s;display:flex}.mic-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim)}.mic-btn:active:not(:disabled){transform:scale(.97)}.record-text.recording{letter-spacing:1px;text-transform:uppercase;font-weight:700}.record-text{text-transform:uppercase;letter-spacing:.5px;margin-left:6px;font-size:14px;font-weight:700}.ctrl-btn.accent{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.ctrl-btn.accent:hover{background:var(--accent);color:#fff}.ctrl-btn.metronome-btn{position:relative}.ctrl-btn.metronome-btn.active{border-color:var(--yellow);color:var(--yellow);background:#d299221a}.ctrl-btn.wave-btn.active{color:#d485f5;background:#d485f526;border-color:#d485f5}.ctrl-sep{background:var(--border);flex-shrink:0;width:1px;height:22px;margin:0 4px}.mode-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:.78rem;transition:all .15s}.mode-btn:hover{border-color:var(--accent);color:var(--text-primary)}.mode-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.practice-mode-badge{color:var(--accent);align-items:center;gap:6px;font-size:.75rem;display:flex}.practice-mode-badge .mode-label{color:var(--text-secondary)}.practice-mode-badge .mode-value{text-align:left;min-width:60px;font-weight:600}.save-melody-group{align-items:center;gap:6px;display:flex}.save-melody-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.save-melody-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.save-melody-btn:active:not(:disabled){transform:translateY(1px)}.save-melody-btn:disabled{opacity:.4;cursor:not-allowed}.save-melody-btn.with-label span{font-size:.78rem}#practice-options .opt-label{color:var(--text-secondary);white-space:nowrap;font-size:.78rem}.tempo-group .opt-label{color:var(--text-secondary);font-size:.78rem}.sens-number-input{text-align:center;border:1px solid var(--border);background:var(--bg-secondary);width:50px;color:var(--text-primary);-moz-appearance:textfield;border-radius:4px;outline:none;width:38px;padding:2px 4px;font-size:.8rem}.sens-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sens-number-input:focus{border-color:var(--accent)}.sensitivity-group .opt-label{color:var(--text-secondary);font-size:.78rem}.inline-control.sensitivity-group .sensitivity-slider{width:80px}.theme-toggle-btn{border-radius:6px;padding:6px 10px;transition:all .2s}.theme-toggle-btn.dark{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.theme-toggle-btn.dark:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.theme-toggle-btn.light{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.theme-toggle-btn.light:hover{background:var(--accent);color:#fff}.roll-snap-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:all .15s}.roll-snap-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.roll-snap-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.speed-group .opt-label{color:var(--text-secondary);font-size:.78rem}.preset-group{align-items:center;gap:6px;display:flex}.preset-group .opt-label{color:var(--text-secondary);font-size:.78rem}.preset-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.78rem}.preset-select:hover{border-color:var(--accent)}.preset-select option{color:var(--text-primary);background:#161b22}.volume-group .opt-label{color:var(--text-secondary);font-size:.78rem}.cycles-group{align-items:center;gap:6px;display:flex}.repeat-cycles-input{background:var(--bg-secondary);width:52px;color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:.8rem}.countin-badge{background:var(--accent-dim);border:1.5px solid var(--accent);width:32px;height:32px;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;margin:0 4px;font-size:.95rem;font-weight:700;line-height:1;animation:.25s ease-out countin-pulse;display:inline-flex;box-shadow:0 0 #0000}.overlay-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .12s;display:flex;position:absolute;top:12px;right:14px}.overlay-close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.score-stat{text-align:center}.score-stat-value{font-size:1.4rem;font-weight:700}.score-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.score-stat-perfect .score-stat-value{color:var(--green)}.score-stat-excellent .score-stat-value{color:var(--accent)}.score-stat-good .score-stat-value{color:var(--teal)}.score-stat-okay .score-stat-value{color:var(--yellow)}.score-stat-off .score-stat-value{color:var(--red)}.overlay-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.85rem;transition:all .15s}.overlay-btn:hover{border-color:var(--text-secondary)}.overlay-btn.primary{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.history-title{color:var(--text-muted);text-align:center;margin-bottom:10px;font-size:.75rem}.history-chart{justify-content:center;align-items:flex-end;gap:4px;height:60px;display:flex}.history-bar{background:var(--accent);border-radius:3px 3px 0 0;width:16px;min-height:4px;transition:height .3s}.history-bar:first-child{background:var(--green)}.overlay-btn.primary:hover{background:var(--accent);color:#fff}.roll-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 2px;font-size:.65rem}.roll-scroll-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;transition:all .12s;display:flex}.roll-scroll-btn:hover{border-color:var(--accent);color:var(--text-primary)}.roll-scroll-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.roll-clipboard-group{align-items:center;gap:4px;display:flex}.roll-clipboard-group .roll-ctrl-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.roll-clipboard-group .roll-ctrl-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.roll-preset-group{align-items:center;gap:6px;display:flex}.roll-preset-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:5px;outline:none;max-width:140px;padding:4px 8px;font-size:.72rem}.roll-preset-select:focus{border-color:var(--accent)}.roll-preset-name{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:5px;outline:none;width:120px;padding:4px 8px;font-size:.72rem}.roll-preset-name:focus{border-color:var(--accent)}.roll-new-btn{border:1px solid var(--green);background:var(--green-dim);color:var(--green);cursor:pointer;border-radius:5px;min-width:30px;padding:5px 10px;font-size:.85rem;font-weight:700;transition:all .12s}.roll-new-btn:hover{background:var(--green);color:#fff}.roll-save-btn{border:1px solid var(--border);background:var(--accent-dim);color:var(--accent);cursor:pointer;border-radius:5px;padding:5px 10px;font-size:.72rem;transition:all .12s}.roll-save-btn:hover{background:var(--accent);color:#fff}.roll-play-group{gap:4px;display:flex}.roll-play-btn{border:1px solid var(--green);background:var(--green-dim);color:var(--green);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:5px 12px;font-size:.72rem;transition:all .12s;display:flex}.roll-play-btn:hover{background:var(--green);color:#fff}.roll-reset-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;transition:all .12s;display:flex}.roll-reset-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.roll-reset-btn:disabled{opacity:.35;cursor:not-allowed}.roll-main-area{flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.roll-grid-wrapper{flex-direction:column;flex:0 auto;min-height:0;display:flex;position:relative;overflow:hidden}.roll-grid-body{grid-template-columns:var(--piano-width,62px) 1fr;flex:0 auto;min-height:0;display:grid;overflow:hidden auto}.roll-ruler-container{height:var(--ruler-height,28px);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;overflow:hidden}.roll-piano{background:var(--bg-secondary);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:1;grid-area:1/1;align-self:start;position:sticky;left:0}.roll-ruler{display:block;position:absolute;top:0;left:0}.roll-grid{display:block}.roll-status{background:var(--bg-secondary);border-top:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;padding:6px 14px;font-size:.7rem;display:flex}.roll-pitch-track-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;padding:5px 10px;font-size:.7rem;transition:all .12s}.roll-pitch-track-btn:hover{border-color:var(--accent);color:var(--text-primary)}.roll-pitch-track-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.roll-pitch-track{border-top:1px solid var(--border);background:#0d1117;width:100%;height:80px;display:block}.settings-content{max-width:600px;margin:0 auto}.settings-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:16px;font-size:1.2rem}.settings-section{margin-bottom:30px}.settings-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);margin:0;padding-bottom:12px;font-size:.9rem;font-weight:600}.settings-divider{background:linear-gradient(90deg,var(--border) 0%,var(--border) 60%,var(--accent) 60%,var(--accent) 100%);border-radius:2px;width:100%;height:4px;margin:16px 0}.settings-desc{color:var(--text-muted);margin:-8px 0 12px;font-size:.8rem}.keymap-table{flex-direction:column;gap:10px;margin-top:12px;display:flex}.keymap-row{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.keymap-action{flex:1}.keymap-row kbd{background:var(--bg-secondary);border:1px solid var(--border);min-width:28px;height:24px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-size:.72rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000d}.keymap-row kbd.ctrl-kbd{background:var(--bg-tertiary);color:var(--text-muted);font-size:.68rem}.keymap-row kbd+kbd{margin-left:4px}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.keymap-table{border:1px solid var(--border);border-radius:8px;margin-top:8px;overflow:hidden}.keymap-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 14px;display:flex}.keymap-row:last-child{border-bottom:none}.keymap-row.keymap-header{background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 14px;font-size:.72rem;font-weight:600}.keymap-row kbd{background:var(--bg-secondary);border:1px solid var(--border);min-width:52px;color:var(--text-primary);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-family:monospace;font-size:.75rem;display:inline-flex;box-shadow:0 1px 2px #00000026}.keymap-row span:last-child{color:var(--text-secondary);font-size:.82rem}.settings-row{flex-wrap:wrap;align-items:center;gap:12px;max-width:500px;margin-bottom:12px;display:flex}.settings-row label{width:auto;min-width:160px;color:var(--text-primary);cursor:default;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.settings-row input[type=range]{min-width:120px;max-width:200px;accent-color:var(--accent);flex:1}.settings-row select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;min-width:200px;max-width:280px;padding:8px 12px;font-size:.85rem}.settings-val{text-align:left;min-width:40px;color:var(--accent);font-size:.85rem}.settings-row small{width:100%;color:var(--text-muted);margin-top:2px;font-size:.72rem}.settings-row input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border);width:60px;color:var(--text-primary);text-align:center;border-radius:4px;outline:none;padding:6px 8px;font-size:.85rem;transition:border-color .2s}.settings-row input[type=number]:focus{border-color:var(--accent)}.settings-row input[type=number]::-webkit-outer-spin-button{opacity:.7;filter:invert(65%)sepia(44%)saturate(711%)hue-rotate(179deg)brightness(96%)contrast(95%);cursor:pointer}.settings-info{background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;padding:12px;font-size:.85rem;display:grid}.settings-info span{color:var(--accent);font-weight:700}.settings-danger-zone{background:#ff3b3005;border:1px solid #ff3b304d;border-radius:8px;padding:16px}.danger-divider{background:linear-gradient(90deg,var(--border) 0%,var(--border) 60%,#ff3b3099 60%,#ff3b3099 100%)}.danger-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.danger-content{flex:1}.danger-label{color:#ff3b30;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.danger-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4;display:block}.danger-btn{color:#ff3b30;cursor:pointer;white-space:nowrap;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.danger-btn:hover{background:#ff3b3033;border-color:#ff3b3080}.danger-confirm-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.danger-confirm-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 40px #0000004d}.danger-confirm-title{color:var(--text-primary);margin:0 0 12px;font-size:1rem;font-weight:600}.danger-confirm-text{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.5}.danger-confirm-actions{justify-content:flex-end;gap:12px;display:flex}.danger-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.danger-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.danger-btn-primary{color:#fff;cursor:pointer;background:#ff3b30;border:1px solid #ff3b30;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.danger-btn-primary:hover{background:#e62e24;border-color:#e62e24}.about-content{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 16px 16px;display:flex}.about-logo{color:var(--accent);margin-bottom:4px}.about-name{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.about-version{color:var(--text-muted);margin:0;font-size:.8rem}.about-desc{color:var(--text-secondary);max-width:340px;margin:0;font-size:.85rem;line-height:1.5}.about-features{flex-wrap:wrap;justify-content:center;gap:10px;font-size:.8rem;display:flex}.feature-pill{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.feature-pill svg{flex-shrink:0}.feature-pill:hover{background:var(--bg-card);border-color:var(--accent-glow);color:var(--text-primary);transform:translateY(-1px)}.pill-detection svg{color:var(--accent)}.pill-editor svg{color:var(--purple)}.pill-progress svg{color:var(--green)}.pill-midi svg{color:var(--orange)}.pill-adsr svg{color:var(--teal)}.pill-reverb svg{color:var(--yellow)}.about-credits{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.about-links{justify-content:center;margin-top:12px;display:flex}.about-link{color:var(--accent);border:1px solid var(--accent);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.about-link:hover{background:var(--accent);color:#fff}.whats-new-btn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:.8rem;transition:background .2s,box-shadow .2s;display:inline-flex}.whats-new-btn:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 8px #6366f14d}.whats-new-btn:active{transform:scale(.97)}.scale-builder .scale-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.scale-notes-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px;display:grid}.scale-note-btn.white-key{background:var(--bg-tertiary)}.scale-note-btn.black-key{background:var(--bg-secondary);color:var(--text-secondary)}.scale-note-btn.black-key.active{background:var(--accent-dim);color:var(--accent)}.scale-quick-actions{gap:8px;margin-bottom:16px;display:flex}.scale-quick-actions button{padding:6px 12px;font-size:.8rem}.scale-preview{background:var(--bg-secondary);border-radius:6px;margin-bottom:16px;padding:12px}.scale-preview h4{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.scale-preview-notes{flex-wrap:wrap;gap:6px;display:flex}.preview-note{background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:4px 10px;font-size:.85rem}.no-notes{color:var(--text-muted);font-size:.85rem;font-style:italic}.scale-name-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.scale-name-row label{color:var(--text-secondary);font-size:.85rem}.scale-name-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;flex:1;padding:8px 12px;font-size:.85rem}.saved-scales{border-top:1px solid var(--border);padding-top:16px}.saved-scales h4{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.saved-scales-list{flex-wrap:wrap;gap:8px;display:flex}.saved-scale-item{align-items:center;gap:4px;display:flex}.btn-small{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.btn-small:hover{background:var(--accent-dim);border-color:var(--accent)}.btn-delete{color:var(--red);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.btn-delete:hover{color:#ff6b6b}.session-player-header{align-items:center;gap:8px;display:flex}.session-player-title{color:var(--green);align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.focus-mode{z-index:500;background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}.focus-topbar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 20px;display:flex}.focus-topbar-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.focus-key-badge{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-glow);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.8rem;font-weight:600}.focus-session-badge{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.78rem}.focus-repeat-count{color:var(--accent)}.focus-topbar-center{flex:1;max-width:360px;margin:0 auto}.focus-progress-container{flex-direction:column;align-items:center;gap:4px;display:flex}.focus-progress-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.focus-progress-fill{background:linear-gradient(90deg,var(--accent) 0%,var(--green) 100%);border-radius:3px;min-width:0;height:100%;transition:width .3s}.focus-progress-label{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.focus-topbar-right{text-align:right;flex-shrink:0;min-width:60px}.focus-score{color:var(--accent);font-size:1.1rem;font-weight:700}.focus-score-unit{color:var(--text-muted);margin-left:2px;font-size:.65rem}.focus-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.focus-playhead{pointer-events:none;z-index:10;width:0;height:100%;display:none;position:absolute;top:0;left:0}.focus-pitch-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 4px var(--accent-glow),0 0 8px var(--accent-glow),0 0 12px var(--accent-glow),0 0 16px var(--accent-glow);transform:translateY(calc(var(--pitch-position,50%) * -100%));border-radius:50%;animation:1.5s ease-in-out infinite pitch-dot-pulse;position:absolute;left:-2.5px}.focus-history{border-bottom:1px solid var(--border);flex-shrink:0;height:56px}.focus-toolbar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:40px;align-items:center;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000026}.focus-exit{color:var(--text-primary);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 10px;font-size:1.2rem;transition:opacity .15s;display:flex}.focus-exit:hover{opacity:1}.focus-play{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:56px;min-height:56px;padding:8px 16px;font-size:1.2rem;transition:background .15s;display:flex}.focus-play:hover{filter:brightness(1.15)}.focus-play svg{width:24px;height:24px}.focus-info{color:var(--text-primary);text-align:center;min-width:60px;font-size:.9rem;font-weight:600}.focus-key-hint{color:var(--text-muted);text-align:center;font-size:.75rem}.focus-speed-controls{align-items:center;gap:6px;display:flex}.focus-speed-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:background .15s;display:flex}.focus-speed-btn:hover:not(:disabled){background:var(--accent);color:#fff}.focus-speed-btn:disabled{opacity:.4;cursor:not-allowed}.focus-speed-label{color:var(--text-primary);text-align:center;min-width:48px;font-size:.85rem;font-weight:600}.session-player-progress{color:var(--text-secondary);font-size:.78rem}.session-player-item{align-items:center;gap:4px;display:flex}.session-item-icon{color:var(--text-muted)}.session-item-label{color:var(--text-primary);font-size:.78rem}.session-player-timer{margin-left:auto}.session-elapsed{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.session-player-controls{gap:6px;display:flex}.session-history-entry{background:var(--bg-tertiary);border-radius:4px;justify-content:space-between;align-items:center;padding:3px 5px;font-size:.7rem;display:flex}.session-history-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.session-history-score{font-size:.7rem;font-weight:600}.session-history-score.score-high{color:var(--green)}.session-history-score.score-mid{color:var(--yellow)}.session-history-score.score-low{color:var(--red)}.welcome-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.3s welcome-fadein;display:flex;position:fixed;inset:0}.welcome-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:14px;width:420px;max-width:92vw;max-height:90vh;padding:32px 36px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) welcome-slidein;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0006}.welcome-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.welcome-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.welcome-hero{margin-bottom:24px}.welcome-icon{color:var(--accent);filter:drop-shadow(0 0 16px #58a6ff66);margin-bottom:12px}.welcome-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:700}.welcome-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.welcome-mic-section{background:var(--bg-tertiary);border:1px solid var(--border);text-align:left;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.welcome-mic-icon{background:var(--bg-secondary);width:36px;height:36px;color:var(--accent);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-mic-text{flex:1;min-width:0}.welcome-mic-text strong{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;display:block}.welcome-mic-text p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.welcome-mic-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#58a6ffd9,#6482ffcc);border:1px solid #78beff59;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.78rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #58a6ff26}.welcome-mic-btn:active{transform:translateY(0);box-shadow:0 1px 6px #58a6ff26}.welcome-mic-success{color:var(--green);background:#22c55e1a;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.welcome-mic-error{color:var(--red);background:#f851491a;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:.75rem}.welcome-features{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.welcome-feature{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.welcome-feature-icon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.welcome-feature-icon-practice{color:#58a6ff}.welcome-feature-icon-editor{color:#d2a8ff}.welcome-feature-icon-improve{color:#7ee787}.welcome-feature-text{text-align:left;flex:1}.welcome-feature-text strong{color:var(--text-primary);margin-bottom:1px;font-size:.82rem;display:block}.welcome-feature-text p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.welcome-actions{gap:10px;display:flex}.welcome-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#58a6ffe6,#6482ffd9);border:1px solid #78beff66;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #58a6ff33}.welcome-cta:active{transform:translateY(0);box-shadow:0 2px 10px #58a6ff33}.welcome-tour-btn{color:var(--text-secondary);cursor:pointer;background:#161b2280;border:1.5px solid #30363db3;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.welcome-tour-btn:active{transform:translateY(0)}.walkthrough-overlay{z-index:9998;pointer-events:auto;position:fixed;inset:0}.walkthrough-highlight{pointer-events:none;z-index:9999;border:3px solid #6c63ff;border-radius:10px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0000008c}.walkthrough-tooltip{background:var(--bg-secondary);border:1px solid var(--border);z-index:10000;width:340px;color:var(--text-primary);pointer-events:auto;border-radius:14px;padding:18px 22px;transition:left .2s,top .2s;position:fixed;box-shadow:0 8px 40px #00000059}.walkthrough-tooltip:after{content:"";border:8px solid #0000;width:0;height:0;position:absolute}.walkthrough-tooltip[data-placement=bottom]:after{border-bottom-color:var(--border);border-top:none;bottom:100%;left:50%;transform:translate(-50%)}.walkthrough-tooltip[data-placement=top]:after{border-top-color:var(--border);border-bottom:none;top:100%;left:50%;transform:translate(-50%)}.walkthrough-tooltip[data-placement=right]:after{border-right-color:var(--border);border-left:none;top:50%;right:100%;transform:translateY(-50%)}.walkthrough-tooltip[data-placement=left]:after{border-left-color:var(--border);border-right:none;top:50%;left:100%;transform:translateY(-50%)}.walkthrough-step-counter{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}.walkthrough-step-title{color:var(--text-primary);margin:0 0 10px;font-size:16px;font-weight:700}.walkthrough-step-desc{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.6}.walkthrough-actions{align-items:center;gap:8px;display:flex}.walkthrough-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;text-decoration:underline}.walkthrough-skip:hover{color:var(--text-secondary)}.walkthrough-next{border:1px solid var(--border);cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .15s}.walkthrough-prev:hover{background:var(--bg-secondary)}.walkthrough-prev:disabled{opacity:.35;cursor:default;pointer-events:none}.walkthrough-next{color:#fff;background:#6c63ff;border-color:#6c63ff;margin-left:auto}.walkthrough-next:hover{background:#5850e0}.tour-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:7px;width:100%;margin-bottom:10px;padding:7px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.tour-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.difficulty-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600}.difficulty-badge.beginner{color:var(--green);background:#3fb95026}.difficulty-badge.intermediate{color:var(--yellow);background:#d2992226}.difficulty-badge.advanced{color:var(--red);background:#f8514926}.edit-melody-form{background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;padding:16px}.edit-melody-form h3{margin:0 0 12px;font-size:.95rem;font-weight:600}.create-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.big-create-btn{background:var(--accent);width:44px;height:44px;color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;font-size:1.2rem;transition:opacity .2s;display:flex}.big-create-btn:hover{opacity:.9}.big-create-btn:active{transform:scale(.95)}.form-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tab-header{flex-direction:column;gap:8px;display:flex}.tab-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:600}.tab-actions{gap:4px;display:flex}.tab-action-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;transition:all .15s;display:flex}.recent-section{flex-direction:column;gap:6px;display:flex}.empty-tip{color:var(--text-muted);text-align:center;padding:12px;font-size:.75rem;font-style:italic}.quick-actions{flex-direction:column;gap:6px;display:flex}.quick-action-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:10px 12px;font-size:.75rem;transition:all .15s;display:flex}.tab-header{justify-content:space-between;align-items:center;display:flex}.tab-header h3{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.session-items-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}[data-theme=light] .session-items-section{background:#f6f8fa99;border-color:#d0d7de80}.session-items-display{flex-direction:column;gap:8px;display:flex}.session-items-display h3{color:var(--text-muted);text-transform:uppercase;margin:0;padding:0 2px;font-size:.7rem;font-weight:600}.session-item-entry{background:var(--bg-secondary);border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex}.session-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.session-item-type{align-items:center;font-size:.7rem;display:flex}.session-empty-tip{color:var(--text-muted);text-align:center;padding:8px;font-size:.7rem;font-style:italic}.active-session-summary{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.active-session-summary .section-label{letter-spacing:.06em;text-transform:uppercase;font-weight:600}.sidebar-session-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:7px 30px 7px 10px;font-size:.75rem;font-weight:500;line-height:1.2;transition:border-color .15s,background-color .15s,box-shadow .15s}.sidebar-session-select:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.sidebar-session-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.sidebar-session-select option{background:var(--bg-secondary);color:var(--text-primary)}.section-meta{color:var(--text-muted);font-size:.65rem}.session-actions{flex-shrink:0;align-self:flex-start;gap:4px;display:flex}.session-items-pills{flex-wrap:wrap;gap:4px;display:flex}.melody-pill{cursor:pointer}.melody-pill.selected{background:var(--green-dim);border-color:var(--green);color:var(--green)}.pill-tags{flex-wrap:wrap;gap:2px;margin-left:4px;display:flex}.pill-tag{background:var(--accent-dim);color:var(--accent);border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:500}.pill-tag.more{padding:1px 3px;font-size:.5rem}.pill-icon{font-size:.7rem}.pill-label{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.pill-repeat{color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;padding:1px 4px;font-size:.6rem}.tab-stats{gap:8px;display:flex}.recent-list{flex-direction:column;gap:6px;display:flex}.section-label{color:var(--text-muted);margin:0;font-size:.7rem}.empty-tip{color:var(--text-muted);text-align:center;font-size:.8rem;font-style:italic}.recent-item{background:var(--bg-tertiary);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.recent-item:hover{background:var(--bg-card)}.recent-name{font-size:.85rem;font-weight:500}.recent-meta{color:var(--text-muted);font-size:.72rem}.recent-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.recent-tag{background:var(--accent-dim);color:var(--accent);border-radius:2px;padding:1px 5px;font-size:.55rem;font-weight:500}.recent-tag.more{padding:1px 4px;font-size:.5rem}.library-tab-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;transition:all .15s;display:flex}.library-tab-btn:hover{border-color:var(--accent);background:var(--bg-card)}.notification-toast{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);z-index:2000;border-radius:8px;align-items:center;gap:12px;max-width:350px;padding:12px 16px;font-size:.85rem;animation:.3s slideIn,.3s 2.7s forwards fadeOut;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}.notification-toast--info{border-left:4px solid var(--accent)}.notification-toast--success{border-left:4px solid var(--green)}.notification-toast--warning{border-left:4px solid var(--yellow)}.notification-toast--error{border-left:4px solid var(--red)}.notification-toast-icon{align-items:center;font-size:1.1rem;font-weight:700;display:flex}.notification-toast--info .notification-toast-icon{color:var(--accent)}.notification-toast--success .notification-toast-icon{color:var(--green)}.notification-toast--warning .notification-toast-icon{color:var(--yellow)}.notification-toast--error .notification-toast-icon{color:var(--red)}.notification-toast-message{flex:1}.walkthrough-control-group{justify-content:center;gap:6px;display:flex}.walkthrough-control-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:.85rem;font-weight:500;line-height:32px;transition:all .2s;display:flex}.walkthrough-control-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.walkthrough-control-btn:active{transform:scale(.98)}.walkthrough-control-text{font-size:.85rem}.walkthrough-control-btn-guide{background:var(--surface-dim,var(--surface));border-color:var(--border-muted,var(--border));opacity:.85}.walkthrough-control-btn-guide:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.walkthrough-selection-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.25s welcome-fadein;display:flex;position:fixed;inset:0}.walkthrough-selection-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:400px;max-width:92vw;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) welcome-slidein;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0006}.ws-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.ws-header-left{align-items:center;gap:10px;display:flex}.ws-header-icon{color:var(--accent)}.ws-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.ws-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .15s;display:flex}.ws-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ws-progress{flex-shrink:0;padding:0 24px 16px}.ws-progress-bar{background:var(--bg-tertiary);border-radius:2px;width:100%;height:4px;margin-bottom:6px;overflow:hidden}.ws-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.ws-progress-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:500}.ws-chapters{flex-direction:column;flex:1;gap:6px;padding:0 16px 16px;display:flex;overflow-y:auto}.ws-chapter-item{background:var(--bg-tertiary);border:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text-primary);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;transition:all .15s;display:flex}.ws-chapter-item:hover{border-color:var(--accent);background:var(--bg-secondary)}.ws-chapter-icon{background:var(--bg-secondary);width:28px;height:28px;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-chapter-icon-done{color:var(--green);border-color:var(--green);background:#22c55e14}.ws-chapter-title{flex:1;font-size:.85rem;font-weight:500}.ws-chapter-tab{color:var(--text-muted);background:var(--bg-secondary);text-transform:capitalize;letter-spacing:.04em;border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.ws-chapter-done{opacity:.6}.ws-chapter-done:hover{opacity:1}.ws-completed{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:8px;padding-top:12px;display:flex}.ws-footer{border-top:1px solid var(--border);flex-shrink:0;padding:16px 24px}.ws-close-footer{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.ws-close-footer:hover{background:var(--accent)}.walkthrough-backdrop{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.walkthrough-modal{background:var(--bg-primary);width:95vw;max-width:680px;border-radius:12px;flex-direction:column;max-width:min(680px,95vw);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.walkthrough-content{flex-direction:column;max-height:100%;display:flex;overflow:hidden}.walkthrough-header{border-bottom:1px solid var(--border);text-align:center;padding:20px 24px}.walkthrough-title{margin:0 0 8px;font-size:1.5rem;font-weight:600}.walkthrough-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.walkthrough-tabs{border-bottom:1px solid var(--border);background:var(--bg-primary);border-radius:12px 12px 0 0;gap:4px;padding:12px 24px 0;display:flex}.walkthrough-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.walkthrough-tab:hover{background:var(--bg-primary);color:var(--text-primary)}.walkthrough-tab.active{color:var(--accent);background:var(--bg-primary)}.walkthrough-list{flex:1;padding:24px;overflow-y:auto}.walkthrough-item{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;justify-content:flex-start;align-items:center;gap:16px;width:100%;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.walkthrough-item:hover{border-color:var(--accent);transform:translateY(-2px)}.walkthrough-item.completed{opacity:.75;border-color:var(--green);background:var(--green-dim);position:relative}.walkthrough-item.completed:before{content:"";border-right:2px solid var(--green);border-bottom:2px solid var(--green);width:7px;height:12px;position:absolute;top:10px;right:10px;transform:rotate(45deg)}.walkthrough-item.completed .walkthrough-item-title{padding-right:28px;position:relative}.walkthrough-item.completed .walkthrough-item-title:after{content:" - Completed";color:var(--green);font-size:.85rem;font-weight:500}.walkthrough-thumbnail{flex-shrink:0;font-size:2rem}.walkthrough-item-content{text-align:left;flex:1;min-width:0}.walkthrough-item-title{margin:0 0 6px;font-size:1rem;font-weight:500;line-height:1.4}.walkthrough-item-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.walkthrough-status{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.walkthrough-footer{border-top:1px solid var(--border);background:var(--bg-primary);border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.walkthrough-close-btn{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.walkthrough-close-btn:hover{background:var(--accent)}.walkthrough-body{overscroll-behavior:contain;flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.walkthrough-back-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin:16px 24px 0;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.walkthrough-back-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.walkthrough-back-list-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;max-width:200px;margin:16px auto 0;padding:8px 12px;font-size:.85rem;transition:all .2s;display:inline-flex}.walkthrough-back-list-btn:hover{border-color:var(--accent);color:var(--accent)}.walkthrough-main-title{text-align:center;margin:0 0 16px;padding-top:12px;font-size:1.75rem;font-weight:600}.walkthrough-main-desc{text-align:left;color:var(--text-secondary);align-self:start;max-width:600px;margin:0 0 24px}.walkthrough-text{overscroll-behavior:contain;flex:1;padding:0 0 24px;overflow-y:auto}.walkthrough-paragraph{text-align:left;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 12px;line-height:1.6}.walkthrough-text .md-paragraph{text-align:left;color:var(--text-primary);margin:0 0 12px;font-size:.92rem;line-height:1.7}.walkthrough-text .md-h2{border-bottom:1px solid var(--border);color:var(--text-primary);letter-spacing:-.01em;margin:24px 0 10px;padding-bottom:6px;font-size:1.15rem;font-weight:700}.walkthrough-text .md-h2:first-child{margin-top:0}.walkthrough-text .md-h3{color:var(--text-primary);margin:18px 0 8px;font-size:1rem;font-weight:600}.walkthrough-text strong{color:var(--text-primary);font-weight:600}.walkthrough-text em{color:var(--text-secondary,var(--text-muted));font-style:italic}.walkthrough-text .md-list{counter-reset:md-list-counter;margin:0 0 14px;padding-left:22px;list-style:none}.walkthrough-text .md-list li{color:var(--text-primary);margin:0 0 6px;padding-left:4px;font-size:.92rem;line-height:1.6;position:relative}.walkthrough-text .md-list li:before{background:var(--accent);opacity:.7;content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:2px;left:-18px}.walkthrough-text .md-list-ordered{counter-reset:md-list-counter}.walkthrough-text .md-list-ordered li{counter-increment:md-list-counter;list-style:none}.walkthrough-text .md-list-ordered li:before{content:counter(md-list-counter) ".";opacity:1;width:auto;height:auto;color:var(--accent);background:0 0;border-radius:0;font-weight:600;top:0;left:-22px}.walkthrough-text .md-admonition{border-left:4px solid var(--accent);background:var(--bg-tertiary);border-radius:8px;gap:12px;margin:16px 0;padding:14px 16px;font-size:.88rem;line-height:1.6;display:flex}.walkthrough-text .md-admonition p{color:var(--text-primary);margin:0 0 6px}.walkthrough-text .md-admonition p:last-child{margin-bottom:0}.walkthrough-text .md-admonition-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.walkthrough-text .md-admonition-content{flex:1;min-width:0}.walkthrough-text .md-admonition-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,var(--text-muted));margin-bottom:4px;font-size:.78rem;font-weight:700;display:block}.walkthrough-text .md-admonition-note{background:#3b82f614;border-left-color:#3b82f6}.walkthrough-text .md-admonition-note .md-admonition-icon{background:#3b82f6}.walkthrough-text .md-admonition-tip{background:#22c55e14;border-left-color:#22c55e}.walkthrough-text .md-admonition-tip .md-admonition-icon{background:#22c55e}.walkthrough-text .md-admonition-warning{background:#f59e0b14;border-left-color:#f59e0b}.walkthrough-text .md-admonition-warning .md-admonition-icon{background:#f59e0b}.walkthrough-text .md-admonition-info{background:#8b5cf614;border-left-color:#8b5cf6}.walkthrough-text .md-admonition-info .md-admonition-icon{background:#8b5cf6}.walkthrough-text .md-admonition-note .md-admonition-icon:before{content:"N"}.walkthrough-text .md-admonition-tip .md-admonition-icon:before{content:"T"}.walkthrough-text .md-admonition-warning .md-admonition-icon:before{content:"!"}.walkthrough-text .md-admonition-info .md-admonition-icon:before{content:"i"}.walkthrough-text table{border-collapse:collapse;border:1px solid var(--border);border-radius:6px;width:100%;margin:12px 0 16px;font-size:.85rem;line-height:1.5;overflow:hidden}.walkthrough-text thead{background:var(--bg-tertiary)}.walkthrough-text th{text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:.82rem;font-weight:600}.walkthrough-text td{border-top:1px solid var(--border);color:var(--text-primary);padding:7px 12px}.walkthrough-text tr:last-child td{border-bottom:none}.walkthrough-text li strong{font-weight:600}.walkthrough-steps{margin:0 0 20px 24px}.walkthrough-steps-title{margin:0 0 16px;font-size:1.1rem;font-weight:600}.walkthrough-steps-list{flex-direction:column;gap:12px;display:flex}.walkthrough-step-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;gap:16px;padding:16px;transition:all .2s;display:flex}.walkthrough-step-item.active{border-color:var(--accent);background:var(--bg-tertiary)}.walkthrough-step-number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:600;display:flex}.walkthrough-step-details{flex:1}.walkthrough-step-title{margin:0 0 6px;font-weight:600}.walkthrough-step-desc{color:var(--text-secondary);margin:0 0 8px;font-size:.9rem}.walkthrough-step-action{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-family:monospace;font-size:.8rem;display:inline-block}.walkthrough-controls{justify-content:space-between;gap:12px;padding:0 24px 20px;display:flex}.walkthrough-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.walkthrough-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.walkthrough-nav-btn:disabled{opacity:.5;cursor:not-allowed}.walkthrough-done-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:500}.walkthrough-done-btn:hover{background:var(--accent)}.walkthrough-nav-btn-next{background:var(--accent);border-color:var(--accent);color:#fff}.walkthrough-nav-btn-next:hover{filter:brightness(1.15)}.walkthrough-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:48px 32px;display:flex}.walkthrough-complete-icon{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.walkthrough-complete-icon svg{filter:drop-shadow(0 0 16px var(--green-glow))}.walkthrough-check-path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.6s ease-out .3s forwards drawCheck}.walkthrough-complete-title{margin:0 0 16px;font-size:1.5rem;font-weight:600}.walkthrough-complete-desc{color:var(--text-secondary);margin:0 0 32px}.walkthrough-complete-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.walkthrough-complete-btn:hover{filter:brightness(1.15)}.melody-indicator-pill{color:var(--accent);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#58a6ff1f,#8250dc1a);border:1px solid #58a6ff40;border-radius:12px;align-items:center;gap:8px;max-width:220px;padding:4px 14px 4px 10px;transition:all .2s;display:inline-flex;overflow:hidden}.melody-indicator-pill:hover{background:linear-gradient(135deg,#58a6ff38,#8250dc2e);border-color:#58a6ff73;transform:translateY(-1px);box-shadow:0 0 12px #58a6ff26}.melody-indicator-pill:active{transform:translateY(0)}.melody-indicator-icon{opacity:.7;flex-shrink:0}.melody-indicator-info{flex-direction:column;line-height:1.2;display:flex;overflow:hidden}.melody-indicator-name{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.melody-indicator-character{color:var(--text-secondary);text-transform:capitalize;opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:500;overflow:hidden}[data-theme=light] .melody-indicator-pill{color:var(--accent);background:linear-gradient(135deg,#58a6ff1a,#8250dc14);border-color:#58a6ff4d}[data-theme=light] .melody-indicator-pill:hover{background:linear-gradient(135deg,#58a6ff2e,#8250dc24);border-color:#58a6ff80;box-shadow:0 0 12px #58a6ff1f}.editor-playhead{background:var(--accent,#4caf50);box-shadow:0 0 6px var(--accent-glow,#4caf5099)}.editor-playhead .editor-playhead-marker{border-left:7px solid #0000;border-right:7px solid #0000;border-top:9px solid var(--accent,#4caf50);width:0;height:0;filter:drop-shadow(0 0 4px var(--accent-glow,#4caf5099));position:absolute;top:-8px;left:-6px}.cycles-control-group{border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-radius:999px;align-items:center;gap:8px;padding:4px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #00000014}.cycles-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem}.cycles-control-group .cycles-input{border:1px solid var(--accent-glow);background:var(--accent-dim);width:54px;min-width:54px;height:28px;color:var(--text-primary);text-align:center;border-radius:999px;outline:none;padding:0 8px;font-weight:700}.cycles-control-group .cycles-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),0 0 18px var(--accent-dim)}.cycle-progress-pill{border:1px solid var(--green-dim);background:linear-gradient(135deg,var(--green-dim),var(--accent-dim));height:28px;color:var(--text-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.cycle-progress-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.cycle-progress-value{color:var(--green);text-shadow:0 0 10px var(--green-dim)}.sidebar-scale-select{width:100%;max-width:100%;min-height:34px;margin-top:4px}.practice-mode-control-group{border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-radius:999px;align-items:center;gap:8px;padding:4px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #00000014}.practice-mode-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.72rem}.practice-mode-control-group .practice-sub-mode-select{border:1px solid var(--accent-glow);background:var(--accent-dim);min-width:132px;height:28px;color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 11px,calc(100% - 11px) 11px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:999px;outline:none;padding:0 30px 0 10px;font-weight:700}.practice-mode-control-group .practice-sub-mode-select:hover{border-color:var(--accent-glow);background-color:var(--bg-card)}.practice-mode-control-group .practice-sub-mode-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),0 0 18px var(--accent-dim)}.practice-mode-control-group .practice-sub-mode-select option{background:var(--bg-secondary);color:var(--text-primary)}.practice-mode-control-group .practice-sub-mode-select{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--accent-glow)!important}#settings-panel .settings-row select{border:1px solid var(--border);background-color:var(--bg-secondary);height:34px;min-height:34px;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;padding:0 32px 0 12px;font-size:.9rem;line-height:34px}#settings-panel .settings-row select:hover{border-color:var(--accent-glow);background-color:var(--bg-card)}#settings-panel .settings-row select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}#settings-panel .settings-row select option{background:var(--bg-secondary);color:var(--text-primary)}.pitch-buffer-pills{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:3px;display:flex}.pitch-buffer-pill{color:#ffffff73;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 10px;font-family:Inter,SF Mono,monospace;font-size:.72rem;font-weight:600;transition:all .2s}.pitch-buffer-pill-active{color:#fff;background:linear-gradient(135deg,#38bdf833,#8b5cf633);border:1px solid #38bdf840;box-shadow:0 0 8px #38bdf826,inset 0 1px #ffffff14}.walkthrough-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.walkthrough-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.walkthrough-section-steps{color:var(--text-muted);font-size:11px;font-weight:600}.walkthrough-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.walkthrough-actions-center{align-items:center;gap:6px;display:flex}.walkthrough-skip-section{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:11px;transition:background .15s,color .15s}.walkthrough-skip-section:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.guide-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.guide-selection{background:var(--bg-primary);border:1px solid var(--border);width:100%;max-width:480px;max-height:80vh;color:var(--text-primary);border-radius:16px;padding:28px;overflow-y:auto;box-shadow:0 12px 48px #0000004d}.guide-selection-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.guide-selection-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.guide-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.guide-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.guide-selection-desc{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.guide-quick-actions{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.guide-quick-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.guide-quick-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.guide-quick-incomplete{border-color:var(--accent);background:var(--accent-light,#6c63ff14);color:var(--accent)}.guide-quick-incomplete:hover{background:var(--accent-light,#6c63ff26)}.guide-sections-list{border-top:1px solid var(--border);padding-top:16px}.guide-sections-list h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:600}.guide-section-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:14px;transition:background .15s,border-color .15s;display:flex}.guide-section-item:hover{background:var(--bg-tertiary);border-color:var(--border)}.guide-section-item.completed{opacity:.6}.guide-section-icon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.guide-section-item.completed .guide-section-icon{color:#4caf50}.guide-section-text{flex-direction:column;gap:2px;min-width:0;display:flex}.guide-section-name{color:var(--text-primary);font-size:14px;font-weight:600}.guide-section-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.app-sidebar #scale-info .octave-ctrl{border-color:var(--accent-dim);background:var(--accent-dim);border-radius:999px;height:36px;padding:3px 6px}.app-sidebar #scale-info .octave-value{color:#7ee787;text-align:center;min-width:24px;font-weight:800}#note-list .note-item.rest-item{color:var(--text-secondary);background:#8b949e1a;border-style:dashed;border-color:#8b949e73}#note-list .note-item.rest-item .note-dot{background:0 0;border:1px dashed #8b949ea6}.playlist-edit-form{flex-direction:column;gap:16px;padding:4px 2px;display:flex}.playlist-edit-form h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.playlist-edit-form .form-group{flex-direction:column;gap:6px;display:flex}.playlist-edit-form .form-group label{color:var(--text-secondary);font-size:.85rem}.playlist-edit-form .search-input{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:9px 12px;font-size:.9rem;transition:border-color .12s,box-shadow .12s}.playlist-edit-form .search-input::placeholder{color:var(--text-secondary);opacity:.7}.playlist-edit-form .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.playlist-edit-form .melody-select-list{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:50vh;padding:4px 4px 8px;display:grid;overflow-y:auto}.playlist-edit-form .melody-select-list::-webkit-scrollbar{width:8px}.playlist-edit-form .melody-select-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.playlist-picker-pill{border:1px solid var(--border-color,#ffffff14);color:var(--text-primary);text-align:left;cursor:pointer;font:inherit;background:#ffffff08;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background-color .12s,transform 80ms,box-shadow .12s;display:grid}.playlist-picker-pill:hover{background:#4a9eff14;border-color:#4a9eff66}.playlist-picker-pill:active{transform:translateY(1px)}.playlist-picker-pill.selected{border-color:var(--accent-color,#4a9eff);background:linear-gradient(135deg,#4a9eff2e,#4a9eff0f);box-shadow:inset 0 0 0 1px #4a9eff73}.playlist-picker-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:inline-flex}.playlist-picker-icon .icon-svg{flex-shrink:0;width:16px;height:16px}.playlist-picker-pill.selected .playlist-picker-icon{background:#4a9eff40}.playlist-picker-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.playlist-picker-copy .select-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.playlist-picker-copy .select-item-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.playlist-picker-check{width:24px;height:24px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background .12s,color .12s;display:inline-flex}.playlist-picker-pill.selected .playlist-picker-check{background:var(--accent-color,#4a9eff);color:#fff}.playlist-edit-form .empty-state{text-align:center;color:var(--text-secondary);background:#ffffff08;border:1px dashed #ffffff14;border-radius:12px;grid-column:1/-1;padding:24px}.playlist-edit-form .form-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.playlist-edit-form .form-actions .save-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 16px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms}.playlist-edit-form .form-actions .cancel-btn{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff1a}.playlist-edit-form .form-actions .cancel-btn:hover{background:#ffffff14}.playlist-edit-form .form-actions .save-btn{background:var(--accent-color,#4a9eff);color:#fff}.playlist-edit-form .form-actions .save-btn:hover{filter:brightness(1.08)}.playlist-edit-form .form-actions .cancel-btn:active{transform:translateY(1px)}.inline-controls-row{flex-wrap:wrap;flex:auto;align-items:center;gap:.75rem;min-width:0;display:flex}.inline-control{background:var(--surface-2,#ffffff0a);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:2px 6px;display:inline-flex}.inline-control-icon{color:var(--text-muted,#aaa);flex:none;justify-content:center;align-items:center;display:inline-flex}.inline-control-value{font-variant-numeric:tabular-nums;color:var(--text,#ddd);text-align:right;min-width:2ch;font-size:.8rem}.inline-control .opt-label{display:none}.session-mini-timeline{flex-wrap:wrap;gap:4px;max-height:64px;margin-top:4px;padding-right:4px;display:flex;overflow-y:auto}.session-mini-pill{background:var(--surface-2,#ffffff0f);color:var(--text,#ddd);white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;max-width:200px;padding:2px 8px;font-size:.72rem;line-height:1.4;display:inline-flex;overflow:hidden}.session-mini-pill.is-melody{background:#6384ff2e;border-color:#6384ff59}.session-mini-pill.is-rest{color:var(--text-muted,#aaa);background:#ffffff0d;border-color:#ffffff1f;font-style:italic}.session-mini-pill-icon{flex:none;font-size:.75rem}.session-mini-pill-label{text-overflow:ellipsis;overflow:hidden}.session-mini-empty{color:var(--text-muted,#888);font-size:.75rem;font-style:italic}.session-player-item.is-rest .session-item-label{color:var(--text-muted,#9aa3b2);font-style:italic}.session-player-item.is-rest .session-item-icon{color:var(--accent-muted,#777)}.settings-tier-selector .welcome-tier-buttons{gap:8px}.settings-tier-selector .welcome-tier-btn{flex:1;min-width:0;padding:10px 12px}.settings-tier-selector .tier-icon-wrap svg{width:18px;height:18px}.settings-tier-selector .tier-name{font-size:.8rem}.settings-tier-selector .tier-desc{font-size:.65rem}.bpm-display-label{color:#f0f6fc;white-space:nowrap;padding:0 6px;font-size:13px;font-weight:600}.tempo-slider{width:80px;accent-color:var(--accent)}.sensitivity-slider{width:70px;accent-color:var(--yellow)}.volume-slider{width:70px;accent-color:var(--green)}#tempo-value{text-align:right;min-width:26px;color:var(--text-primary);font-weight:600}#sensitivity-value{text-align:right;min-width:20px;color:var(--yellow);font-weight:600}#volume-value{text-align:right;min-width:26px;color:var(--green);font-weight:600}.leaderboard-panel,.community-panel,.vocal-challenges-panel{height:100%;overflow-y:auto}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:90%;max-width:480px;max-height:80vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.session-browser{box-sizing:border-box;flex-direction:column;width:min(680px,95vw);max-height:85vh;padding:20px;display:flex}.session-browser .modal-header{margin-bottom:12px;padding:0 0 12px}.session-browser .session-categories{margin:0 0 12px}.session-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:4px;padding:16px;display:flex}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-close-btn svg{display:block}.session-categories{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.session-cat-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:6px 14px;font-size:.78rem;transition:all .12s}.session-cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.session-list{flex-direction:column;flex:1;gap:10px;padding-bottom:8px;display:flex;overflow-y:auto}.session-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.session-card-header{justify-content:space-between;align-items:center;display:flex}.session-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.session-difficulty{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.session-description{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.4}.session-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-category-badge{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.68rem}.session-item-count,.session-duration{color:var(--text-muted);font-size:.72rem}.session-start-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;margin-top:4px;padding:6px 18px;font-size:.8rem;transition:background .12s}.session-start-btn:hover{background:#4e9eff}.library-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:92%;max-width:960px;max-height:85vh;display:flex;box-shadow:0 20px 60px #00000080}.library-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.library-header h2{margin:0;font-size:1.2rem}.library-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 20px;display:flex}.library-modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:color .15s;display:flex;position:relative}.library-modal-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;transition:background .15s;position:absolute;bottom:-1px;left:8px;right:8px}.library-modal-tab:hover{color:var(--text-primary)}.library-modal-tab.active{color:var(--accent);font-weight:600}.library-modal-tab.active:after{background:var(--accent)}.tab-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:600;line-height:1.4}.library-modal-tab.active .tab-count{background:var(--accent-dim);color:var(--accent)}.library-content{scroll-behavior:smooth;flex:1;min-height:200px;padding:20px;overflow-y:auto}.search-input{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.search-input:focus{border-color:var(--accent)}.new-btn{background:var(--accent-dim);border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.new-btn:hover{background:var(--accent);color:#fff}.preset-list{flex-direction:column;flex:1;gap:10px;padding:4px;display:flex;overflow-y:auto}.preset-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .15s;display:flex}.preset-card:hover{border-color:var(--accent);background:var(--bg-card)}.preset-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.preset-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.preset-difficulty{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.preset-description{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.4}.preset-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-category-badge{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.68rem}.preset-item-count,.preset-duration{color:var(--text-muted);font-size:.72rem}.preset-start-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;margin-top:4px;padding:8px 20px;font-size:.85rem;transition:background .15s}.preset-start-btn:hover{background:#4e9eff}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.close-btn svg{display:block}.library-list{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:50vh;padding:4px 4px 8px;display:grid;overflow-y:auto}.library-list::-webkit-scrollbar{width:8px}.library-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}@media(max-width:900px){.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.library-list{grid-template-columns:1fr}}.library-item{background:var(--bg-tertiary);cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;transition:all .15s;display:flex}.library-item .item-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.library-item:hover{border-color:var(--border);background:var(--bg-card)}.library-item.selected{border-color:var(--accent);background:var(--accent-dim)}.item-main{flex:1;min-width:0}.item-title{margin-bottom:2px;font-size:.9rem;font-weight:600}.item-author{color:var(--text-muted);margin-left:8px;font-size:.75rem}.item-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag-pill{background:var(--accent-dim);color:var(--accent);border-radius:3px;padding:2px 6px;font-size:.6rem;font-weight:500;display:inline-block}.tag-pill.more{padding:2px 5px;font-size:.55rem}.tag-pills{flex-wrap:wrap;gap:4px;min-height:1.5rem;display:flex}.item-actions{gap:4px;margin-left:12px;display:flex}.action-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.play-btn:hover{color:var(--accent)}.load-btn:hover{color:var(--green)}.edit-btn:hover{color:var(--purple)}.delete-btn:hover{color:var(--red)}.delete-btn:disabled,.play-btn:disabled,.load-btn:disabled,.edit-btn:disabled{opacity:.35;cursor:not-allowed}.melody-details{background:var(--bg-secondary);border-top:1px solid var(--border);border-radius:8px;margin-top:20px;padding:16px}.melody-details h3{margin:0 0 12px;font-size:.9rem;font-weight:600}.details-list{grid-template-columns:80px 1fr;gap:6px 12px;font-size:.8rem;display:grid}.details-list dt{color:var(--text-muted);grid-column:1}.details-list dd{color:var(--text-primary);grid-column:2;font-weight:500}.playlist-list{flex-direction:column;gap:8px;display:flex}.playlist-item{background:var(--bg-tertiary);border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.playlist-info{flex:1;align-items:center;gap:12px;display:flex}.playlist-name{font-size:.9rem;font-weight:600}.playlist-count{color:var(--text-muted);font-size:.72rem}.playlist-item.drag-over{border:2px dashed var(--accent);background:var(--bg-secondary)}.playlist-item.drag-over .playlist-name{color:var(--accent);font-weight:700}.edit-session-form{padding:20px}.edit-session-form h3{margin:0 0 16px;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;display:block}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 12px;font-size:.9rem}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-actions{gap:8px;margin-top:20px;display:flex}.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 20px}.cancel-btn:hover{background:var(--bg-secondary)}.save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px}.save-btn:hover{background:#4090e0}.session-library-item .item-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.character-image{width:120px;height:120px;transition:transform .3s}.character-image:hover{transform:scale(1.05)}.character-aria.selected-anim,.character-luna.selected-anim{animation:3s ease-in-out infinite float}.character-blaze.selected-anim,.character-glint.selected-anim{animation:.8s ease-in-out infinite vibrate}.character-flux.selected-anim,.character-echo.selected-anim{animation:2.5s ease-in-out infinite wave}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes vibrate{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1px,1px)rotate(-1deg)}50%{transform:translate(1px,-1px)rotate(1deg)}75%{transform:translate(-1px,-1px)rotate(-1deg)}}@keyframes wave{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(4deg)scale(1.02)}}.character-icons-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);align-items:center;gap:4px;display:grid}.character-icon-btn{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:all .2s;display:flex}.character-icon-btn:hover{background:var(--bg-card);border-color:var(--accent)}.character-icon-btn.selected{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.character-icon-img{width:24px;height:24px}.character-icons-grid{border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:58px;gap:8px;width:100%;padding:8px}.character-icon-btn{border-radius:14px;width:100%;height:58px;padding:5px;overflow:hidden}.character-icon-img{object-fit:contain;transform-origin:50%;width:50px;height:50px;transform:scale(1.28)}.OoNd9a_libraryTab{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex}.OoNd9a_tabHeader{flex-direction:column;gap:8px;display:flex}.OoNd9a_tabHeader h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:600}.OoNd9a_tabActions{gap:4px;display:flex}.OoNd9a_tabActionBtn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;transition:all .15s;display:flex}@media(hover:hover){.OoNd9a_tabActionBtn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}}.OoNd9a_recentSection{flex-direction:column;gap:6px;display:flex}.OoNd9a_emptyTip{color:var(--text-muted);text-align:center;padding:12px;font-size:.75rem;font-style:italic}.OoNd9a_quickActions{flex-direction:column;gap:6px;display:flex}.OoNd9a_quickActionBtn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:10px 12px;font-size:.75rem;transition:all .15s;display:flex}@media(hover:hover){.OoNd9a_quickActionBtn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}}.OoNd9a_libraryTab{border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-radius:14px;flex-direction:column;gap:10px;padding:10px;display:flex}.OoNd9a_tabHeader{justify-content:space-between;align-items:center;display:flex}.OoNd9a_tabHeader h3{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.OoNd9a_sessionItemsSection{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}[data-theme=light] .OoNd9a_libraryTab{border-color:var(--accent-dim);background:linear-gradient(#ffffffd9,#f6f8fabf)}[data-theme=light] .OoNd9a_sessionItemsSection{background:#f6f8fa99;border-color:#d0d7de80}.OoNd9a_sessionItemsDisplay{flex-direction:column;gap:8px;display:flex}.OoNd9a_sessionItemsDisplay h3{color:var(--text-muted);text-transform:uppercase;margin:0;padding:0 2px;font-size:.7rem;font-weight:600}.OoNd9a_sessionItemEntry{background:var(--bg-secondary);border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex}.OoNd9a_sessionItemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.OoNd9a_sessionItemType{align-items:center;font-size:.7rem;display:flex}.OoNd9a_sessionEmptyTip{color:var(--text-muted);text-align:center;padding:8px;font-size:.7rem;font-style:italic}.OoNd9a_sessionHeader{justify-content:space-between;align-items:center;gap:4px;display:flex}.OoNd9a_activeSessionSummary{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.OoNd9a_activeSessionSummary .OoNd9a_sectionLabel{letter-spacing:.06em;text-transform:uppercase;font-weight:600}.OoNd9a_sidebarSessionSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:7px 30px 7px 10px;font-size:.75rem;font-weight:500;line-height:1.2;transition:border-color .15s,background-color .15s,box-shadow .15s}.OoNd9a_sidebarSessionSelect:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.OoNd9a_sidebarSessionSelect:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.OoNd9a_sidebarSessionSelect option{background:var(--bg-secondary);color:var(--text-primary)}.OoNd9a_sectionMeta{color:var(--text-muted);font-size:.65rem}.OoNd9a_sessionActions{flex-shrink:0;align-self:flex-start;gap:4px;display:flex}.OoNd9a_pillActionBtn{background:var(--accent-dim);border:1px solid var(--border);width:20px;height:20px;color:var(--accent);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:0;transition:all .15s;display:flex}.OoNd9a_pillActionBtn svg{width:10px;height:10px}@media(hover:hover){.OoNd9a_pillActionBtn:hover{background:var(--accent);color:var(--bg-primary)}}.OoNd9a_sessionItemsPills{flex-wrap:wrap;gap:4px;display:flex}.OoNd9a_sessionItemPill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.65rem;transition:all .15s;display:flex}.OoNd9a_sessionItemPill.OoNd9a_active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.OoNd9a_melodyPill{cursor:pointer}@media(hover:hover){.OoNd9a_melodyPill:hover{background:var(--bg-tertiary);border-color:var(--green)}}.OoNd9a_melodyPill.OoNd9a_selected{background:var(--green-dim);border-color:var(--green);color:var(--green)}.OoNd9a_pillTags{flex-wrap:wrap;gap:2px;margin-left:4px;display:flex}.OoNd9a_pillTag{background:var(--accent-dim);color:var(--accent);border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:500}.OoNd9a_pillTag.OoNd9a_more{padding:1px 3px;font-size:.5rem}.OoNd9a_pillIcon{flex-shrink:0;align-items:center;display:inline-flex}.OoNd9a_pillIcon svg{width:12px;height:12px}.OoNd9a_pillLabel{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:.62rem;overflow:hidden}.OoNd9a_pillRepeat{color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;padding:1px 4px;font-size:.6rem}.OoNd9a_tabStats{gap:8px;display:flex}.OoNd9a_statBadge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:.7rem}.OoNd9a_recentList{flex-direction:column;gap:6px;display:flex}.OoNd9a_sectionLabel{color:var(--text-muted);margin:0;font-size:.7rem}.OoNd9a_emptyTip{color:var(--text-muted);text-align:center;font-size:.8rem;font-style:italic}.OoNd9a_recentItem{background:var(--bg-tertiary);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.OoNd9a_recentItem:hover{background:var(--bg-card)}.OoNd9a_recentName{font-size:.85rem;font-weight:500}.OoNd9a_recentMeta{color:var(--text-muted);font-size:.72rem}.OoNd9a_recentTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.OoNd9a_recentTag{background:var(--accent-dim);color:var(--accent);border-radius:2px;padding:1px 5px;font-size:.55rem;font-weight:500}.OoNd9a_recentTag.OoNd9a_more{padding:1px 4px;font-size:.5rem}.OoNd9a_libraryTabBtn{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;transition:all .15s;display:flex}.OoNd9a_libraryTabBtn:hover{border-color:var(--accent);background:var(--bg-card)}._92HR6W_mainLayout{flex:1;min-height:0;display:flex;overflow:hidden}._92HR6W_editorViewToggle{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:8px 12px;display:flex}._92HR6W_viewBtn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}._92HR6W_viewBtn:hover{background:var(--bg-secondary);color:var(--text-primary)}._92HR6W_activeViewBtn{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}._92HR6W_sessionEditorContainer{min-height:400px}._92HR6W_overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d111766;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}#score-card,#session-summary-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:16px;min-width:300px;max-width:380px;padding:24px 32px;position:relative;box-shadow:0 12px 40px #0006}._92HR6W_overlayClose{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .12s;display:flex;position:absolute;top:12px;right:14px}._92HR6W_overlayClose:hover{background:var(--bg-tertiary);color:var(--text-secondary)}#score-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.9rem;font-weight:400}#score-grade{margin-bottom:16px;font-size:3rem;font-weight:800;line-height:1.1}#score-grade.grade-perfect{background:linear-gradient(135deg,var(--green),#7ee8a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#score-grade.grade-excellent{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#score-grade.grade-good{background:linear-gradient(135deg,var(--teal),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#score-grade.grade-okay{background:linear-gradient(135deg,var(--yellow),var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#score-grade.grade-needs-work{color:var(--red)}#score-pct{color:var(--text-primary);margin-bottom:6px;font-size:2.2rem;font-weight:700}#score-detail{color:var(--text-secondary);margin-bottom:20px;font-size:.82rem}#score-stats{background:var(--bg-tertiary);border-radius:8px;justify-content:center;gap:20px;margin-bottom:24px;padding:12px 16px;display:flex}._92HR6W_scoreStat{text-align:center}._92HR6W_scoreStatValue{font-size:1.4rem;font-weight:700}._92HR6W_scoreStatLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}._92HR6W_scoreStatPerfect ._92HR6W_scoreStatValue{color:var(--green)}._92HR6W_scoreStatExcellent ._92HR6W_scoreStatValue{color:var(--accent)}._92HR6W_scoreStatGood ._92HR6W_scoreStatValue{color:var(--teal)}._92HR6W_scoreStatOkay ._92HR6W_scoreStatValue{color:var(--yellow)}._92HR6W_scoreStatOff ._92HR6W_scoreStatValue{color:var(--red)}#score-actions{justify-content:center;gap:10px;display:flex}._92HR6W_overlayBtn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.85rem;transition:all .15s}._92HR6W_overlayBtn:hover{border-color:var(--text-secondary)}._92HR6W_overlayBtn._92HR6W_primary{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}#score-history{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}._92HR6W_historyTitle{color:var(--text-muted);text-align:center;margin-bottom:10px;font-size:.75rem}._92HR6W_historyChart{justify-content:center;align-items:flex-end;gap:4px;height:60px;display:flex}._92HR6W_historyBar{background:var(--accent);border-radius:3px 3px 0 0;width:16px;min-height:4px;transition:height .3s}._92HR6W_historyBar:first-child{background:var(--green)}._92HR6W_overlayBtn._92HR6W_primary:hover{background:var(--accent);color:#fff}#session-summary-card{text-align:center}#session-summary-card h2{color:var(--green);margin:0 0 4px;font-size:1.3rem;font-weight:700}#session-summary-name{color:var(--text-secondary);margin:0 0 16px;font-size:.92rem}#session-summary-score{color:var(--text-primary);margin-bottom:8px;font-size:3.5rem;font-weight:800;line-height:1}#session-summary-items{color:var(--text-muted);margin-bottom:20px;font-size:.82rem}._92HR6W_melodyIndicatorPill{color:var(--accent);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#58a6ff1f,#8250dc1a);border:1px solid #58a6ff40;border-radius:12px;align-items:center;gap:8px;max-width:220px;padding:4px 14px 4px 10px;transition:all .2s;display:inline-flex;overflow:hidden}._92HR6W_melodyIndicatorPill:hover{background:linear-gradient(135deg,#58a6ff38,#8250dc2e);border-color:#58a6ff73;transform:translateY(-1px);box-shadow:0 0 12px #58a6ff26}._92HR6W_melodyIndicatorPill:active{transform:translateY(0)}._92HR6W_melodyIndicatorIcon{opacity:.7;flex-shrink:0}._92HR6W_melodyIndicatorInfo{flex-direction:column;line-height:1.2;display:flex;overflow:hidden}._92HR6W_melodyIndicatorName{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}._92HR6W_melodyIndicatorCharacter{color:var(--text-secondary);text-transform:capitalize;opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:500;overflow:hidden}[data-theme=light] ._92HR6W_melodyIndicatorPill{color:var(--accent);background:linear-gradient(135deg,#58a6ff1a,#8250dc14);border-color:#58a6ff4d}[data-theme=light] ._92HR6W_melodyIndicatorPill:hover{background:linear-gradient(135deg,#58a6ff2e,#8250dc24);border-color:#58a6ff80;box-shadow:0 0 12px #58a6ff1f}@media(max-width:600px){._92HR6W_melodyIndicatorPill{display:none}}.app-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;width:300px;min-width:300px;height:100%;min-height:0;padding:14px;display:flex;position:relative;overflow-y:auto}@media(max-width:768px){.app-sidebar{z-index:200;will-change:left;background:var(--bg-secondary);border-right:1px solid var(--border);width:270px;min-width:0;max-height:100vh;border-bottom:none;flex-direction:column;height:auto;max-height:100dvh;transition:left .22s;position:fixed;top:0;bottom:0;left:-270px;overflow-y:auto}.app-sidebar.open{left:0}.app-sidebar>*{width:100%}}.app-sidebar.collapsed{align-items:center;width:40px;min-width:40px;padding:8px 4px;overflow:hidden}.app-sidebar.collapsed>:not(:first-child){display:none}._6QIX_a_sidebarCloseBtn{color:var(--text-primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-self:flex-end;padding:4px;transition:opacity .15s;display:none}._6QIX_a_sidebarCloseBtn:hover{opacity:1}@media(max-width:768px){._6QIX_a_sidebarCloseBtn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}}._6QIX_a_sidebarToggleBtn{display:none}._6QIX_a_sidebarSection{flex-direction:column;gap:6px;display:flex}._6QIX_a_sidebarNotesBottom{border-top:1px solid var(--border);flex-direction:column;margin-top:auto;padding-top:10px;display:flex}._6QIX_a_panelTitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:8px 12px;font-size:.7rem;font-weight:600}._6QIX_a_sidebarCollapseBtn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border-radius:4px;justify-content:center;align-self:flex-end;align-items:center;padding:2px;transition:opacity .15s;display:flex}.app-sidebar:hover ._6QIX_a_sidebarCollapseBtn,.app-sidebar.collapsed ._6QIX_a_sidebarCollapseBtn{opacity:1}.app-sidebar.collapsed ._6QIX_a_sidebarCollapseBtn{align-self:center}@media(max-width:768px){._6QIX_a_sidebarCollapseBtn{display:none!important}}._6QIX_a_walkthroughControlGroup{justify-content:center;gap:6px;display:flex}._6QIX_a_walkthroughControlBtn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:.85rem;font-weight:500;line-height:32px;transition:all .2s;display:flex}._6QIX_a_walkthroughControlBtn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}._6QIX_a_walkthroughControlBtn:active{transform:scale(.98)}._6QIX_a_walkthroughControlText{font-size:.85rem}._6QIX_a_walkthroughControlBtnGuide{background:var(--surface-dim,var(--surface));border-color:var(--border-muted,var(--border));opacity:.85}._6QIX_a_walkthroughControlBtnGuide:hover{opacity:1;border-color:var(--accent);color:var(--accent)}._6QIX_a_scaleInfo{border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}._6QIX_a_keySelect,._6QIX_a_scaleSelect{border:1px solid var(--accent-dim);min-height:36px;color:var(--text-primary);border-radius:10px;font-weight:700;background-color:var(--bg-secondary)!important}._6QIX_a_keySelect{width:100%}._6QIX_a_scaleSelect{grid-column:1/-1;width:100%}._6QIX_a_octaveCtrl{border:1px solid var(--accent-dim);background:var(--accent-dim);border-radius:999px;align-items:center;gap:2px;height:30px;padding:2px 4px;display:flex}._6QIX_a_octaveBtn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}._6QIX_a_octaveBtn:hover{color:var(--accent);background:#7ee78726}._6QIX_a_octaveBtn:active{transform:scale(.88)}._6QIX_a_octaveBtn svg{width:14px;height:14px}._6QIX_a_octaveValue{color:#7ee787;text-align:center;min-width:18px;font-size:.78rem;font-weight:800;line-height:1}._6QIX_a_openScaleBuilder{border-radius:10px;grid-column:1/-1;justify-content:center;width:100%;min-height:34px}._6QIX_a_customScaleSeparator{color:var(--text-muted);font-style:italic}._6QIX_a_customScaleOption{color:#38bdf8e6}._6QIX_a_visGrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}._6QIX_a_visGridCell{background:var(--bg-tertiary);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;display:flex}._6QIX_a_visGridLabel{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}._6QIX_a_visGridToggle{flex-shrink:0}._6QIX_a_fancyDivider{background:linear-gradient(90deg,transparent 0%,#58a6ff33 15%,var(--accent) 50%,#58a6ff33 85%,transparent 100%);opacity:.75;width:100%;height:2px;margin:8px 0}._6QIX_a_statsPanel{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-shrink:0;margin-top:4px;padding:10px}._6QIX_a_statsPanel h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:.7rem;font-weight:600}._6QIX_a_scoreDisplay{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}._6QIX_a_scoreLabel{color:var(--text-muted);font-size:.72rem}._6QIX_a_scoreValue{color:var(--text-primary);font-size:1.1rem;font-weight:700}._6QIX_a_sessionHistoryPanel{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}._6QIX_a_sessionHistoryPanel h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 5px;font-size:.72rem;font-weight:600}._6QIX_a_sessionHistoryList{flex-direction:column;gap:3px;display:flex}._6QIX_a_sessionHistoryEntry{background:var(--bg-tertiary);border-radius:4px;justify-content:space-between;align-items:center;padding:3px 5px;font-size:.7rem;display:flex}._6QIX_a_sessionHistoryName{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}._6QIX_a_sessionHistoryScore{font-size:.7rem;font-weight:600}._6QIX_a_scoreHigh{color:var(--green)}._6QIX_a_scoreMid{color:var(--yellow)}._6QIX_a_scoreLow{color:var(--red)}._1pfIKW_focusMode{z-index:500;background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}._1pfIKW_focusTopbar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 20px;display:flex}._1pfIKW_focusTopbarLeft{flex-shrink:0;align-items:center;gap:10px;display:flex}._1pfIKW_focusKeyBadge{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-glow);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.8rem;font-weight:600}._1pfIKW_focusSessionBadge{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.78rem}._1pfIKW_focusRepeatCount{color:var(--accent)}._1pfIKW_focusTopbarCenter{flex:1;max-width:360px;margin:0 auto}._1pfIKW_focusProgressContainer{flex-direction:column;align-items:center;gap:4px;display:flex}._1pfIKW_focusProgressBar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}._1pfIKW_focusProgressFill{background:linear-gradient(90deg,var(--accent) 0%,var(--green) 100%);border-radius:3px;min-width:0;height:100%;transition:width .3s}._1pfIKW_focusProgressLabel{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}._1pfIKW_focusTopbarRight{text-align:right;flex-shrink:0;min-width:60px}._1pfIKW_focusScore{color:var(--accent);font-size:1.1rem;font-weight:700}._1pfIKW_focusScoreUnit{color:var(--text-muted);margin-left:2px;font-size:.65rem}._1pfIKW_focusCanvas{flex:1;min-height:0;margin-bottom:96px;position:relative;overflow:hidden}._1pfIKW_focusPlayhead{background:var(--accent);width:3px;height:100%;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow);pointer-events:none;z-index:10;border-radius:2px;display:none;position:absolute;top:0;left:0}._1pfIKW_focusPlayhead:after{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:0 0 4px 4px;width:17px;height:9px;position:absolute;top:0;left:-7px}._1pfIKW_focusPlayhead ._1pfIKW_playheadMarker{background:var(--accent-glow);border-radius:0 0 2px 2px;width:100%;height:50%;transition:left .1s linear;position:absolute;bottom:0;left:0}._1pfIKW_focusPitchDot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 4px var(--accent-glow),0 0 8px var(--accent-glow),0 0 12px var(--accent-glow),0 0 16px var(--accent-glow);transform:translateY(calc(var(--pitch-position,50%) * -100%));border-radius:50%;animation:1.5s ease-in-out infinite _1pfIKW_pitchDotPulse;position:absolute;left:2px}@keyframes _1pfIKW_pitchDotPulse{0%,to{opacity:1;box-shadow:0 0 4px var(--accent-glow),0 0 8px var(--accent-glow),0 0 12px var(--accent-glow),0 0 16px var(--accent-glow)}50%{opacity:.7;box-shadow:0 0 6px var(--accent-glow),0 0 12px var(--accent-glow),0 0 18px var(--accent-glow),0 0 24px var(--accent-glow)}}._1pfIKW_focusHistory{border-bottom:1px solid var(--border);flex-shrink:0;height:56px}._1pfIKW_focusToolbar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:40px;align-items:center;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000026}._1pfIKW_focusExit{color:var(--text-primary);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 10px;font-size:1.2rem;transition:opacity .15s;display:flex}._1pfIKW_focusExit:hover{opacity:1}._1pfIKW_focusPlay{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:56px;min-height:56px;padding:8px 16px;font-size:1.2rem;transition:background .15s;display:flex}._1pfIKW_focusPlay:hover{filter:brightness(1.15)}._1pfIKW_focusPlay svg{width:24px;height:24px}._1pfIKW_focusInfo{color:var(--text-primary);text-align:center;min-width:60px;font-size:.9rem;font-weight:600}._1pfIKW_focusKeyHint{color:var(--text-muted);text-align:center;font-size:.75rem}._1pfIKW_focusSpeedControls{align-items:center;gap:6px;display:flex}._1pfIKW_focusSpeedBtn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:background .15s;display:flex}._1pfIKW_focusSpeedBtn:hover:not(:disabled){background:var(--accent);color:#fff}._1pfIKW_focusSpeedBtn:disabled{opacity:.4;cursor:not-allowed}._1pfIKW_focusSpeedBtnActive{border-color:var(--orange);color:var(--orange);background:#db6d2826}._1pfIKW_focusSpeedLabel{color:var(--text-primary);text-align:center;min-width:48px;font-size:.85rem;font-weight:600}@media(max-width:480px){._1pfIKW_focusTopbar{min-height:44px;padding:8px 12px}._1pfIKW_focusTopbarLeft{gap:6px}._1pfIKW_focusKeyBadge,._1pfIKW_focusSessionBadge{padding:2px 8px;font-size:.7rem}._1pfIKW_focusTopbarCenter{max-width:200px}._1pfIKW_focusProgressBar{height:5px}._1pfIKW_focusToolbar{gap:8px;padding:8px 16px;bottom:16px}}._1pfIKW_sessionPlayerProgress{color:var(--text-secondary);font-size:.78rem}._1pfIKW_sessionPlayerItem{align-items:center;gap:4px;display:flex}._1pfIKW_sessionItemIcon{color:var(--text-muted)}._1pfIKW_sessionItemLabel{color:var(--text-primary);font-size:.78rem}._1pfIKW_sessionPlayerTimer{margin-left:auto}._1pfIKW_sessionElapsed{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}._1pfIKW_sessionPlayerControls{gap:6px;display:flex}._2o3clq_notificationContainer{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}._2o3clq_notification{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 16px;font-size:.85rem;font-weight:500;line-height:1.4;animation:.3s ease-out _2o3clq_slideIn;display:flex;box-shadow:0 4px 12px #0006,0 2px 6px #0003}@keyframes _2o3clq_slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes _2o3clq_fadeOut{0%{opacity:1}to{opacity:0}}._2o3clq_notification._2o3clq_info{border-left:4px solid var(--accent);color:var(--text-primary);background:#0d1117f2}._2o3clq_notification._2o3clq_info:hover{background:#0d1117fa}._2o3clq_notification._2o3clq_success{border-left:4px solid var(--green);color:#fff;background:#1a7f37f2}._2o3clq_notification._2o3clq_success:hover{background:#1a7f37fa}._2o3clq_notification._2o3clq_warning{border-left:4px solid var(--yellow);color:#fff;background:#d29922f2}._2o3clq_notification._2o3clq_warning:hover{background:#d29922fa}._2o3clq_notification._2o3clq_error{border-left:4px solid var(--red);color:#fff;background:#cf222ef2}._2o3clq_notification._2o3clq_error:hover{background:#cf222efa}._2o3clq_notification ._2o3clq_closeBtn{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;transition:opacity .2s;display:flex}._2o3clq_notification ._2o3clq_closeBtn:hover{opacity:1;background:#ffffff1a}._2o3clq_notification ._2o3clq_closeBtn svg{width:16px;height:16px}._2o3clq_notificationContainer:empty{display:none}.nomFOa_scaleBuilder .nomFOa_scaleDesc{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.nomFOa_scaleNotesGrid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px;display:grid}.nomFOa_scaleNoteBtn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:12px 8px;font-size:.85rem;transition:all .15s}.nomFOa_scaleNoteBtn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.nomFOa_scaleNoteBtn.nomFOa_active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.nomFOa_scaleNoteBtn.nomFOa_whiteKey{background:var(--bg-tertiary)}.nomFOa_scaleNoteBtn.nomFOa_blackKey{background:var(--bg-secondary);color:var(--text-secondary)}.nomFOa_scaleNoteBtn.nomFOa_blackKey.nomFOa_active{background:var(--accent-dim);color:var(--accent)}.nomFOa_scaleQuickActions{gap:8px;margin-bottom:16px;display:flex}.nomFOa_scaleQuickActions button{padding:6px 12px;font-size:.8rem}.nomFOa_scalePreview{background:var(--bg-secondary);border-radius:6px;margin-bottom:16px;padding:12px}.nomFOa_scalePreview h4{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.nomFOa_scalePreviewNotes{flex-wrap:wrap;gap:6px;display:flex}.nomFOa_previewNote{background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:4px 10px;font-size:.85rem}.nomFOa_noNotes{color:var(--text-muted);font-size:.85rem;font-style:italic}.nomFOa_scaleNameRow{align-items:center;gap:12px;margin-bottom:16px;display:flex}.nomFOa_scaleNameRow label{color:var(--text-secondary);font-size:.85rem}.nomFOa_scaleNameInput{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;flex:1;padding:8px 12px;font-size:.85rem}.nomFOa_savedScales{border-top:1px solid var(--border);padding-top:16px}.nomFOa_savedScales h4{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.nomFOa_savedScalesList{flex-wrap:wrap;gap:8px;display:flex}.nomFOa_savedScaleItem{align-items:center;gap:4px;display:flex}.nomFOa_btnSmall{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem}.nomFOa_btnSmall:hover{background:var(--accent-dim);border-color:var(--accent)}.nomFOa_btnDelete{color:var(--red);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.nomFOa_btnDelete:hover{color:#ff6b6b}.nomFOa_btnPrimary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem}.nomFOa_btnPrimary:hover{background:#4090e0}.nomFOa_btnPrimary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.nomFOa_btnSecondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.9rem}.nomFOa_btnSecondary:hover{background:var(--bg-tertiary)}.nomFOa_btnSecondary:disabled{color:var(--text-muted);cursor:not-allowed}.uBhxjq_sessionPlayer{background:linear-gradient(90deg,var(--accent-dim) 0%,var(--green-dim) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.uBhxjq_sessionPlayerHeader{align-items:center;gap:8px;display:flex}.uBhxjq_sessionPlayerTitle{color:var(--green);align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.uBhxjq_sessionPlayerProgress{color:var(--text-secondary);font-size:.78rem}.uBhxjq_sessionPlayerItem{align-items:center;gap:4px;display:flex}.uBhxjq_sessionItemIcon{color:var(--text-muted)}.uBhxjq_sessionItemLabel{color:var(--text-secondary);font-size:.78rem}.uBhxjq_sessionPlayerItem.isRest{opacity:.5}.uBhxjq_sessionPlayerItem.isRest .uBhxjq_sessionItemLabel{color:var(--text-muted,#9aa3b2);font-style:italic}.uBhxjq_sessionPlayerItem.isRest .uBhxjq_sessionItemIcon{color:var(--accent-muted,#777)}.uBhxjq_sessionPlayerTimer{margin-left:auto}.uBhxjq_sessionElapsed{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.uBhxjq_sessionPlayerControls{gap:6px;display:flex}#iW7pGG_settings-panel{background:var(--bg-primary);width:100%;height:100%;overflow-y:auto}.iW7pGG_settingsPanel{width:100%;height:100%;padding:20px;overflow-y:auto}.iW7pGG_settingsContent{max-width:600px;margin:0 auto}.iW7pGG_settingsTitle{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:16px;font-size:1.2rem}.iW7pGG_settingsSection{margin-bottom:30px}.iW7pGG_settingsSectionTitle{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.9rem;font-weight:600}.iW7pGG_settingsDivider{background:linear-gradient(90deg,var(--border) 0%,var(--border) 60%,var(--accent) 60%,var(--accent) 100%);border-radius:2px;width:100%;height:4px;margin:16px 0}.iW7pGG_settingsDesc{color:var(--text-muted);margin:-8px 0 12px;font-size:.8rem}.iW7pGG_tooltipWrapper{align-items:center;display:inline-flex;position:relative}.iW7pGG_tooltip{z-index:9000;background:var(--bg-inverse);color:var(--text-inverse);white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.72rem;line-height:1.4;position:absolute;box-shadow:0 2px 8px #0003}.iW7pGG_tooltipTop{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.iW7pGG_tooltipBottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.iW7pGG_tooltipLeft{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.iW7pGG_tooltipRight{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.iW7pGG_keymapTable{border:1px solid var(--border);border-radius:8px;margin-top:8px;overflow:hidden}.iW7pGG_keymapRow{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 14px;display:flex}.iW7pGG_keymapRow:last-child{border-bottom:none}.iW7pGG_keymapRow.iW7pGG_keymapHeader{background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 14px;font-size:.72rem;font-weight:600}.iW7pGG_keymapRow.iW7pGG_keymapHeader span:first-child{text-align:center;min-width:52px}.iW7pGG_keymapRow kbd{background:var(--bg-secondary);border:1px solid var(--border);min-width:52px;color:var(--text-primary);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-family:monospace;font-size:.75rem;display:inline-flex;box-shadow:0 1px 2px #00000026}.iW7pGG_keymapRow span:last-child{color:var(--text-secondary);font-size:.82rem}.iW7pGG_settingsRow{flex-wrap:wrap;align-items:center;gap:12px;max-width:500px;margin-bottom:12px;display:flex}.iW7pGG_settingsRow label{width:auto;min-width:160px;color:var(--text-primary);cursor:default;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.iW7pGG_settingsRow input[type=range]{min-width:120px;max-width:200px;accent-color:var(--accent);flex:1}.iW7pGG_settingsRow input[type=number]{background:var(--bg-tertiary);border:1px solid var(--border);width:60px;color:var(--text-primary);text-align:center;border-radius:4px;outline:none;padding:6px 8px;font-size:.85rem;transition:border-color .2s}.iW7pGG_settingsRow input[type=number]:focus{border-color:var(--accent)}.iW7pGG_settingsRow input[type=number]::-webkit-inner-spin-button{opacity:.7;filter:invert(65%)sepia(44%)saturate(711%)hue-rotate(179deg)brightness(96%)contrast(95%);cursor:pointer}.iW7pGG_settingsRow input[type=number]::-webkit-outer-spin-button{opacity:.7;filter:invert(65%)sepia(44%)saturate(711%)hue-rotate(179deg)brightness(96%)contrast(95%);cursor:pointer}.iW7pGG_settingsRow select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;min-width:200px;max-width:280px;padding:8px 12px;font-size:.85rem}.iW7pGG_settingsVal{text-align:left;min-width:40px;color:var(--accent);font-size:.85rem}.iW7pGG_settingsRow small{width:100%;color:var(--text-muted);margin-top:2px;font-size:.72rem}.iW7pGG_settingsToggle{cursor:pointer;flex-shrink:0;height:22px;display:inline-block;position:relative;width:42px!important}.iW7pGG_settingsToggle input{opacity:0;width:0;height:0;position:absolute}.iW7pGG_settingsSlider{cursor:pointer;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:22px;width:42px;transition:all .3s;position:absolute;inset:0}.iW7pGG_settingsSlider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px}input:checked+.iW7pGG_settingsSlider{background-color:var(--accent-dim);border-color:var(--accent)}input:checked+.iW7pGG_settingsSlider:before{background-color:var(--accent);transform:translate(20px)}.iW7pGG_settingsInfo{background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;padding:12px;font-size:.85rem;display:grid}.iW7pGG_settingsInfo span{color:var(--accent);font-weight:700}.iW7pGG_dangerRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.iW7pGG_dangerContent{flex:1}.iW7pGG_dangerLabel{color:#ff3b30;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.iW7pGG_dangerDesc{font-size:.75rem;display:block}.iW7pGG_settingsDangerZone{background:#ff3b3005;border:1px solid #ff3b304d;border-radius:8px;padding:16px}.iW7pGG_dangerDivider{background:linear-gradient(90deg,var(--border) 0%,var(--border) 60%,#ff3b3099 60%,#ff3b3099 100%)}.iW7pGG_dangerBtn{color:#ff3b30;cursor:pointer;white-space:nowrap;background:#ff3b301a;border:1px solid #ff3b304d;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.iW7pGG_dangerBtn:hover{background:#ff3b3033;border-color:#ff3b3080}.iW7pGG_dangerConfirmOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.iW7pGG_dangerConfirmBox{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 40px #0000004d}.iW7pGG_dangerConfirmTitle{color:var(--text-primary);margin:0 0 12px;font-size:1rem;font-weight:600}.iW7pGG_dangerConfirmText{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.5}.iW7pGG_dangerConfirmActions{justify-content:flex-end;gap:12px;display:flex}.iW7pGG_dangerBtnSecondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.iW7pGG_dangerBtnSecondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.iW7pGG_dangerBtnPrimary{color:#fff;cursor:pointer;background:#ff3b30;border:1px solid #ff3b30;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.iW7pGG_dangerBtnPrimary:hover{background:#e62e24;border-color:#e62e24}.iW7pGG_aboutContent{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 16px 16px;display:flex}.iW7pGG_aboutLogo{color:var(--accent);margin-bottom:4px}.iW7pGG_aboutName{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.iW7pGG_aboutVersion{color:var(--text-muted);margin:0;font-size:.8rem}.iW7pGG_aboutDesc{color:var(--text-secondary);max-width:340px;margin:0;font-size:.85rem;line-height:1.5}.iW7pGG_aboutFeatures{flex-wrap:wrap;justify-content:center;gap:10px;font-size:.8rem;display:flex}.iW7pGG_featurePill{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.iW7pGG_featurePill svg{flex-shrink:0}.iW7pGG_featurePill:hover{background:var(--bg-card);border-color:var(--accent-glow);color:var(--text-primary);transform:translateY(-1px)}.iW7pGG_pillDetection svg{color:var(--accent)}.iW7pGG_pillEditor svg{color:var(--purple)}.iW7pGG_pillProgress svg{color:var(--green)}.iW7pGG_pillMidi svg{color:var(--orange)}.iW7pGG_pillAdsr svg{color:var(--teal)}.iW7pGG_pillReverb svg{color:var(--yellow)}.iW7pGG_aboutCredits{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.iW7pGG_whatsNewBtn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:all .2s;display:inline-flex}.iW7pGG_whatsNewBtn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.iW7pGG_aboutLinks{justify-content:center;margin-top:12px;display:flex}.iW7pGG_aboutLink{color:var(--accent);border:1px solid var(--accent);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.iW7pGG_aboutLink:hover{background:var(--accent);color:#fff}.iW7pGG_pitchBufferPills{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:3px;display:flex}.iW7pGG_pitchBufferPill{color:#ffffff73;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 10px;font-family:Inter,SF Mono,monospace;font-size:.72rem;font-weight:600;transition:all .2s}@media(hover:hover){.iW7pGG_pitchBufferPill:hover{color:#ffffffb3;background:#ffffff0f}}.iW7pGG_pitchBufferPillActive{color:#fff;background:linear-gradient(135deg,#38bdf833,#8b5cf633);border:1px solid #38bdf840;box-shadow:0 0 8px #38bdf826,inset 0 1px #ffffff14}@media(hover:hover){.iW7pGG_pitchBufferPillActive:hover{background:linear-gradient(135deg,#38bdf84d,#8b5cf64d)}}.iW7pGG_settingsSelect{border:1px solid var(--border);background-color:var(--bg-secondary);height:34px;min-height:34px;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;padding:0 32px 0 12px;font-size:.9rem;line-height:34px}.iW7pGG_settingsSelect:hover{border-color:var(--accent-glow);background-color:var(--bg-card)}.iW7pGG_settingsSelect:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.iW7pGG_settingsSelectOption{background:var(--bg-secondary);color:var(--text-primary)}.iW7pGG_settingsTierSelector .iW7pGG_welcomeTierButtons{gap:8px}.iW7pGG_settingsTierSelector .iW7pGG_welcomeTierBtn{flex:1;min-width:0;padding:10px 12px}.iW7pGG_settingsTierSelector .iW7pGG_tierIconWrap svg{width:18px;height:18px}.iW7pGG_settingsTierSelector .iW7pGG_tierName{font-size:.8rem}.iW7pGG_settingsTierSelector .iW7pGG_tierDesc{font-size:.65rem}header{background:var(--bg-tertiary);flex-shrink:0;align-items:center;gap:16px;padding:10px 24px;display:flex}header h1{cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:.8rem}.logo-btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.logo-btn .app-title{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.logo-btn:hover .app-title{opacity:.85}.logo-btn:active .app-title{opacity:.7}.app-header-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-header-sep{background:var(--border);flex-shrink:0;width:1px;height:22px}.practice-header-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;min-height:44px;padding:5px 12px;display:flex;overflow-x:auto}.practice-header-bar::-webkit-scrollbar{display:none}.practice-header-bar .essential-controls,.practice-header-bar .secondary-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.practice-header-bar .essential-controls>*{flex-shrink:0}.practice-header-bar .essential-control-group,.practice-header-bar .secondary-control-group{align-items:center;gap:6px;display:flex}.editor-header-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;display:flex;overflow-x:auto}.editor-header-bar::-webkit-scrollbar{display:none}.editor-header-bar .essential-controls,.editor-header-bar .secondary-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.editor-header-bar .essential-control-group,.editor-header-bar .secondary-control-group{align-items:center;gap:6px;display:flex}.key-group,.scale-group{align-items:center;gap:4px;display:flex}.key-select,.scale-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:4px;outline:none;min-width:75px;padding:3px 7px;font-size:.8rem}.key-select:focus,.scale-select:focus{border-color:var(--accent)}.mode-group{flex-shrink:0;gap:4px;display:flex}.cycles-input{background:var(--bg-secondary);width:52px;color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:.8rem}#cycle-counter{color:var(--text-secondary);font-size:.8rem}.app-header-score{align-items:center;gap:6px;margin-left:4px;display:flex}.app-score-value{color:var(--green);font-size:.9rem;font-weight:700}.app-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.app-tab:hover{color:var(--text-primary);background:#ffffff0d}.app-tab.active{background:var(--bg-tertiary);color:var(--accent);box-shadow:0 1px 3px #0003}.tab-icon{opacity:.75;flex-shrink:0;width:14px;height:14px}.app-tab.active .tab-icon{opacity:1}.header-left{flex-direction:column;gap:2px;transition:width .22s;display:flex}@media(min-width:769px){.header-left{flex-shrink:0;width:260px}body:has(.app-sidebar.collapsed) .header-left{width:auto}}.welcome-tier-select{background:linear-gradient(#161b2299,#0d111780);border:1px solid #30363d99;border-radius:12px;margin-top:20px;padding:14px 16px}.welcome-tier-label{color:var(--text-muted);text-align:center;margin:0 0 10px;font-size:.75rem}.welcome-tier-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.welcome-tier-btn{background:var(--bg-tertiary);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.tier-icon-wrap{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.tier-icon-wrap svg{opacity:.6;transition:opacity .2s}.welcome-tier-btn .tier-name{font-size:.78rem;font-weight:600;line-height:1.2}.welcome-tier-btn .tier-desc{color:var(--text-muted);opacity:.7;font-size:.65rem;line-height:1}@media(hover:hover){.welcome-tier-btn:hover{border-color:var(--accent-glow);background:var(--bg-card)}.welcome-tier-btn:hover .tier-icon-wrap{border-color:var(--accent-glow)}.welcome-tier-btn:hover .tier-icon-wrap svg{opacity:.85}}.welcome-tier-learning{border-color:#22c55e59}.welcome-tier-learning .tier-icon-wrap{background:#22c55e14;border-color:#22c55e33}.welcome-tier-learning .tier-icon-wrap svg{color:#22c55e}.welcome-tier-singer{border-color:#f59e0b59}.welcome-tier-singer .tier-icon-wrap{background:#f59e0b14;border-color:#f59e0b33}.welcome-tier-singer .tier-icon-wrap svg{color:#f59e0b}.welcome-tier-professional{border-color:#8b5cf659}.welcome-tier-professional .tier-icon-wrap{background:#8b5cf614;border-color:#8b5cf633}.welcome-tier-professional .tier-icon-wrap svg{color:#8b5cf6}.welcome-tier-btn.tier-active{color:var(--text-primary)}.welcome-tier-learning.tier-active{background:#22c55e1f;border-color:#22c55e;box-shadow:0 0 14px #22c55e26}.welcome-tier-learning.tier-active .tier-icon-wrap{background:#22c55e33;border-color:#22c55e80}.welcome-tier-learning.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-singer.tier-active{background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b26}.welcome-tier-singer.tier-active .tier-icon-wrap{background:#f59e0b33;border-color:#f59e0b80}.welcome-tier-singer.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-professional.tier-active{background:#8b5cf61f;border-color:#8b5cf6;box-shadow:0 0 14px #8b5cf626}.welcome-tier-professional.tier-active .tier-icon-wrap{background:#8b5cf633;border-color:#8b5cf680}.welcome-tier-professional.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-soprano{border-color:#ec489959}.welcome-tier-soprano .tier-icon-wrap{background:#ec489914;border-color:#ec489933}.welcome-tier-soprano .tier-icon-wrap svg{color:#ec4899}.welcome-tier-soprano.tier-active{background:#ec48991f;border-color:#ec4899;box-shadow:0 0 14px #ec489926}.welcome-tier-soprano.tier-active .tier-icon-wrap{background:#ec489933;border-color:#ec489980}.welcome-tier-soprano.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-mezzo{border-color:#f9731659}.welcome-tier-mezzo .tier-icon-wrap{background:#f9731614;border-color:#f9731633}.welcome-tier-mezzo .tier-icon-wrap svg{color:#f97316}.welcome-tier-mezzo.tier-active{background:#f973161f;border-color:#f97316;box-shadow:0 0 14px #f9731626}.welcome-tier-mezzo.tier-active .tier-icon-wrap{background:#f9731633;border-color:#f9731680}.welcome-tier-mezzo.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-alto{border-color:#22c55e59}.welcome-tier-alto .tier-icon-wrap{background:#22c55e14;border-color:#22c55e33}.welcome-tier-alto .tier-icon-wrap svg{color:#22c55e}.welcome-tier-alto.tier-active{background:#22c55e1f;border-color:#22c55e;box-shadow:0 0 14px #22c55e26}.welcome-tier-alto.tier-active .tier-icon-wrap{background:#22c55e33;border-color:#22c55e80}.welcome-tier-alto.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-tenor{border-color:#3b82f659}.welcome-tier-tenor .tier-icon-wrap{background:#3b82f614;border-color:#3b82f633}.welcome-tier-tenor .tier-icon-wrap svg{color:#3b82f6}.welcome-tier-tenor.tier-active{background:#3b82f61f;border-color:#3b82f6;box-shadow:0 0 14px #3b82f626}.welcome-tier-tenor.tier-active .tier-icon-wrap{background:#3b82f633;border-color:#3b82f680}.welcome-tier-tenor.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-baritone{border-color:#a855f759}.welcome-tier-baritone .tier-icon-wrap{background:#a855f714;border-color:#a855f733}.welcome-tier-baritone .tier-icon-wrap svg{color:#a855f7}.welcome-tier-baritone.tier-active{background:#a855f71f;border-color:#a855f7;box-shadow:0 0 14px #a855f726}.welcome-tier-baritone.tier-active .tier-icon-wrap{background:#a855f733;border-color:#a855f780}.welcome-tier-baritone.tier-active .tier-icon-wrap svg{opacity:1}.welcome-tier-bass{border-color:#06b6d459}.welcome-tier-bass .tier-icon-wrap{background:#06b6d414;border-color:#06b6d433}.welcome-tier-bass .tier-icon-wrap svg{color:#06b6d4}.welcome-tier-bass.tier-active{background:#06b6d41f;border-color:#06b6d4;box-shadow:0 0 14px #06b6d426}.welcome-tier-bass.tier-active .tier-icon-wrap{background:#06b6d433;border-color:#06b6d480}.welcome-tier-bass.tier-active .tier-icon-wrap svg{opacity:1}.session-editor-timeline{margin-top:12px}.timeline-track{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;width:100%;overflow-x:auto}.timeline-items{align-items:stretch;width:max-content;min-width:100%;padding:8px;display:flex}.end-zone{flex-grow:1;align-items:flex-start;min-width:48px;padding-left:12px}.timeline-item{background:var(--bg-primary);border:1px solid var(--border);cursor:grab;border-radius:6px;flex-direction:column;min-width:140px;margin-right:8px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.timeline-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.timeline-item:active{cursor:grabbing}.item-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.item-type-icon{font-size:12px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.item-delete-btn{width:16px;height:16px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.item-delete-btn:hover{background:var(--red);color:var(--bg-primary)}.item-details{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;display:flex}.item-start-beat{font-family:monospace}.timeline-drop-zone{cursor:pointer;border:1px dashed var(--border);background:var(--bg-tertiary);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:24px;margin-right:8px;transition:border-color .2s,background .2s;display:flex}.timeline-drop-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.rest-placeholder{color:var(--text-secondary);font-size:18px;line-height:1}.rest-hint{color:var(--text-secondary);margin-top:4px;font-size:10px}.timeline-footer{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:12px;padding-top:8px;font-size:12px}.item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:.72rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state p{margin:0;font-size:.9rem}.U-H2sW_crashModalOverlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0fd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.U-H2sW_crashModalGlass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14182099;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:540px;padding:40px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0d}.U-H2sW_crashModalGlass:before{content:"";background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.U-H2sW_crashHeader{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.U-H2sW_crashIconContainer{width:64px;height:64px;color:var(--red);background:#f8514926;border:1px solid #f851494d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;animation:2s ease-in-out infinite U-H2sW_crash-pulse;display:flex;box-shadow:0 0 20px #f8514933}.U-H2sW_crashSvgIcon{width:32px;height:32px}@keyframes U-H2sW_crash-pulse{0%,to{box-shadow:0 0 20px #f8514933}50%{box-shadow:0 0 40px #f8514966}}.U-H2sW_crashHeaderText{text-align:left}.U-H2sW_crashTitle{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:700}.U-H2sW_crashSubtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.U-H2sW_crashErrorPanel{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;overflow:hidden}.U-H2sW_crashErrorMessageBox{background:#f851490d;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px;display:flex}.U-H2sW_crashErrorBullet{width:16px;height:16px;color:var(--red);flex-shrink:0}.U-H2sW_crashErrorMessage{color:var(--red);word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:500}.U-H2sW_crashStacktraceWrapper{max-height:180px;padding:16px;overflow-y:auto}.U-H2sW_crashStacktraceContent{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6}.U-H2sW_crashMetadata{gap:12px;margin-bottom:32px;display:flex}.U-H2sW_crashMetaBadge{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:stretch;font-size:11px;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #0003}.U-H2sW_crashMetaLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border-right:1px solid #ffffff0d;align-items:center;padding:6px 10px;font-weight:600;line-height:1;display:flex}.U-H2sW_crashMetaValue{color:var(--text-primary);align-items:center;padding:6px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:500;line-height:1;display:flex}.U-H2sW_crashActionsContainer{flex-direction:column;gap:16px;display:flex}.U-H2sW_crashBtn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.U-H2sW_crashBtnPrimary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #58a6ff33}.U-H2sW_crashBtnPrimary:hover{background:#79c0ff;transform:translateY(-2px);box-shadow:0 6px 16px #58a6ff4d}.U-H2sW_crashBtnPrimary:active{transform:translateY(0)}.U-H2sW_crashSecondaryActions{justify-content:center;align-items:center;gap:12px;display:flex}.U-H2sW_crashActionLink{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.U-H2sW_crashActionLink:hover{color:var(--text-primary)}.U-H2sW_crashActionDivider{color:var(--border);font-size:12px}.U-H2sW_crashStacktraceHeader{align-items:flex-start;gap:12px;display:flex;position:relative}.U-H2sW_crashCopyBtn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.U-H2sW_crashCopyBtn:hover{background:#58a6ff1a}.U-H2sW_crashCopyBtn:active{transform:scale(.98)}.U-H2sW_crashCopyBtn svg{flex-shrink:0}.U-H2sW_crashCopyBtnError{border-color:var(--red);color:var(--red);background:#f851491a}.U-H2sW_crashCopyText{flex-shrink:0}.U-H2sW_crashDangerLink:hover{color:var(--red)}[data-theme=light] .U-H2sW_crashModalGlass{background:#fffffff2;border-color:#0000001a;box-shadow:0 24px 64px #00000026}[data-theme=light] .U-H2sW_crashTitle{color:var(--text-primary)}[data-theme=light] .U-H2sW_crashErrorPanel{background:#00000008;border-color:#0000000d}[data-theme=light] .U-H2sW_crashMetaBadge{background:#00000005;border-color:#0000001a}[data-theme=light] .U-H2sW_crashMetaLabel{background:#0000000d;border-right-color:#0000000d}.U-H2sW_dropdownSelectStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:6px;padding:7px 30px 7px 10px;font-size:.75rem;font-weight:500;line-height:1.2;transition:border-color .15s,background-color .15s,box-shadow .15s}.U-H2sW_dropdownSelectStyle option{background:var(--bg-secondary);color:var(--text-primary)}._0HFFwa_guideOverlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}._0HFFwa_guideSelection{background:var(--bg-primary);border:1px solid var(--border);width:100%;max-width:480px;max-height:80vh;color:var(--text-primary);border-radius:16px;padding:28px;overflow-y:auto;box-shadow:0 12px 48px #0000004d}._0HFFwa_guideSelectionHeader{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}._0HFFwa_guideSelectionHeader h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}._0HFFwa_guideCloseBtn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}._0HFFwa_guideCloseBtn:hover{background:var(--bg-tertiary);color:var(--text-primary)}._0HFFwa_guideSelectionDesc{color:var(--text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}._0HFFwa_guideQuickActions{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}._0HFFwa_guideQuickBtn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}._0HFFwa_guideQuickBtn:hover{background:var(--bg-secondary);border-color:var(--accent)}._0HFFwa_guideQuickIncomplete{border-color:var(--accent);background:var(--accent-light,#6c63ff14);color:var(--accent)}._0HFFwa_guideQuickIncomplete:hover{background:var(--accent-light,#6c63ff26)}._0HFFwa_guideSectionsList{border-top:1px solid var(--border);padding-top:16px}._0HFFwa_guideSectionsList h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:600}._0HFFwa_guideSectionItem{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:14px;transition:background .15s,border-color .15s;display:flex}._0HFFwa_guideSectionItem:hover{background:var(--bg-tertiary);border-color:var(--border)}._0HFFwa_guideSectionItemCompleted{opacity:.6}._0HFFwa_guideSectionIcon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}._0HFFwa_guideSectionItemCompleted ._0HFFwa_guideSectionIcon{color:#4caf50}._0HFFwa_guideSectionText{flex-direction:column;gap:2px;min-width:0;display:flex}._0HFFwa_guideSectionName{color:var(--text-primary);font-size:14px;font-weight:600}._0HFFwa_guideSectionDesc{color:var(--text-muted);font-size:12px;line-height:1.4}.FNWamW_welcomeOverlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.3s FNWamW_welcome-fadein;display:flex;position:fixed;inset:0}@keyframes FNWamW_welcome-fadein{0%{opacity:0}to{opacity:1}}.FNWamW_welcomeCard{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:14px;width:420px;max-width:92vw;max-height:90vh;padding:32px 36px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) FNWamW_welcome-slidein;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0006}@keyframes FNWamW_welcome-slidein{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.FNWamW_welcomeClose{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.FNWamW_welcomeClose:hover{background:var(--bg-tertiary);color:var(--text-primary)}.FNWamW_welcomeHero{margin-bottom:24px}.FNWamW_welcomeIcon{color:var(--accent);filter:drop-shadow(0 0 16px #58a6ff66);margin-bottom:12px}.FNWamW_welcomeTitle{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:700}.FNWamW_welcomeTitle .app-title{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-text-fill-color:transparent;font-size:inherit;-webkit-background-clip:text;background-clip:text}.FNWamW_welcomeSubtitle{color:var(--text-muted);margin:0;font-size:.9rem}.FNWamW_welcomeMicSection{background:var(--bg-tertiary);border:1px solid var(--border);text-align:left;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.FNWamW_welcomeMicIcon{background:var(--bg-secondary);width:36px;height:36px;color:var(--accent);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.FNWamW_welcomeMicText{flex:1;min-width:0}.FNWamW_welcomeMicText strong{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;display:block}.FNWamW_welcomeMicText p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.FNWamW_welcomeMicBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#58a6ffd9,#6482ffcc);border:1px solid #78beff59;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:.78rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #58a6ff26}@media(hover:hover){.FNWamW_welcomeMicBtn:hover{background:linear-gradient(135deg,#64b4fff2,#7391ffe6);border-color:#8cc8ff80;transform:translateY(-1px);box-shadow:0 4px 16px #58a6ff40}}.FNWamW_welcomeMicBtn:active{transform:translateY(0);box-shadow:0 1px 6px #58a6ff26}.FNWamW_welcomeMicSuccess{color:var(--green);background:#22c55e1a;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.FNWamW_welcomeMicError{color:var(--red);background:#f851491a;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:.75rem}.FNWamW_welcomeFeatures{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.FNWamW_welcomeFeature{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.FNWamW_welcomeFeatureIcon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.FNWamW_welcomeFeatureIconPractice{color:#58a6ff}.FNWamW_welcomeFeatureIconEditor{color:#d2a8ff}.FNWamW_welcomeFeatureIconImprove{color:#7ee787}.FNWamW_welcomeFeatureText{text-align:left;flex:1}.FNWamW_welcomeFeatureText strong{color:var(--text-primary);margin-bottom:1px;font-size:.82rem;display:block}.FNWamW_welcomeFeatureText p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.FNWamW_welcomeActions{gap:10px;display:flex}.FNWamW_welcomeCta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#58a6ffe6,#6482ffd9);border:1px solid #78beff66;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #58a6ff33}@media(hover:hover){.FNWamW_welcomeCta:hover{background:linear-gradient(135deg,#64b4ff,#7391fff2);border-color:#8cc8ff99;transform:translateY(-1px);box-shadow:0 6px 24px #58a6ff4d}}.FNWamW_welcomeCta:active{transform:translateY(0);box-shadow:0 2px 10px #58a6ff33}.FNWamW_welcomeTourBtn{color:var(--text-secondary);cursor:pointer;background:#161b2280;border:1.5px solid #30363db3;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}@media(hover:hover){.FNWamW_welcomeTourBtn:hover{color:var(--accent);background:#1e2630b3;border-color:#58a6ff66;transform:translateY(-1px);box-shadow:0 0 12px #58a6ff1a}}.FNWamW_welcomeTourBtn:active{transform:translateY(0)}