@media (min-width:768px){.improlab-app{--blue:#1497ff;--blue-hover:#47b7ff;--blue-bg:#1497ff29;--blue-border:#70d0ffc2;--pc-cyan:#73c9ff;--pc-cyan-strong:#4fb6ff;--pc-icon-electric:#54beff;--pc-green:#2edb91;--pc-red:#ff626c}.improlab-app .brand-logo,.improlab-app.focus-mode .brand-logo{color:#69c2ff!important;filter:drop-shadow(0 0 9px #147dff33)!important}.improlab-app .brand-logo rect:nth-child(odd){fill:#69c2ff!important;opacity:1!important}.improlab-app .brand-logo rect:nth-child(2n){fill:#f7fbff!important;opacity:1!important}.improlab-app .nav-button-primary,.improlab-app .nav-button-primary:hover:not(:disabled){color:#171b1e!important;background:linear-gradient(#fff 0%,#e0e4e8 100%)!important;border-color:#f4f7f9!important;box-shadow:inset 0 1px #fff,0 8px 20px #0000002e!important}.improlab-app .language-toggle button.active{color:var(--pc-cyan)!important}.improlab-app:not(.focus-mode) .practice-title-eyebrow{color:#8bcaff!important}.improlab-app:not(.focus-mode) .chord-recording-title,.improlab-app:not(.focus-mode) .metronome-label{color:#f0efec!important}.improlab-app .practice-title-edit,.improlab-app .practice-title-edit:hover:not(:disabled){color:var(--pc-cyan)!important;background:#1497ff21!important;border-color:#70d0ffe0!important;box-shadow:0 0 0 1px #4fb6ff2e,0 0 15px #1497ff33!important}.improlab-app .switch.on,.improlab-app.focus-mode .switch.on{background:linear-gradient(#1aa2ff,#0f7dff)!important;border-color:#78cfff!important;box-shadow:0 0 0 1px #54bfff2e,0 0 18px #1497ff47!important}.improlab-app .switch.on span{background:#fff!important}.improlab-app .map-mode-toggle.open-map{color:#dff9eb!important;background:linear-gradient(#173027,#0d1e19)!important;border-color:#3ec787b3!important;box-shadow:0 0 0 1px #34c77b17,inset 0 1px #ffffff09!important}.improlab-app:not(.focus-mode) .map-mode-toggle.return-practice,.improlab-app.focus-mode .map-mode-toggle.return-practice{color:#d7eeff!important;background:linear-gradient(#163754,#0a1d31)!important;border-color:#68c8ffd1!important;box-shadow:0 0 0 1px #4fb6ff2e,0 0 16px #1497ff29!important}.improlab-app .map-mode-toggle.open-map svg{color:#8be2b5!important}.improlab-app .map-mode-toggle.return-practice svg{filter:drop-shadow(0 0 6px #1497ff38);color:#54beff!important}.improlab-app .map-mode-toggle.open-map:hover:not(:disabled){border-color:#55dfa0!important}.improlab-app .map-mode-toggle.return-practice:hover:not(:disabled){border-color:#8ed4ff!important;box-shadow:0 0 0 1px #4fb6ff2e,0 0 18px #1497ff2e!important}.improlab-app .live-chord-card.current,.improlab-app.focus-mode .progression-builder.live:not(.read-only) .live-chord-card.current{color:#fff!important;background:linear-gradient(#17384a,#0d1f2c)!important;border-color:#8fd9ff!important;box-shadow:0 0 0 1px #70d0ff57,0 0 22px #1497ff47,inset 0 1px #ffffff0b!important}.improlab-app .live-chord-card.harmonic-selected{border-color:#34c77bcc!important;box-shadow:0 0 0 1px #34c77b24,0 0 12px #34c77b1c!important}.improlab-app .live-chord-card.drag-before:before,.improlab-app .live-chord-card.drag-after:after,.improlab-app .live-row-music.drag-row-end:after,.improlab-app .new-row-preview-card{border-color:#77d0ff!important}.improlab-app .live-chord-card.drag-before:before,.improlab-app .live-chord-card.drag-after:after,.improlab-app .live-row-music.drag-row-end:after{background:#77d0ff!important;box-shadow:0 0 12px #1497ff85!important}.improlab-app .live-chord-card.drag-over,.improlab-app .live-chord-card.form-marker-drop-target{border-color:#74ceff!important;box-shadow:0 0 0 1px #74ceff47,0 0 18px #1497ff2e!important}.improlab-app .form-marker-text,.improlab-app .form-marker-ending-text,.improlab-app .form-marker-glyph,.improlab-app .form-repeat-edge-control,.improlab-app .form-marker-badge{color:#f0f0ee!important}.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-drag-tool,.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-drag-tool>span:last-child,.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-drag-tool svg,.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-drag-glyph,.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-drag-glyph.text,.improlab-app:not(.loading-screen) .form-symbols-static-palette .form-symbol-repeat-chip{color:#f0efec!important;text-shadow:0 0 8px #ffffff0e!important}.improlab-app .form-symbols-static-palette .form-symbol-drag-tool:hover:not(:disabled),.improlab-app .form-symbols-static-palette .form-symbol-repeat-chip:hover:not(:disabled){border-color:#67c4ffb8!important}.improlab-app .form-symbols-static-palette .form-symbol-drag-glyph,.improlab-app .form-symbols-static-palette .form-symbol-drag-glyph.text,.improlab-app .form-symbols-static-palette .form-symbol-repeat-chip{color:#f0efec!important;text-shadow:0 0 8px #ffffff0e!important}.improlab-app .form-symbols-static-palette .form-symbol-drag-tool.text-only-symbol{grid-template-columns:minmax(0,1fr)!important}.improlab-app:not(.focus-mode) .form-symbols-static-palette .form-symbol-drag-tool.text-only-symbol>.form-symbol-drag-glyph.text,.improlab-app.focus-mode .form-symbols-static-palette .form-symbol-drag-tool.text-only-symbol>.form-symbol-drag-glyph.text{text-align:center;white-space:nowrap;overflow:visible;color:#f0efec!important}.improlab-app .form-symbols-static-palette .form-symbol-repeat-chip{border-color:#3a5e7acc!important}.improlab-app .practice-loop-mode-toggle button.active:not(.loop-active){color:#eef7ff!important;background:linear-gradient(#2a6093,#143150)!important;box-shadow:0 0 0 1px #5fbaff66,0 0 16px #1497ff29!important}.improlab-app .practice-loop-mode-toggle button.active.loop-active{color:#dff9ea!important;background:linear-gradient(#1b583e,#103622)!important;box-shadow:0 0 0 1px #35d59047!important}.improlab-app .session-console-center .control-primary,.improlab-app.focus-mode .focus-mini-controls button.primary{color:#fff!important;background:linear-gradient(#1aa3ff 0%,#0f7cff 100%)!important;border-color:#7dd0ff!important;box-shadow:inset 0 1px #fff3,0 8px 22px #1497ff47,0 0 14px #1497ff24!important}.improlab-app .session-console-center .control-primary:hover:not(:disabled),.improlab-app.focus-mode .focus-mini-controls button.primary:hover:not(:disabled){color:#fff!important;background:linear-gradient(#4bb6ff 0%,#1f8fff 100%)!important;border-color:#99dcff!important}.improlab-app:not(.focus-mode) .timer-value.running{color:#f6f9fd!important;text-shadow:none!important}.improlab-app .focus-timer.running,.improlab-app .focus-state.running{color:#79bdff!important;text-shadow:0 0 12px #147dff1f!important}.improlab-app .mini-state.running,.improlab-app .state-badge.running{color:#a4d4ff!important;background:#2f7dff17!important;border-color:#5aaaf57a!important}.improlab-app .chord-record-button.record,.improlab-app .chord-record-button.stop,.improlab-app .base-loop-button.record,.improlab-app .base-loop-button.stop{color:#ffadb3!important;background:#87232d2b!important;border-color:#ff626c80!important}.improlab-app .chord-record-button.play,.improlab-app .base-loop-button.play,.improlab-app .base-loop-button.save{color:#d2ecff!important;background:#1497ff29!important;border-color:#71caffbd!important;box-shadow:0 0 12px #1497ff1c!important}.improlab-app .metronome-controls-row .metronome-play.playing,.improlab-app .metronome-play.playing{color:#dbf1ff!important;background:#1497ff2e!important;border-color:#71caffc7!important;box-shadow:0 0 12px #1497ff1f!important}.improlab-app .recording-status-dot.recording{background:#ff626c!important}.improlab-app .session-text-action.discard,.improlab-app .discard-drafts-button{color:#f3a4a9!important}.improlab-app .practice-list-item-shell.active{background:#2f7dff1c!important;border-color:#479ef8a8!important}.improlab-app .practice-list-item-shell.active .practice-list-dot{background:#349aff!important;box-shadow:0 0 10px #2f7dff57!important}.improlab-app .practice-list-item-shell.drag-over,.improlab-app .practice-list-item-shell.drag-over-before,.improlab-app .practice-list-item-shell.drag-over-after,.improlab-app .recording-folder.drop-target{border-color:#62b5fa!important}.improlab-app .media-organizer-item.drag-over-before:before,.improlab-app .media-organizer-item.drag-over-after:after,.improlab-app .practice-list-item-shell.drag-over-before:before,.improlab-app .practice-list-item-shell.drag-over-after:after{background:#67c4ff!important}.improlab-app .media-library-heading .panel-section-toggle>svg,.improlab-app .practice-folder-toggle>svg:first-child,.improlab-app:not(.focus-mode) .media-library-heading .panel-section-toggle>svg:first-child,.improlab-app:not(.focus-mode) .practices-panel .panel-heading .panel-section-toggle>svg:first-child{filter:drop-shadow(0 0 6px #1497ff2e);color:#54beff!important}.improlab-app .delete-button,.improlab-app .media-delete-button{color:#e39a9f!important}.improlab-app:not(.focus-mode) .history-accordion-title svg,.improlab-app:not(.focus-mode) .history-accordion-chevron.open,.improlab-app:not(.focus-mode) .stat-row strong.accent,.improlab-app:not(.focus-mode) .eyebrow.blue{filter:drop-shadow(0 0 6px #1497ff2e);color:#54beff!important}.improlab-app:not(.focus-mode) .chart-area{fill:#2f7dff1a!important}.improlab-app:not(.focus-mode) .chart-line{stroke:#4cb4ff!important}.improlab-app:not(.focus-mode) .chart-dot{fill:#86d1ff!important;stroke:#e0f3ff!important}.improlab-app:not(.focus-mode) .history-accordion-item.open{border-color:#5a96cd7a!important}.improlab-app:not(.focus-mode) .practice-folder-icon-button:not(.danger),.improlab-app:not(.focus-mode) .media-organizer-folder-toggle svg:first-child{filter:drop-shadow(0 0 6px #1497ff2e);color:#54beff!important}.improlab-app:not(.focus-mode) .recording-folder.drop-target{background:#34c77b16!important;border-color:#34c77ba6!important}.improlab-app .practice-folder-icon-button.danger:hover{color:#ffadb3!important}.improlab-app .loop-selection,.improlab-app .floating-loop-selection{background:#1497ff26!important;box-shadow:0 0 14px #1497ff14!important}.improlab-app .loop-trim-handle:before,.improlab-app .floating-loop-handle:before{background:#f1f9ff!important;box-shadow:0 0 0 1px #5fbaff5c,0 0 14px #1497ff3d!important}.improlab-app .loop-trim-handle:after,.improlab-app .floating-loop-handle:after{border-color:#66beff!important}.improlab-app .loop-trim-handle span,.improlab-app .floating-loop-handle span,.improlab-app .loop-playhead-time{color:#a8ddff!important}.modal-card .button-primary:not(:disabled):not(.save-stats-modal):not(.save-statistics-button):not(.focus-save-stats){color:#fff!important;background:linear-gradient(#1aa3ff,#0f7cff)!important;border-color:#7dd0ff!important}.modal-card .button-danger,.modal-card .delete-button{color:#ffadb3!important}.modal-card button:disabled{opacity:.38}.improlab-app .map-mode-toggle.open-map,.improlab-app .practice-loop-mode-toggle button.active.loop-active,.improlab-app .analysis-context-chip.selected,.improlab-app .harmonic-info-button,.improlab-app .base-loop-button.loop-toggle.active{color:#f2fff8!important;background:linear-gradient(#15945f 0%,#0b6f48 100%)!important;border-color:#35d590c7!important;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #054a2f38!important}.improlab-app .map-mode-toggle.open-map:hover:not(:disabled),.improlab-app .practice-loop-mode-toggle button.active.loop-active:hover:not(:disabled),.improlab-app .analysis-context-chip.selected:hover:not(:disabled),.improlab-app .harmonic-info-button:hover:not(:disabled),.improlab-app .base-loop-button.loop-toggle.active:hover:not(:disabled){color:#fff!important;background:linear-gradient(#1bab70 0%,#0c8053 100%)!important;border-color:#55dfa0!important}.improlab-app .map-mode-toggle.open-map svg,.improlab-app .map-mode-toggle.open-map>span,.improlab-app .map-mode-toggle.open-map>small{color:#f2fff8!important}.improlab-app .map-mode-toggle.open-map:disabled,.improlab-app .practice-loop-mode-toggle button.active.loop-active:disabled,.improlab-app .analysis-context-chip.selected:disabled,.improlab-app .harmonic-info-button:disabled,.improlab-app .base-loop-button.loop-toggle.active:disabled{opacity:.38!important;filter:saturate(.75)!important}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only){height:auto;min-height:0;padding:11px 16px 10px}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-progression-head{margin-bottom:5px}.improlab-app:not(.focus-mode) .practice-title-bar{min-height:64px;padding:10px 16px}.improlab-app:not(.focus-mode) .practice-title-eyebrow{top:10px}.improlab-app .practice-title-edit svg,.improlab-app .practice-loop-mode-toggle button:not(.active) svg,.improlab-app .practice-loop-mode-toggle button:not(.active)>span,.improlab-app .map-mode-toggle.return-practice>span,.improlab-app .panel-section-toggle>svg:first-child,.improlab-app .history-accordion-title svg,.improlab-app .practice-folder-icon-button:not(.danger),.improlab-app .media-organizer-folder-toggle svg:first-child{filter:drop-shadow(0 0 6px #1497ff2e);color:#54beff!important}.improlab-app button:focus-visible,.improlab-app select:focus-visible{outline-color:#81d6ffc7!important}.improlab-app button:disabled{filter:saturate(.7)}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only){--pc-row-side:clamp(47px,4.3vw,62px);--pc-slot-gap:clamp(4px,.5vw,8px)}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row{flex-wrap:nowrap;justify-content:center;width:100%;min-width:0;max-width:100%}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balanced-group{width:100%;min-width:0;max-width:100%;margin-inline:auto;display:flex}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balance,.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-actions{width:var(--pc-row-side);flex:0 0 var(--pc-row-side);min-width:0}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-actions{justify-content:flex-start;padding-left:5px}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .row-add-slot{width:calc(var(--pc-row-side) - 10px);min-width:0;max-width:100%}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-music{justify-content:center;gap:var(--pc-slot-gap);flex-wrap:nowrap;flex:1 1 0;width:auto;min-width:0;max-width:100%;display:flex}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-wrap{flex:1 1 0;gap:0;width:auto;min-width:0;max-width:154px}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-card,.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-card.editing{flex:auto;grid-template-columns:18px minmax(0,1fr) 18px;width:100%;min-width:0;max-width:100%}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-symbol{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.improlab-app .practice-title-edit svg,.improlab-app .map-mode-toggle.return-practice>span,.improlab-app .practice-loop-mode-toggle button.active:not(.loop-active)>span,.improlab-app .session-console-center .control-primary>span,.improlab-app .live-chord-card.current .live-chord-main,.improlab-app .live-chord-card.current .live-chord-seconds{filter:drop-shadow(0 0 8px #1497ff1f)}}@media (min-width:768px) and (max-width:1099px){.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-builder-rows{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow:auto visible}.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row,.improlab-app:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balanced-group{min-width:560px}}
@media (min-width:768px){:root{--pc4-black:#030507;--pc4-edge:#939fa659;--pc4-ink:#f1f3f5}html{background-color:var(--pc4-black)}body{color:var(--pc4-ink);background-color:#030507;background-image:linear-gradient(#00000082,#0000009c 54%,#000000b5),url(/backgrounds/improlab-premium-bg.webp)}.improlab-app{--surface:#090d10;--surface-2:#0e1419;--surface-3:#121920;--border:#26313a;--border-soft:#b4c1c81f;--text:#f4f6f7;--text-2:#c2cbd1;--text-3:#94a3af;background:0 0!important}.improlab-app:not(.focus-mode) .app-header,.improlab-app.focus-mode .focus-header{background-color:#05080b!important;background-image:radial-gradient(65% 120% at 12% -70%,#ffffff14,#0000 72%),linear-gradient(115deg,#0000 0%,#ffffff03 25%,#0000 53%),linear-gradient(#101519 0%,#080c10 44%,#040608 100%)!important;border-bottom-color:#a6b1b83b!important;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #010203,0 10px 26px #0000006e!important}.improlab-app:not(.focus-mode) .side-panel,.improlab-app:not(.focus-mode) .practice-title-bar,.improlab-app:not(.focus-mode) .progression-builder.live,.improlab-app:not(.focus-mode) .current-chord-card,.improlab-app:not(.focus-mode) .media-library-panel,.improlab-app:not(.focus-mode) .form-symbols-sidebar,.improlab-app:not(.focus-mode) .left-column>.form-symbols-static-palette,.improlab-app:not(.focus-mode) .right-column>.folder-enabled-practices,.improlab-app:not(.focus-mode) .right-column>.practices-panel,.improlab-app:not(.focus-mode) .right-column .history-panel.history-accordion-panel{background:radial-gradient(95% 72% at 34% -30%,#fff1,#0000 75%),linear-gradient(123deg,#ffffff03 0%,#0000 30%,#ffffff02 55%,#0000 84%),linear-gradient(165deg,#141a1f 0%,#090d11 48%,#05080b 100%)!important;border-color:#7a8a956e!important;box-shadow:inset 0 1px #eef5f914,inset 0 -1px #000000c7,0 16px 36px #0000004d!important}.improlab-app:not(.focus-mode) .current-chord-card{background:radial-gradient(58% 125% at 48% 28%,#ecf6ff11,#0000 72%),linear-gradient(168deg,#11181e 0%,#080c11 50%,#04070a 100%)!important;box-shadow:inset 0 1px #f2f7fa1a,inset 0 -1px #000000d9,0 18px 40px #00000057!important}.improlab-app:not(.focus-mode) .current-chord-card:before{background:linear-gradient(#ffffff07,#0000 24% 78%,#00000029)}.improlab-app:not(.focus-mode) .history-accordion-item,.improlab-app:not(.focus-mode) .form-symbol-drag-tool,.improlab-app:not(.focus-mode) .form-symbol-repeat-chip,.improlab-app:not(.focus-mode) .form-symbols-static-palette .form-symbol-drag-tool,.improlab-app:not(.focus-mode) .form-symbols-static-palette .form-symbol-repeat-chip,.improlab-app:not(.focus-mode) .practice-list-item-shell,.improlab-app:not(.focus-mode) .media-organizer-item,.improlab-app:not(.focus-mode) .media-organizer-folder,.improlab-app:not(.focus-mode) .nav-button:not(.nav-button-primary),.improlab-app:not(.focus-mode) .metronome-sound-select,.improlab-app:not(.focus-mode) .metronome-bpm-box,.improlab-app:not(.focus-mode) .metronome-controls-row button,.improlab-app:not(.focus-mode) .chord-record-button,.improlab-app:not(.focus-mode) .session-secondary-card-button,.improlab-app:not(.focus-mode) .control-button:not(.control-primary),.improlab-app:not(.focus-mode) .row-add-slot,.improlab-app:not(.focus-mode) .base-loop-button:not(.record):not(.stop):not(.play):not(.save){background:linear-gradient(#171e23 0%,#0c1217 55%,#090e12 100%)!important;border-color:#6e7f8a7a!important;box-shadow:inset 0 1px #ffffff0e,0 6px 14px #0003!important}.improlab-app:not(.focus-mode) .history-accordion-item.open{background:linear-gradient(#172127 0%,#0b1116 100%)!important;border-color:#70a2cb70!important}.improlab-app:not(.focus-mode) .live-chord-card:not(.current):not(.harmonic-selected),.improlab-app:not(.focus-mode) .live-chord-card.blank{background:linear-gradient(#111920 0%,#090e13 100%)!important;border-color:#6d81918c!important;box-shadow:inset 0 1px #ffffff0a,0 6px 16px #0000002e!important}.improlab-app:not(.focus-mode) .live-chord-card.current{background:linear-gradient(#10202c 0%,#07121a 100%)!important}.improlab-app:not(.focus-mode) .live-chord-card.harmonic-selected:not(.current){background:linear-gradient(#102a22 0%,#081710 100%)!important}.improlab-app:not(.focus-mode) .chord-record-button.record,.improlab-app:not(.focus-mode) .chord-record-button.stop,.improlab-app:not(.focus-mode) .session-secondary-card-button.discard{background:linear-gradient(#281417,#15090d)!important;border-color:#ff626c8f!important}.improlab-app:not(.focus-mode) .chord-record-button.play,.improlab-app:not(.focus-mode) .metronome-play.playing,.improlab-app:not(.focus-mode) .base-loop-button.play,.improlab-app:not(.focus-mode) .base-loop-button.save{background:linear-gradient(#10253a,#081525)!important;border-color:#59acff85!important}.improlab-app:not(.focus-mode) .practice-loop-mode-toggle,.improlab-app:not(.focus-mode) .language-toggle{background:linear-gradient(#121b22,#070b0f)!important;border-color:#7185927a!important}.improlab-app:not(.focus-mode) .loop-waveform-track,.improlab-app:not(.focus-mode) .floating-loop-waveform-track{background:linear-gradient(#071016,#04080c)!important;border-color:#637e9480!important}.improlab-app:not(.focus-mode) .session-console-center .timer-value,.improlab-app:not(.focus-mode) .session-console-center .timer-value.running{color:#f6f8fa!important}.improlab-app:not(.focus-mode) .current-chord-degrees,.improlab-app:not(.focus-mode) .current-bar-reading{color:#e3eaf0!important}.improlab-app:not(.focus-mode) .chord-recording-panel,.improlab-app:not(.focus-mode) .current-chord-layout>.metronome-control{border-color:#9faeba47!important}.improlab-app:not(.focus-mode) .practice-title-eyebrow,.improlab-app:not(.focus-mode) .live-progression-head>.eyebrow,.improlab-app:not(.focus-mode) .chord-card-topline>.eyebrow{color:#f1f3f5!important}.improlab-app:not(.focus-mode) .current-chord-layout>.metronome-control{position:relative;top:7px}.improlab-app.focus-mode .progression-builder.live,.improlab-app.focus-mode .current-chord-card,.improlab-app.focus-mode .loop-editor-card{background:linear-gradient(170deg,#10171d,#060a0f 85%)!important;border-color:#7c8d996b!important}}
@media (max-width:699px),(max-width:767px) and (pointer:coarse){.improlab-app:not(.focus-mode){--mobile-blue:#20a7ff;--mobile-blue-bright:#54beff;--mobile-blue-deep:#0f7cff;--mobile-green:#2edb91;--mobile-red:#ff626c;--mobile-electric-halo:#1497ff4a;--mobile-electric-border:#54beffd1}.improlab-app:not(.focus-mode) .language-toggle button.active{text-shadow:0 0 8px #1497ff40;color:#54beff!important}.improlab-app:not(.focus-mode) .nav-button-primary,.improlab-app:not(.focus-mode) .nav-button-primary:hover:not(:disabled){color:#171b1e!important;background:linear-gradient(#fff,#e0e4e8)!important;border-color:#f4f7f9!important;box-shadow:inset 0 1px #fff,0 8px 20px #0000002e!important}.improlab-app:not(.focus-mode) .practice-title-eyebrow,.improlab-app:not(.focus-mode) .live-progression-head>.eyebrow,.improlab-app:not(.focus-mode) .chord-card-topline>.eyebrow,.improlab-app:not(.focus-mode) .chord-recording-title,.improlab-app:not(.focus-mode) .metronome-label{color:#f1f3f5!important}.improlab-app:not(.focus-mode) .practice-title-edit{color:#54beff!important;background:#1497ff1f!important;border-color:#70d0ffdb!important;box-shadow:0 0 0 1px #54beff2b,0 0 13px #1497ff2b!important}.improlab-app:not(.focus-mode) .practice-title-edit svg{filter:drop-shadow(0 0 5px #1497ff3b);color:#54beff!important}.improlab-app:not(.focus-mode) .switch.on{background:linear-gradient(#1aa2ff,#0f7dff)!important;border-color:#78cfff!important;box-shadow:0 0 0 1px #54bfff2e,0 0 16px #1497ff40!important}.improlab-app:not(.focus-mode) .switch.on span{background:#fff!important}.improlab-app:not(.focus-mode) .live-chord-card.current{border-color:#54beff!important;box-shadow:0 0 0 1px #54beff57,0 0 20px #1497ff4a,inset 0 1px #ffffff08!important}.improlab-app:not(.focus-mode) .live-chord-card.harmonic-selected{border-color:#35d590d6!important;box-shadow:0 0 0 1px #35d5902e,0 0 12px #35d5901f!important}.improlab-app:not(.focus-mode) .live-chord-card.editing:not(.current),.improlab-app:not(.focus-mode) .live-chord-card.drag-over,.improlab-app:not(.focus-mode) .live-chord-card.form-marker-drop-target,.improlab-app:not(.focus-mode) .chord-drag-overlay{border-color:#54beff!important;box-shadow:0 0 0 1px #54beff3d,0 0 16px #1497ff38!important}.improlab-app:not(.focus-mode) .live-chord-card.drag-before:before,.improlab-app:not(.focus-mode) .live-chord-card.drag-after:after,.improlab-app:not(.focus-mode) .live-row-music.drag-row-end:after{background:#54beff!important;box-shadow:0 0 12px #1497ff75!important}.improlab-app:not(.focus-mode) .chord-attempt-time,.improlab-app:not(.focus-mode) .live-chord-card.current .mobile-chord-index{text-shadow:0 0 7px #1497ff38;color:#54beff!important}.improlab-app:not(.focus-mode) .map-mode-toggle.open-map,.improlab-app:not(.focus-mode) .practice-loop-mode-toggle button.active.loop-active,.improlab-app:not(.focus-mode) .analysis-context-chip.selected,.improlab-app:not(.focus-mode) .harmonic-info-button,.improlab-app:not(.focus-mode) .base-loop-button.loop-toggle.active,.improlab-app:not(.focus-mode) .session-save-card-button{color:#f2fff8!important;background:linear-gradient(#15945f 0%,#0b6f48 100%)!important;border-color:#35d590c7!important;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #054a2f38!important}.improlab-app:not(.focus-mode) .map-mode-toggle.open-map svg,.improlab-app:not(.focus-mode) .map-mode-toggle.open-map>span,.improlab-app:not(.focus-mode) .map-mode-toggle.open-map>small,.improlab-app:not(.focus-mode) .practice-loop-mode-toggle button.active.loop-active svg{color:#f2fff8!important}.improlab-app:not(.focus-mode) .map-mode-toggle.return-practice{color:#d7eeff!important;background:linear-gradient(#163754,#0a1d31)!important;border-color:#68c8ffd1!important;box-shadow:0 0 0 1px #4fb6ff2e,0 0 16px #1497ff29!important}.improlab-app:not(.focus-mode) .map-mode-toggle.return-practice svg{filter:drop-shadow(0 0 6px #1497ff33);color:#54beff!important}.improlab-app:not(.focus-mode) .practice-loop-mode-toggle button.active:not(.loop-active){color:#eef7ff!important;background:linear-gradient(#2a6093,#143150)!important;box-shadow:0 0 0 1px #5fbaff66,0 0 16px #1497ff29!important}.improlab-app:not(.focus-mode) .practice-loop-mode-toggle button.active:not(.loop-active) svg{filter:drop-shadow(0 0 5px #1497ff38);color:#54beff!important}.improlab-app:not(.focus-mode) .session-console-center .control-primary{color:#fff!important;background:linear-gradient(#1aa3ff 0%,#0f7cff 100%)!important;border-color:#7dd0ff!important;box-shadow:inset 0 1px #fff3,0 8px 22px #1497ff47,0 0 14px #1497ff24!important}.improlab-app:not(.focus-mode) .session-console-center .control-primary:hover:not(:disabled){background:linear-gradient(#4bb6ff 0%,#1f8fff 100%)!important;border-color:#99dcff!important}.improlab-app:not(.focus-mode) .timer-value,.improlab-app:not(.focus-mode) .timer-value.running,.improlab-app:not(.focus-mode) .timer-value.paused{color:#f6f9fd!important;text-shadow:none!important}.improlab-app:not(.focus-mode) .chord-record-button.record,.improlab-app:not(.focus-mode) .chord-record-button.stop,.improlab-app:not(.focus-mode) .base-loop-button.record,.improlab-app:not(.focus-mode) .base-loop-button.stop,.improlab-app:not(.focus-mode) .session-secondary-card-button.discard{color:#ffadb3!important;background:linear-gradient(#281417,#15090d)!important;border-color:#ff626c8f!important}.improlab-app:not(.focus-mode) .chord-record-button.play,.improlab-app:not(.focus-mode) .base-loop-button.play,.improlab-app:not(.focus-mode) .base-loop-button.save,.improlab-app:not(.focus-mode) .metronome-play.playing{color:#54beff!important;background:linear-gradient(#10253a,#081525)!important;border-color:#71caffbf!important;box-shadow:inset 0 1px #ffffff05,0 0 12px #1497ff26!important}.improlab-app:not(.focus-mode) .recording-status-dot.recording{background:#ff626c!important}.improlab-app:not(.focus-mode) .session-text-action.discard,.improlab-app:not(.focus-mode) .discard-drafts-button,.improlab-app:not(.focus-mode) .media-delete-button,.improlab-app:not(.focus-mode) .delete-button{color:#ffadb3!important}.improlab-app:not(.focus-mode) .loop-selection,.improlab-app:not(.focus-mode) .floating-loop-selection{background:#1497ff26!important}.improlab-app:not(.focus-mode) .loop-trim-handle span,.improlab-app:not(.focus-mode) .floating-loop-handle span,.improlab-app:not(.focus-mode) .loop-playhead-time{color:#54beff!important}.improlab-app:not(.focus-mode) .loop-trim-handle:after,.improlab-app:not(.focus-mode) .floating-loop-handle:after{border-color:#54beff!important}.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbol-drag-glyph,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbol-drag-glyph.text,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbol-direct-label,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbol-repeat-chip,.improlab-app:not(.focus-mode) .form-marker-text,.improlab-app:not(.focus-mode) .form-marker-ending-text,.improlab-app:not(.focus-mode) .form-marker-glyph,.improlab-app:not(.focus-mode) .form-repeat-edge-control,.improlab-app:not(.focus-mode) .form-repeat-count-outside,.improlab-app:not(.focus-mode) .form-marker-badge,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbols-static-palette .form-symbol-drag-tool.direct-symbol-item .form-symbol-drag-glyph,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbols-static-palette .form-symbol-drag-tool.direct-symbol-item .form-symbol-drag-glyph.text,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbols-static-palette .form-symbol-drag-tool.direct-symbol-item .form-symbol-direct-label,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .form-symbols-static-palette .form-symbol-repeat-chip,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .symbol-type-fine .form-symbol-drag-glyph.text,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .symbol-type-ds .form-symbol-drag-glyph.text,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .symbol-type-dc .form-symbol-drag-glyph.text,.improlab-app:not(.focus-mode) .mobile-symbols-drawer .symbol-type-toCoda .form-symbol-drag-glyph.text{color:#f0efec!important;text-shadow:none!important}.mobile-symbols-handle .mobile-symbols-arrow,.mobile-symbols-handle .mobile-symbols-arrow svg{filter:drop-shadow(0 0 6px #1497ff40);color:#54beff!important}.improlab-app.mobile-footer-surface .history-accordion-title svg,.improlab-app.mobile-footer-surface .media-library-heading .panel-section-toggle>svg:first-child,.improlab-app.mobile-footer-surface .practice-folder-toggle>svg:first-child,.improlab-app.mobile-footer-surface .media-organizer-folder-toggle svg:first-child,.improlab-app.mobile-footer-surface .practice-folder-icon-button:not(.danger),.improlab-app.mobile-footer-surface .stat-row strong.accent{filter:drop-shadow(0 0 5px #1497ff33);color:#54beff!important}.improlab-app.mobile-footer-surface .practice-list-item-shell.active{background:#1497ff14!important;border-color:#54beffbd!important}.improlab-app.mobile-footer-surface .history-accordion-item.open{border-color:#54beff8f!important;box-shadow:0 0 10px #1497ff14!important}.improlab-app.mobile-footer-surface .chart-line{stroke:#20a7ff!important}.improlab-app.mobile-footer-surface .chart-dot{fill:#54beff!important}.improlab-app.mobile-footer-surface .media-organizer-item.drag-over-before:before,.improlab-app.mobile-footer-surface .media-organizer-item.drag-over-after:after,.improlab-app.mobile-footer-surface .practice-list-item-shell.drag-over-before:before,.improlab-app.mobile-footer-surface .practice-list-item-shell.drag-over-after:after{background:#54beff!important;box-shadow:0 0 8px #1497ff59!important}.improlab-app.mobile-footer-surface .media-delete-button,.improlab-app.mobile-footer-surface .delete-button,.improlab-app.mobile-footer-surface .practice-folder-icon-button.danger{color:#ffadb3!important}.improlab-app.mobile-footer-surface .panel-add-button,.improlab-app.mobile-footer-surface .button-primary:not(:disabled):not(.save-stats-modal):not(.save-statistics-button){color:#fff!important;background:linear-gradient(#1aa3ff,#0f7cff)!important;border-color:#7dd0ff!important;box-shadow:0 0 12px #1497ff26!important}.modal-card .button-primary:not(:disabled):not(.save-stats-modal):not(.save-statistics-button):not(.focus-save-stats){color:#fff!important;background:linear-gradient(#1aa3ff,#0f7cff)!important;border-color:#7dd0ff!important}.modal-card .button-danger,.modal-card .delete-button{color:#ffadb3!important}}
.tablet-navigation,.tablet-panel-topbar,.tablet-panel-backdrop{display:none}@media (min-width:700px){.improlab-app.tablet-mode .brand-logo{color:#69c2ff!important;filter:drop-shadow(0 0 9px #147dff33)!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header svg.brand-logo rect:nth-child(odd){fill:#69c2ff!important;opacity:1!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header svg.brand-logo rect:nth-child(2n){fill:#f7fbff!important;opacity:1!important}.improlab-app.tablet-mode:not(.focus-mode){--tablet-surface:#0c1319;--tablet-edge:#516e8299;--tablet-accent:#54beff;--tablet-overlay-top:max(10px, env(safe-area-inset-top,0px));--tablet-overlay-inset:12px;--tablet-overlay-header:46px}.improlab-app.tablet-mode:not(.focus-mode)>.app-header{grid-template-columns:minmax(140px,1fr) auto auto!important;gap:8px!important;height:auto!important;min-height:72px!important;padding:10px 18px!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .brand-tagline{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .nav-button{min-height:37px!important;padding:0 10px!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .nav-button:not(.nav-button-primary) span{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .nav-button-primary span{font-size:10px!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .header-nav{gap:7px!important}.improlab-app.tablet-mode:not(.focus-mode) .app-header .language-toggle{display:flex!important}.improlab-app.tablet-mode:not(.focus-mode)>.desktop-shell{z-index:auto!important;position:static!important}.improlab-app.tablet-mode:not(.focus-mode) .desktop-shell{grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:min(1040px,100% - 28px)!important;min-width:0!important;max-width:none!important;margin:14px auto 30px!important;padding:0!important;display:grid!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-column{grid-area:1/1!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:none!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-title-bar{width:100%;max-width:100%;min-height:68px!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-title-line h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only){width:100%;min-width:0;max-width:100%;height:auto!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-builder-rows{scrollbar-width:thin;overscroll-behavior-inline:contain;overflow:auto visible!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row,.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balanced-group{flex-wrap:nowrap!important;min-width:560px!important}.improlab-app.tablet-mode:not(.focus-mode) .live-chord-card.current{border-color:#54beff!important;box-shadow:0 0 0 1px #54beff52,0 0 19px #1497ff45!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-main-card,.improlab-app.tablet-mode:not(.focus-mode) .current-chord-card{width:100%;min-width:0;max-width:100%}.improlab-app.tablet-mode:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode:not(.focus-mode) .right-column.desktop-only-sidebar{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;transition:opacity .16s,transform .18s,visibility .18s;transform:translate(-18px);top:calc(var(--tablet-overlay-top) + var(--tablet-overlay-header))!important;bottom:var(--tablet-overlay-inset)!important;left:var(--tablet-overlay-inset)!important;z-index:251!important;border:1px solid var(--tablet-edge)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:linear-gradient(170deg,#141e27 0%,#080e13 100%)!important;border-top:0!important;border-radius:0 0 17px 17px!important;flex-direction:column!important;gap:10px!important;width:min(392px,100vw - 24px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px!important;display:flex!important;position:fixed!important;right:auto!important;overflow:hidden auto!important;box-shadow:0 20px 65px #000000c2,0 0 1px #54beff59!important}.improlab-app.tablet-mode:not(.focus-mode) .right-column.desktop-only-sidebar{transform:translate(18px);left:auto!important;right:var(--tablet-overlay-inset)!important;height:auto!important;max-height:none!important}.improlab-app.tablet-mode.tablet-panel-phrases:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode.tablet-panel-loops:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode.tablet-panel-symbols:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode.tablet-panel-practices:not(.focus-mode) .right-column.desktop-only-sidebar,.improlab-app.tablet-mode.tablet-panel-stats:not(.focus-mode) .right-column.desktop-only-sidebar{transform:translate(0);opacity:1!important;visibility:visible!important;pointer-events:auto!important}.improlab-app.tablet-mode:not(.focus-mode) .recording-library-slot{position:relative;width:100%!important;min-width:0!important}.improlab-app.tablet-mode:not(.focus-mode) .recording-library-slot>.media-libraries-stack{width:100%;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode.tablet-panel-symbols:not(.focus-mode) .recording-library-slot,.improlab-app.tablet-mode.tablet-panel-phrases:not(.focus-mode) .form-symbols-static-palette,.improlab-app.tablet-mode.tablet-panel-loops:not(.focus-mode) .form-symbols-static-palette{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .left-column>.form-symbols-static-palette{width:100%!important;max-width:none!important}.improlab-app.tablet-mode.tablet-panel-phrases:not(.focus-mode) .media-libraries-stack>.media-library-panel:nth-of-type(2),.improlab-app.tablet-mode.tablet-panel-loops:not(.focus-mode) .media-libraries-stack>.media-library-panel:first-of-type{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .media-library-panel,.improlab-app.tablet-mode:not(.focus-mode) .practices-panel{flex:none!important;width:100%!important;max-width:100%!important}.improlab-app.tablet-mode:not(.focus-mode) .media-browser-scroll,.improlab-app.tablet-mode:not(.focus-mode) .practice-browser-scroll{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .recording-library-slot>.practical-analysis-panel{z-index:5!important;background:linear-gradient(#10251d,#091711)!important;max-height:calc(100dvh - 215px)!important;box-shadow:0 20px 44px #000000d9!important}.improlab-app.tablet-mode.tablet-panel-stats:not(.focus-mode) .right-column>.practices-panel,.improlab-app.tablet-mode.tablet-panel-practices:not(.focus-mode) .right-column>.history-panel{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .right-column .history-panel.history-accordion-panel{flex:1 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .history-accordion-scroll{max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-static-palette,.improlab-app.tablet-mode:not(.focus-mode) .right-column>.practices-panel,.improlab-app.tablet-mode:not(.focus-mode) .right-column>.history-panel,.improlab-app.tablet-mode:not(.focus-mode) .media-library-panel,.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-sidebar-body,.improlab-app.tablet-mode:not(.focus-mode) .right-column>.practices-panel .practice-list,.improlab-app.tablet-mode:not(.focus-mode) .right-column>.practices-panel .practice-browser-scroll,.improlab-app.tablet-mode:not(.focus-mode) .media-library-panel .media-browser-scroll{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .left-column>.form-symbols-static-palette{flex:none!important;margin:0!important}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation{z-index:250;overscroll-behavior-x:contain;width:100%;padding:10px max(14px,env(safe-area-inset-right));-webkit-overflow-scrolling:touch;background:#04080bf5;border-bottom:1px solid #57758745;justify-content:center;align-items:center;gap:8px;display:flex;position:sticky;top:0;overflow-x:auto}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item{color:#d5e4ee;min-height:43px;font:inherit;cursor:pointer;background:#141d25;border:1px solid #394951;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item svg{color:#54beff;filter:drop-shadow(0 0 5px #1497ff33)}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item.active{color:#fff;background:linear-gradient(#163451,#0c2033);border-color:#54beff;box-shadow:0 0 0 1px #54beff26,0 0 13px #1497ff33}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item:disabled{opacity:.4;cursor:default}.improlab-app.tablet-mode:not(.focus-mode) .tablet-panel-backdrop{z-index:245;background:#0000009e;border:0;display:block;position:fixed;inset:0}.improlab-app.tablet-mode:not(.focus-mode) .tablet-panel-topbar{z-index:252;top:var(--tablet-overlay-top);left:var(--tablet-overlay-inset);width:min(392px,100vw - 24px);height:var(--tablet-overlay-header);color:#f5fbff;letter-spacing:.03em;background:#0e1a25;border:1px solid #54beff73;border-radius:17px 17px 0 0;justify-content:space-between;align-items:center;padding:0 10px 0 16px;font-size:12px;display:flex;position:fixed;box-shadow:0 -4px 15px #0000003d}.improlab-app.tablet-mode.tablet-panel-practices:not(.focus-mode) .tablet-panel-topbar,.improlab-app.tablet-mode.tablet-panel-stats:not(.focus-mode) .tablet-panel-topbar{left:auto;right:var(--tablet-overlay-inset)}.improlab-app.tablet-mode:not(.focus-mode) .tablet-panel-topbar button{color:#fff;cursor:pointer;background:#16252e;border:1px solid #364854;border-radius:7px;place-items:center;width:33px;height:32px;display:grid}.improlab-app.tablet-mode .modal-backdrop{z-index:310!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-card{touch-action:pan-y}.improlab-app.tablet-mode:not(.focus-mode) .tablet-panel-topbar button:focus-visible,.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item:focus-visible{outline-offset:2px;outline:2px solid #54beff}.improlab-app.tablet-mode:not(.focus-mode) .left-column .form-symbol-drag-tool,.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item{touch-action:manipulation}}@media (min-width:700px) and (max-width:910px){.improlab-app.tablet-mode:not(.focus-mode) .app-header .brand-tagline,.improlab-app.tablet-mode:not(.focus-mode) .app-header .nav-button-primary span{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation{justify-content:flex-start}.improlab-app.tablet-mode:not(.focus-mode) .tablet-navigation-item{min-height:41px;padding:0 11px;font-size:11px}.improlab-app.tablet-mode:not(.focus-mode) .desktop-shell{width:calc(100% - 24px)!important}}@media (min-width:700px){.improlab-app.tablet-mode.focus-mode .desktop-shell{grid-template-columns:minmax(0,1fr)!important;width:min(1040px,100% - 24px)!important;max-width:none!important;margin-inline:auto!important}.improlab-app.tablet-mode.focus-mode .practice-column{grid-column:1!important;width:100%!important;min-width:0!important}.improlab-app.tablet-mode.focus-mode .focus-header{min-width:0!important;max-width:100%!important}}@media (prefers-reduced-motion:reduce){.improlab-app.tablet-mode .left-column.desktop-only-sidebar,.improlab-app.tablet-mode .right-column.desktop-only-sidebar{transition:none!important}}@media (min-width:700px){.improlab-app.tablet-mode:not(.focus-mode) .tablet-build-marker{color:#68caff;letter-spacing:.1em;white-space:nowrap;background:#206da326;border:1px solid #54beff59;border-radius:6px;flex:none;align-items:center;padding:4px 8px;font-size:9px;font-weight:900;display:inline-flex}.improlab-app.tablet-mode:not(.focus-mode){--blue:#1497ff;--blue-hover:#47b7ff;--pc-cyan:#73c9ff;--pc-icon-electric:#54beff;--pc-green:#2edb91;--pc-red:#ff626c}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only){--pc-row-side:52px;--pc-slot-gap:6px}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row{flex-wrap:nowrap!important;justify-content:center!important;width:100%!important;min-width:560px!important;display:flex!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balanced-group{flex-wrap:nowrap!important;width:100%!important;min-width:560px!important;max-width:100%!important;margin-inline:auto!important;display:flex!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-balance,.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-actions{width:var(--pc-row-side)!important;flex:0 0 var(--pc-row-side)!important;min-width:0!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-actions{justify-content:flex-start!important;padding-left:5px!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .row-add-slot{width:calc(var(--pc-row-side) - 10px)!important;min-width:0!important;max-width:100%!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-row-music{justify-content:center!important;gap:var(--pc-slot-gap)!important;flex-wrap:nowrap!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:100%!important;display:flex!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-wrap{flex:1 1 0!important;gap:0!important;width:auto!important;min-width:0!important;max-width:154px!important;display:flex!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-card,.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-card.editing{flex:auto!important;grid-template-columns:18px minmax(0,1fr) 18px!important;width:100%!important;min-width:0!important;max-width:100%!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live:not(.read-only) .live-chord-symbol{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;overflow:hidden!important}.improlab-app.tablet-mode:not(.focus-mode)>.app-header{background:linear-gradient(#101519 0%,#080c10 44%,#040608 100%)!important;border-bottom-color:#a6b1b83b!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-title-bar,.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live,.improlab-app.tablet-mode:not(.focus-mode) .current-chord-card{background:radial-gradient(95% 72% at 34% -30%,#fff1,#0000 75%),linear-gradient(165deg,#141a1f 0%,#090d11 48%,#05080b 100%)!important;border-color:#7a8a956e!important;box-shadow:inset 0 1px #eef5f914,inset 0 -1px #000000c7,0 16px 36px #0000004d!important}.improlab-app.tablet-mode:not(.focus-mode) .current-chord-card{background:radial-gradient(58% 125% at 48% 28%,#ecf6ff11,#0000 72%),linear-gradient(168deg,#11181e 0%,#080c11 50%,#04070a 100%)!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-title-eyebrow,.improlab-app.tablet-mode:not(.focus-mode) .live-progression-head>.eyebrow,.improlab-app.tablet-mode:not(.focus-mode) .current-chord-card .chord-recording-title,.improlab-app.tablet-mode:not(.focus-mode) .metronome-label{color:#f0efec!important}.improlab-app.tablet-mode:not(.focus-mode) .map-mode-toggle.open-map,.improlab-app.tablet-mode:not(.focus-mode) .practice-loop-mode-toggle button.active.loop-active,.improlab-app.tablet-mode:not(.focus-mode) .analysis-context-chip.selected,.improlab-app.tablet-mode:not(.focus-mode) .harmonic-info-button,.improlab-app.tablet-mode:not(.focus-mode) .base-loop-button.loop-toggle.active{color:#f2fff8!important;background:linear-gradient(#15945f 0%,#0b6f48 100%)!important;border-color:#35d590c7!important;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #054a2f38!important}.improlab-app.tablet-mode:not(.focus-mode) .map-mode-toggle.open-map svg,.improlab-app.tablet-mode:not(.focus-mode) .map-mode-toggle.open-map>span,.improlab-app.tablet-mode:not(.focus-mode) .map-mode-toggle.open-map>small{color:#f2fff8!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-title-edit{color:#54beff!important;background:#1497ff21!important;border-color:#70d0ffe0!important;box-shadow:0 0 0 1px #4fb6ff2e,0 0 15px #1497ff33!important}.improlab-app.tablet-mode:not(.focus-mode) .switch.on{background:linear-gradient(#1aa2ff,#0f7dff)!important;border-color:#78cfff!important;box-shadow:0 0 0 1px #54bfff2e,0 0 18px #1497ff47!important}.improlab-app.tablet-mode:not(.focus-mode) .session-console-center .control-primary{color:#fff!important;background:linear-gradient(#1aa3ff 0%,#0f7cff 100%)!important;border-color:#7dd0ff!important;box-shadow:inset 0 1px #fff3,0 8px 22px #1497ff47,0 0 14px #1497ff24!important}.improlab-app.tablet-mode:not(.focus-mode) .practice-loop-mode-toggle button.active:not(.loop-active){color:#eef7ff!important;background:linear-gradient(#2a6093,#143150)!important;box-shadow:0 0 0 1px #5fbaff66,0 0 16px #1497ff29!important}.improlab-app.tablet-mode:not(.focus-mode) .timer-value.running{color:#f6f9fd!important;text-shadow:none!important}.improlab-app.tablet-mode:not(.focus-mode) .chord-record-button.record,.improlab-app.tablet-mode:not(.focus-mode) .chord-record-button.stop,.improlab-app.tablet-mode:not(.focus-mode) .base-loop-button.record,.improlab-app.tablet-mode:not(.focus-mode) .base-loop-button.stop{color:#ffadb3!important;border-color:#ff626c80!important}}.improlab-app>.app-header .brand-logo rect:nth-child(odd){fill:#69c2ff!important;opacity:1!important}.improlab-app>.app-header .brand-logo rect:nth-child(2n){fill:#f7fbff!important;opacity:1!important}.improlab-app .live-chord-card .form-repeat-edge-control,.improlab-app .live-chord-card .form-repeat-count-outside,.improlab-app .live-chord-card .form-marker-badge,.improlab-app .live-chord-card .form-marker-glyph,.improlab-app .live-chord-card .form-marker-text,.improlab-app .live-chord-card .form-marker-ending-text,.improlab-app .live-chord-card .form-repeat-edge-control:hover,.improlab-app .live-chord-card .form-repeat-edge-control.selected,.improlab-app .live-chord-card .form-repeat-count-outside:hover,.improlab-app .live-chord-card .form-repeat-count-outside.selected,.improlab-app .live-chord-card .form-marker-badge:hover,.improlab-app .live-chord-card .form-marker-badge.selected{color:#fff!important;text-shadow:0 0 5px #ffffff21!important}.improlab-app .live-chord-card .harmonic-info-button{z-index:25!important;visibility:visible!important;width:17px!important;height:17px!important;top:3px!important;left:auto!important;right:3px!important}.improlab-app .inline-harmonic-map{clear:both;width:100%;min-width:0;margin:10px 0 16px;padding:0;display:block;position:relative;overflow:visible}.improlab-app .inline-harmonic-map .practical-analysis-panel{width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;display:block!important;position:relative!important;inset:auto!important;overflow:visible!important;transform:none!important}.improlab-app .inline-harmonic-map .practical-analysis-context[open]{overflow:visible!important}.improlab-app .recording-library-slot>.practical-analysis-panel,.improlab-app .mobile-analysis-anchor>.practical-analysis-panel{display:none!important}@media (min-width:700px){.improlab-app.tablet-mode:not(.focus-mode) .live-progression-head{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.improlab-app.tablet-mode:not(.focus-mode) .live-progression-head .map-mode-toggle{order:4!important;margin-left:auto!important}.improlab-app.tablet-mode:not(.focus-mode) .live-progression-head .tablet-global-add{color:#fff!important;cursor:pointer!important;background:linear-gradient(#1c242a,#0b1116)!important;border:1px solid #65737c!important;border-radius:10px!important;flex:0 0 46px!important;order:5!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;margin-left:0!important;padding:0!important;display:grid!important}.improlab-app.tablet-mode:not(.focus-mode) .live-progression-head .tablet-global-add:disabled{opacity:.33!important;cursor:not-allowed!important}.improlab-app.tablet-mode:not(.focus-mode) .live-row-actions,.improlab-app.tablet-mode:not(.focus-mode) .live-empty-row .row-add-slot{display:none!important}.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live .live-row,.improlab-app.tablet-mode:not(.focus-mode) .progression-builder.live .live-row-balanced-group{min-width:500px!important}.improlab-app.tablet-mode:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode:not(.focus-mode) .right-column.desktop-only-sidebar{box-sizing:border-box!important;scrollbar-gutter:stable!important;padding:14px!important;overflow:hidden auto!important}.improlab-app.tablet-mode:not(.focus-mode) .left-column.desktop-only-sidebar .side-panel,.improlab-app.tablet-mode:not(.focus-mode) .right-column.desktop-only-sidebar .side-panel{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex:none!important;margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .media-libraries-stack,.improlab-app.tablet-mode:not(.focus-mode) .recording-library-slot,.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-static-body,.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-sidebar-body,.improlab-app.tablet-mode:not(.focus-mode) .media-library-collapse-body,.improlab-app.tablet-mode:not(.focus-mode) .practice-panel-collapse-body,.improlab-app.tablet-mode:not(.focus-mode) .history-accordion-panel,.improlab-app.tablet-mode:not(.focus-mode) .history-accordion-body,.improlab-app.tablet-mode:not(.focus-mode) .history-accordion-body-clip,.improlab-app.tablet-mode:not(.focus-mode) .history-accordion-scroll,.improlab-app.tablet-mode:not(.focus-mode) .practice-browser-scroll,.improlab-app.tablet-mode:not(.focus-mode) .media-browser-scroll{flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;position:relative!important;top:auto!important;bottom:auto!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .media-library-panel.panel-collapsed,.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-sidebar:not(.open){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .right-column>.folder-enabled-practices .practice-browser-scroll,.improlab-app.tablet-mode:not(.focus-mode) .right-column>.folder-enabled-practices.panel-open .practice-browser-scroll{scrollbar-gutter:auto!important;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .right-column>.folder-enabled-practices .practice-panel-collapse-body.open{flex-direction:column!important;gap:8px!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .right-column>.folder-enabled-practices .wide-secondary-button{flex:none!important;margin:14px 0 6px!important;display:flex!important;position:static!important;inset:auto!important;transform:none!important}.improlab-app.tablet-mode:not(.focus-mode) .left-column .media-library-heading,.improlab-app.tablet-mode:not(.focus-mode) .right-column .panel-heading,.improlab-app.tablet-mode:not(.focus-mode) .left-column .form-symbols-palette-head{background:0 0!important;border:0!important;border-bottom:1px solid #7f99ac2e!important;height:auto!important;min-height:46px!important;max-height:none!important;margin:0 0 8px!important;padding:6px 0 12px!important}.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-static-palette,.improlab-app.tablet-mode:not(.focus-mode) .form-symbols-tool-grid,.improlab-app.tablet-mode:not(.focus-mode) .form-symbol-repeat-chips{width:100%!important;max-width:none!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card.session-control-console:not(.loop-only){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:12px 16px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card:not(.loop-only) .session-console-center{grid-area:1/1/auto/-1!important;width:100%!important;min-width:0!important;position:relative!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card:not(.loop-only) .session-console-left{z-index:1!important;grid-area:2/1!important;min-width:0!important;min-height:0!important;padding:8px!important;position:relative!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card:not(.loop-only) .session-console-right{z-index:1!important;grid-area:2/2!important;min-width:0!important;min-height:0!important;padding:8px!important;position:relative!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card .session-secondary-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;min-width:0!important;max-width:100%!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card .session-secondary-card-button{white-space:normal!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:42px!important;padding:6px 4px!important;font-size:10px!important;overflow:visible!important}.improlab-app.tablet-mode:not(.focus-mode) .session-actions-card .practice-controls{flex-wrap:wrap!important;width:100%!important;max-width:100%!important}}@media (max-width:699px),(max-width:767px) and (pointer:coarse){.improlab-app:not(.focus-mode) .live-builder-rows>.live-row-block:has(>.inline-harmonic-map){height:auto!important;min-height:50px!important;display:block!important;overflow:visible!important}.improlab-app:not(.focus-mode) .live-builder-rows>.live-row-block>.inline-harmonic-map{clear:both!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:10px 0 12px!important;display:block!important;position:relative!important;overflow:visible!important}}.improlab-app .live-row-block>.inline-harmonic-map{grid-column:1/-1!important;align-self:stretch!important}@media (min-width:700px){.improlab-app.tablet-mode:not(.focus-mode) .left-column.desktop-only-sidebar,.improlab-app.tablet-mode:not(.focus-mode) .right-column.desktop-only-sidebar{scroll-padding-block:12px 28px;top:calc(var(--tablet-overlay-top) + var(--tablet-overlay-header))!important;height:calc(100dvh - var(--tablet-overlay-top) - var(--tablet-overlay-header) - var(--tablet-overlay-inset))!important;max-height:calc(100dvh - var(--tablet-overlay-top) - var(--tablet-overlay-header) - var(--tablet-overlay-inset))!important;min-height:0!important;position:fixed!important;bottom:auto!important;overflow:hidden auto!important}}.improlab-app .progression-builder.live .live-row-music .form-repeat-count-outside,.improlab-app .progression-builder.live .live-row-music .form-repeat-count-outside:hover,.improlab-app .progression-builder.live .live-row-music .form-repeat-count-outside.selected{color:#fff!important;text-shadow:0 0 7px #ffffff21!important}