:root{--mvp-bg: var(--ion-background-color, #fff);--mvp-text: var(--ion-text-color, #1a1a1a);--mvp-accent: #e94560;--mvp-accent-hover: #ff6b81;--mvp-accent-soft: rgba(233, 69, 96, .1);--mvp-border: var(--ion-border-color, #d0d0d8);--mvp-section-header: #c87900;--mvp-surface: #f2f2f7;--mvp-text-secondary: #6e6e80}.hidden{display:none!important}#viewer-content{--overflow: hidden}.tab-panel{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#panel-practice{display:flex;flex-direction:column;overflow:hidden}.tab-panel.hidden{display:none!important}#welcome-screen{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--ion-color-light, #f4f5f8)}.welcome-container{text-align:center;max-width:420px;padding:2rem}.welcome-logo{font-size:5rem;color:var(--mvp-accent);margin-bottom:1rem}.welcome-container h1{font-size:1.8rem;font-weight:700;margin:.5rem 0}.welcome-subtitle{color:var(--ion-color-medium);font-size:1rem;margin-bottom:2rem}.welcome-actions,.welcome-sources{margin-top:1.5rem}.welcome-sources p{color:var(--ion-color-medium);font-size:.85rem;margin-bottom:.5rem}.source-chips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.lock-toggle{margin-top:2rem;--background: transparent}#lock-screen{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--ion-color-dark, #1a1a1a);color:#fff}.lock-container{text-align:center}.lock-icon{font-size:4rem;color:var(--ion-color-primary);margin-bottom:1rem}.lock-container h2{margin:.5rem 0}.lock-container p{color:#fff9;margin-bottom:1.5rem}ion-split-pane{--side-width: 320px;--side-max-width: 360px}#sidebar-hover-zone{position:fixed;top:0;left:0;width:12px;height:100%;z-index:999}ion-menu #search-bar{padding-top:4px;padding-bottom:8px}.genre-filter{padding-bottom:0}.genre-chips{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:8px}.genre-chips ion-chip{flex-shrink:0;--background: transparent;--color: var(--ion-color-medium);font-size:.8rem;height:28px}.genre-chips ion-chip[color=primary]{--background: var(--mvp-accent-soft);--color: var(--mvp-accent);font-weight:600}.sidebar-thumb{--size: 40px;--border-radius: 6px}.sidebar-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--mvp-surface);border-radius:6px;font-size:1.2rem}.storage-bar{display:flex;align-items:center;justify-content:space-between;padding:0;font-size:.75rem;color:var(--ion-color-medium)}#sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:16px}.sheet-card{cursor:pointer;border-radius:8px;overflow:hidden;background:var(--mvp-surface, #f2f2f7);border:1px solid var(--mvp-border, transparent);padding:1rem;transition:transform .15s,box-shadow .15s;position:relative}.sheet-card:active{transform:scale(.97)}.sheet-card.now-playing{border-color:var(--mvp-accent, #e94560);box-shadow:0 0 0 2px var(--mvp-accent, #e94560),0 2px 8px #e945602e}.sheet-card.now-playing .sheet-title:before{content:"♪ ";color:var(--mvp-accent, #e94560)}.sheet-thumb{width:100%;aspect-ratio:1;background-color:#1a1a2e;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.sheet-thumb ion-icon{font-size:3rem;color:var(--ion-color-medium)}.thumb-placeholder{font-size:3rem}.sheet-info{padding:0}.sheet-title{font-size:.9rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ion-text-color, #1a1a1a)}.sheet-artist{font-size:.8rem;color:var(--mvp-text-secondary, #666680);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#library-empty,#empty-state{margin-top:3rem}.empty-icon{font-size:4rem;color:var(--ion-color-medium);margin-bottom:1rem}#empty-state h2{color:var(--ion-color-dark);font-weight:600}#empty-state p{color:var(--ion-color-medium);margin-bottom:1.5rem}.pdf-viewer{flex:1;min-height:0;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}#pdf-pages{display:flex;flex-direction:column;align-items:center;padding:8px;gap:8px}.pdf-page{max-width:100%;box-shadow:0 1px 4px #0000001f;border-radius:2px}.pdf-viewer.marking-mode{cursor:crosshair}.line-marker{position:absolute;left:0;right:0;height:0;border-top:1.5px dashed rgba(79,195,247,.45);pointer-events:auto;cursor:pointer;z-index:5}.line-marker:hover{border-top-color:#e94560}.practice-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.practice-main{display:flex;flex:1;min-height:0;overflow:hidden}.practice-viewer-col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;position:relative}#app-loading{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:linear-gradient(180deg,#f8fafcd6,#f1f5f9eb);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#app-loading.hidden{display:none!important}.app-loading-card{min-width:220px;max-width:88vw;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fffffff5;box-shadow:0 12px 34px #0f172a24,0 2px 10px #0f172a14;padding:16px 18px;display:flex;align-items:center;gap:12px}.app-loading-card ion-spinner{width:22px;height:22px;color:var(--ion-color-primary, #3880ff)}#app-loading-text{margin:0;color:#0f172a;font-size:.95rem;font-weight:600}#controls-overlay{position:absolute;left:0;right:0;bottom:24px;z-index:20;display:flex;flex-direction:column-reverse;align-items:center;pointer-events:none;max-width:680px;margin-left:auto;margin-right:auto}#controls-overlay>*{pointer-events:auto}#practice-bar{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;height:44px;min-height:44px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.1);border-radius:22px;z-index:10;cursor:pointer;overflow:hidden;width:fit-content;max-width:100%;margin:0 auto;box-shadow:0 10px 28px #0f172a24,0 2px 8px #0f172a14}.bar-title{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1f293773;padding:0 4px 0 6px;white-space:nowrap;user-select:none}body.dark .bar-title{color:#ffffff61}#practice-bar .bar-btn{--padding-start: 6px;--padding-end: 6px;margin:0;min-width:36px;height:36px;font-size:1.25rem;--color: rgba(31, 41, 55, .78);border-radius:8px;transition:background .15s,color .15s}#practice-bar .bar-btn.active{--color: var(--mvp-accent, #e94560);background:var(--mvp-accent-soft, rgba(233, 69, 96, .12))}#practice-bar .bar-speed{flex:0 0 clamp(90px,16vw,180px);width:clamp(90px,16vw,180px);min-width:80px;max-width:200px;height:4px;margin:0;accent-color:var(--ion-color-primary, #3880ff);cursor:pointer}#practice-bar .bar-speed-label{font-size:.75rem;color:#374151c7;min-width:20px;text-align:center;font-weight:600}#practice-bar .bar-mode{display:flex;align-items:center;gap:2px;font-size:.7rem;--padding-start: 6px;--padding-end: 8px;--color: rgba(31, 41, 55, .82)}#practice-bar .bar-mode #bar-mode-label{font-size:.7rem;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937d1;font-weight:600}#practice-bar .bar-expand{margin-left:0}.practice-controls{max-height:0;overflow:hidden;transition:max-height .3s ease,margin .3s ease;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.1);border-radius:12px;visibility:hidden;width:100%;margin-bottom:0;box-shadow:0 10px 28px #0f172a24,0 2px 8px #0f172a14}.practice-controls.open{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:visible;margin-bottom:6px}.drawer-handle{display:flex;justify-content:center;padding:6px 0 2px;cursor:pointer}.drawer-handle:after{content:"";width:36px;height:4px;background:var(--ion-color-medium-shade, #999);border-radius:2px;opacity:.4}.drawer-row{display:flex;align-items:center;gap:8px;padding:6px 12px;flex-wrap:wrap}.drawer-label{font-size:.7rem;font-weight:600;color:var(--ion-color-medium);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.drawer-select{font-size:.8rem;padding:4px 8px;border:1px solid var(--mvp-border, #ccc);border-radius:6px;background:var(--ion-background-color, #fff);color:var(--ion-text-color, #1a1a1a);min-width:80px;appearance:auto}.drawer-range{flex:1;min-width:60px;max-width:140px;height:20px;accent-color:var(--mvp-accent, #e94560)}.drawer-range-sm{max-width:90px}.drawer-val{font-size:.75rem;color:var(--ion-color-medium);min-width:20px;text-align:center}.drawer-num{width:56px;padding:3px 6px;font-size:.8rem;border:1px solid var(--mvp-border, #ccc);border-radius:6px;background:var(--ion-background-color, #fff);color:var(--ion-text-color, #1a1a1a);text-align:center}.drawer-btn{padding:4px 10px;font-size:.75rem;border:1px solid var(--mvp-border, #ccc);border-radius:6px;background:var(--ion-background-color, #fff);color:var(--ion-text-color, #1a1a1a);cursor:pointer;white-space:nowrap}.drawer-btn:active{opacity:.7}.drawer-btn-danger{color:var(--ion-color-danger, #e94560);border-color:var(--ion-color-danger, #e94560)}.drawer-transcript{max-height:60px;overflow-y:auto;font-size:.75rem;background:var(--ion-color-light, #f4f5f8);border-radius:6px;padding:6px 10px;margin:4px 12px;line-height:1.3}.control-group h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ion-color-medium);margin-bottom:6px}.control-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.control-row label{font-size:.8rem;color:var(--ion-color-medium);min-width:48px}.control-row ion-input,.control-row ion-select{flex:1}.marker-actions{display:flex;gap:6px;flex-wrap:wrap}.marker-actions ion-button{--padding-start: 8px;--padding-end: 8px;font-size:.8rem}#marker-count{font-size:.75rem;color:var(--ion-color-medium)}#tempo-info,#section-info{font-size:.75rem;color:var(--ion-color-medium);padding:4px 0}#transcript-output{max-height:100px;overflow-y:auto;font-size:.8rem;background:var(--ion-color-light);border-radius:8px;padding:8px;line-height:1.4}.coming-soon-btn{opacity:.35!important}.coming-soon-badge{font-size:9px;vertical-align:middle;margin-left:4px}.coming-soon-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;z-index:10;padding:32px}#account-avatar{width:36px;height:36px;border-radius:50%}#listener-panel{padding:16px}.audio-canvas-wrapper{width:100%;height:120px;background:#0f0f0f;border-radius:10px;overflow:hidden;margin-bottom:16px}.audio-canvas-wrapper canvas{width:100%;height:100%;display:block}.tuning-indicator{position:relative;height:32px;background:var(--ion-color-light-shade);border-radius:16px;overflow:hidden;margin-bottom:16px}.tuning-bar{position:absolute;top:4px;bottom:4px;width:6px;background:var(--ion-color-primary);border-radius:3px;left:50%;transform:translate(-50%);transition:left .1s}.tuning-center{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ion-color-success);transform:translate(-50%)}.pitch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.pitch-card{text-align:center;padding:12px 8px;background:var(--ion-color-light);border-radius:10px}.pitch-card .value{font-size:1.5rem;font-weight:700;color:var(--ion-text-color)}.pitch-card .label{font-size:.7rem;color:var(--ion-color-medium);text-transform:uppercase;margin-top:2px}.listen-actions{display:flex;gap:10px;justify-content:center}.upgrade-hero{padding:2rem 0 1.5rem}.upgrade-icon{font-size:4rem;color:var(--ion-color-primary);margin-bottom:.5rem}.upgrade-hero h2{margin:.5rem 0 .25rem}.upgrade-hero p{color:var(--ion-color-medium)}#mobile-viewer-bar{display:flex;align-items:center;height:44px;padding:0 4px;background:var(--ion-toolbar-background, var(--ion-background-color, #fff));border-bottom:1px solid var(--mvp-border)}#mobile-viewer-bar #mobile-song-title{flex:1;font-size:.95rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}#mobile-viewer-bar ion-button{flex-shrink:0}#quick-action-bar{display:flex;justify-content:space-around;padding:6px 0;background:var(--ion-toolbar-background, var(--ion-background-color));border-top:1px solid var(--mvp-border);box-sizing:border-box}#quick-action-bar ion-button{--padding-start: 12px;--padding-end: 12px;font-size:.7rem}#mobile-tools-overlay{position:fixed;bottom:0;left:0;right:0;z-index:100;pointer-events:none}#mobile-tools-overlay:not(.hidden){pointer-events:auto}.tools-backdrop{position:fixed;inset:0;background:#0006;z-index:99}.tools-sheet{position:relative;z-index:101;background:var(--ion-background-color);border-radius:14px 14px 0 0;padding:12px 16px env(safe-area-inset-bottom);max-height:50vh;overflow-y:auto}.tools-sheet h4{font-size:.9rem;font-weight:600;margin-bottom:10px}body.practice-viewing ion-split-pane{--side-width: 0px}body.practice-viewing #tab-segment{display:none}body.viewer-maximized ion-split-pane{--side-width: 0px !important}body.viewer-maximized ion-menu{display:none!important}body.viewer-maximized #sidebar-hover-zone,body.practice-viewing #sidebar-hover-zone{display:none}body.viewer-maximized #main-content>ion-header{display:none}body.viewer-maximized #pdf-pages{max-width:none!important;overflow:hidden}body.viewer-maximized #btn-maximize ion-icon{--ionicon-stroke-width: 48px}body.viewer-maximized .pdf-page{display:none}body.viewer-maximized .pdf-page.active-page{display:block}.page-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:#00000040;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.5rem;cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.page-nav:hover{background:#00000080}.page-nav.nav-prev{left:8px}.page-nav.nav-next{right:8px}body.viewer-maximized .page-nav{display:flex}.page-indicator{display:none;font-size:.85rem;color:#ffffff80;white-space:nowrap;margin:0 4px}body.viewer-maximized .page-indicator{display:inline}body.dark{--ion-background-color: #0f0f0f;--ion-text-color: #b0b0c0;--ion-toolbar-background: #1a1a2e;--ion-color-light: #16213e;--ion-color-light-shade: #16213e;--ion-color-medium: #808098;--ion-item-background: transparent;--mvp-border: #2a2a4a;--mvp-surface: #16213e;--mvp-text-secondary: #808098;--mvp-section-header: #666680}body.dark #welcome-screen{background:#0a0a1a}body.dark .pdf-page{box-shadow:0 2px 12px #0006}body.dark .sheet-card{background:#16213e;border:1px solid #2a2a4a;box-shadow:none}body.dark .sheet-card:active{border-color:#e94560}body.dark .sheet-card.now-playing{border-color:#e94560;box-shadow:0 0 0 2px #e94560,0 2px 8px #e9456040}body.dark .sheet-thumb{background-color:#1a1a2e}body.dark .pitch-card,body.dark #transcript-output{background:#16213e}body.dark .tuning-indicator{background:#1a1a2e}body.dark .drawer-select,body.dark .drawer-num,body.dark .drawer-btn{background:#1a1a2e;color:#b0b0c0;border-color:#2a2a4a}body.dark .drawer-transcript{background:#1a1a2e}body.dark .storage-bar{color:#666680}body.dark ion-split-pane{--border: .55px solid #2a2a4a}body.dark ion-menu ion-content{--background: #0a0a1a}body.dark ion-menu ion-toolbar{--background: #0a0a1a;--color: #c0c0d0;color:#c0c0d0}body.dark ion-menu ion-item{--background: transparent;--color: #a0a0b0}body.dark ion-footer{--ion-border-color: #2a2a4a}body.dark ion-footer ion-toolbar{--background: #0a0a1a;--border-color: #2a2a4a;border-top:.55px solid #2a2a4a}body.dark ion-menu ion-searchbar{--background: #1a1a2e;--color: #a0a0b0;--placeholder-color: #555570}body.dark #practice-bar{background:#141428e0}body.dark .practice-controls{background:#0f0f1eeb}body.dark #practice-bar,body.dark .practice-controls{border-color:#ffffff0f;box-shadow:0 2px 12px #0000004d}body.dark #practice-bar .bar-btn,body.dark #practice-bar .bar-mode{--color: rgba(255, 255, 255, .82)}body.dark #practice-bar .bar-speed-label,body.dark #practice-bar .bar-mode #bar-mode-label{color:#ffffff9e}body.dark ion-header ion-toolbar{--background: #1a1a2e;--color: #c0c0d0;--border-color: #2a2a4a;--border-width: 0}body.dark ion-header:after{background:#2a2a4a!important;height:.55px!important}body.dark ion-header{--ion-toolbar-border-color: #2a2a4a;--ion-border-color: #2a2a4a}body.dark .sheet-title{color:#c8c8d8}body.dark .sheet-artist{color:#666680}body.dark .pdf-viewer{background:#16213e}body.dark .control-group{background:#16213e;border-color:#2a2a4a}body.dark #viewer-content{--background: #0f0f0f}body.dark #panel-library,body.dark .practice-layout{background:#0f0f0f}body.dark ion-segment{--background: transparent}body.dark #source-segment{--background: transparent}body.dark ::-webkit-scrollbar-track{background:#0f0f0f}body.dark ::-webkit-scrollbar-thumb{background:#2a2a4a}body.dark ::-webkit-scrollbar-thumb:hover{background:#666680}.wizard-card{border:1px solid var(--mvp-border, #ccc);border-radius:10px;padding:12px;margin-bottom:12px;background:var(--ion-color-light, #f4f5f8)}.wizard-filename{font-size:.7rem;color:var(--ion-color-medium);margin-bottom:8px;word-break:break-all}.wizard-fields{display:flex;gap:8px;flex-wrap:wrap}.wizard-field{flex:1;min-width:120px}.wizard-field label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--ion-color-medium);margin-bottom:3px}.wizard-field input{width:100%;padding:6px 10px;font-size:.9rem;border:1px solid var(--mvp-border, #ccc);border-radius:8px;background:var(--ion-background-color, #fff);color:var(--ion-text-color, #1a1a1a);box-sizing:border-box}.wizard-preview{margin-top:6px;font-size:.75rem;color:var(--ion-color-primary)}.wizard-search-btn{display:block;width:100%;margin-top:8px;padding:7px 12px;font-size:.8rem;font-weight:600;border:1px solid var(--mvp-accent, #e94560);border-radius:8px;background:transparent;color:var(--mvp-accent, #e94560);cursor:pointer;transition:background .15s,color .15s}.wizard-search-btn:hover{background:var(--mvp-accent, #e94560);color:#fff}.wizard-search-btn:disabled{opacity:.5;cursor:default}.wizard-match-header{font-size:.75rem;font-weight:600;color:var(--ion-color-medium);text-transform:uppercase;letter-spacing:.03em;margin:10px 0 6px}.wizard-match-list{max-height:220px;overflow-y:auto;margin-bottom:4px}.wizard-match-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;border:2px solid transparent}.wizard-match-row:hover{background:#0000000a}.wizard-match-row.selected{background:#e9456014;border-color:var(--mvp-accent, #e94560)}.wizard-match-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.wizard-match-info{min-width:0}.wizard-match-track{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-match-artist{font-size:.72rem;color:var(--ion-color-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px}.wizard-art-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:2px solid transparent;border-radius:8px;padding:4px;transition:border-color .15s,transform .15s}.wizard-art-option:hover{transform:scale(1.04)}.wizard-art-option.selected{border-color:var(--mvp-accent, #e94560)}.wizard-art-option img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#1a1a2e}.wizard-upload-label{display:inline-block;margin-top:8px}.wizard-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;border-radius:8px;cursor:pointer;background:var(--mvp-surface, #16213e);color:var(--mvp-text, #e0e0e0);border:1px solid var(--mvp-border, #2a2a4a);transition:background .15s}.wizard-upload-btn:hover{background:var(--mvp-accent, #e94560);color:#fff}.sidebar-section{border-bottom:.55px solid var(--mvp-border, #d0d0d0)}.sidebar-section:last-of-type{border-bottom:none}.sidebar-section-header{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--ion-text-color, #333);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;gap:6px}.sidebar-section-header:active{opacity:.7}.sidebar-section-count{font-size:.7rem;font-weight:500;color:var(--ion-color-medium, #808080);margin-left:auto}.sidebar-chevron{font-size:14px;color:var(--ion-color-medium, #808080);transition:transform .25s ease;flex-shrink:0}.sidebar-section-header[aria-expanded=false] .sidebar-chevron{transform:rotate(-90deg)}.sidebar-section-body{overflow:hidden;max-height:2000px;transition:max-height .3s ease}.sidebar-section-header[aria-expanded=false]+.sidebar-section-body{max-height:0}.sidebar-section[data-section=favorites].section-empty{display:none}.fav-btn{position:absolute;top:4px;right:4px;background:#0000004d;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:28px;text-align:center;color:#ffffffb3;cursor:pointer;z-index:2;padding:0;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s}.fav-btn:hover{background:#00000080}.fav-btn.active{color:gold;background:#0006}.sidebar-fav-btn{background:none;border:none;font-size:18px;color:var(--ion-color-medium, #808080);cursor:pointer;padding:4px 8px;-webkit-tap-highlight-color:transparent;transition:color .2s}.sidebar-fav-btn.active,.sidebar-fav-btn:hover{color:gold}body.dark .sidebar-section{border-color:#2a2a4a}body.dark .sidebar-section-header{color:#a0a0b0}body.dark .sidebar-section-count,body.dark .sidebar-chevron{color:#666680}body.dark .fav-btn{background:#00000080;color:#fff9}body.dark .fav-btn.active{color:gold}.wizard-art-none{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:6px;background:var(--mvp-surface, #f2f2f7);font-size:2rem}.spotify-dock{flex-shrink:0;width:100%;z-index:25;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 -4px 20px #00000014}.spotify-mini-bar{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:none}body.dark .spotify-mini-bar{background:#141424f5}body.dark .spotify-dock{box-shadow:0 -4px 20px #0000004d}.spotify-mini-art{width:36px;height:36px;border-radius:6px;object-fit:cover;background:var(--mvp-surface, #f2f2f7);flex-shrink:0;box-shadow:0 1px 4px #0000001a}body.dark .spotify-mini-art{background:#1a1a2e}.spotify-mini-art[src=""]{display:none}.spotify-mini-info{display:flex;flex-direction:column;min-width:60px;flex:1 1 0;max-width:200px;overflow:hidden}.spotify-mini-title{font-size:.78rem;font-weight:600;color:var(--mvp-text, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.spotify-mini-artist{font-size:.65rem;color:var(--mvp-text-secondary, #6e6e80);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.spotify-mini-btn{--padding-start: 4px;--padding-end: 4px;margin:0;min-width:30px;height:30px;font-size:1.1rem;--color: var(--mvp-text-secondary, #6e6e80);flex-shrink:0}.spotify-mini-btn:hover{--color: var(--mvp-accent, #e94560)}.spotify-mini-progress-wrap{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.spotify-mini-progress{flex:1;height:4px;min-width:40px;accent-color:var(--mvp-accent, #e94560);cursor:pointer;margin:0}.spotify-mini-time{font-size:.6rem;color:var(--mvp-text-secondary, #6e6e80);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.spotify-expanded{overflow:hidden;transition:max-height .3s ease;max-height:300px;background:#121212f7;border-top:1px solid rgba(255,255,255,.04)}.spotify-expanded.hidden{max-height:0;border-top:none}body.dark .spotify-expanded{background:#0a0a0af7}.spotify-embed-container{width:100%;height:152px;overflow:hidden;padding:8px 10px;box-sizing:border-box}.spotify-embed-container iframe{border:none;border-radius:10px;width:100%;height:100%}.spotify-login-hint{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;color:#ffffff8c;background:#1ed76014;border-top:1px solid rgba(30,215,96,.12)}.spotify-login-hint ion-icon{font-size:14px;color:#1db954;flex-shrink:0}.spotify-login-hint a{color:#1db954;text-decoration:underline;font-weight:600}.spotify-login-hint.hidden{display:none}.lyrics-sync-badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;color:#ffffff4d;background:#ffffff0f;padding:1px 6px;border-radius:3px;margin-left:auto}.lyrics-side-panel{width:240px;min-width:160px;max-width:400px;display:flex;flex-direction:column;background:#f5f5faf7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:none;border-radius:12px 0 0 12px;box-shadow:-2px 0 12px #0000000f,inset 1px 0 #ffffff80;flex-shrink:0;overflow:hidden;position:relative}.lyrics-side-panel.hidden{display:none}body.dark .lyrics-side-panel{background:#10101cf7;box-shadow:-2px 0 12px #0000004d,inset 1px 0 #ffffff0a}.lyrics-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .15s}.lyrics-resize-handle:after{content:"";width:3px;height:28px;border-radius:2px;background:#0000001f;transition:background .15s,height .15s}.lyrics-resize-handle:hover:after,.lyrics-resize-handle.dragging:after{background:var(--mvp-accent, #e94560);height:40px}body.dark .lyrics-resize-handle:after{background:#ffffff1a}body.dark .lyrics-resize-handle:hover:after,body.dark .lyrics-resize-handle.dragging:after{background:var(--mvp-accent, #e94560)}.lyrics-side-header{display:flex;align-items:center;padding:10px 12px 8px;gap:6px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.06)}.lyrics-title{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#00000073}body.dark .lyrics-title{color:#ffffff59}body.dark .lyrics-side-header{border-bottom-color:#ffffff0f}.lyrics-close-btn{--padding-start: 2px;--padding-end: 2px;margin:0 0 0 auto;min-width:24px;height:24px;font-size:.9rem;--color: rgba(0, 0, 0, .3)}body.dark .lyrics-close-btn{--color: rgba(255, 255, 255, .3)}.lyrics-side-scroll{flex:1;overflow-y:auto;padding:4px 12px 12px;scroll-behavior:smooth}.lyrics-side-scroll::-webkit-scrollbar{width:4px}.lyrics-side-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.lyrics-side-scroll::-webkit-scrollbar-track{background:transparent}.lyrics-line{margin:2px 0;padding:3px 8px 3px 10px;line-height:1.4;font-size:.8rem;color:#0000008c;border-radius:4px;border-left:2px solid transparent;transition:color .25s,background .25s,border-color .25s,font-size .25s}.lyrics-line.active{font-size:.85rem;font-weight:600;color:#000000eb;background:#e9456012;border-left-color:var(--mvp-accent, #e94560)}.lyrics-line.lyrics-plain{color:#0009}body.dark .lyrics-line{color:#fff9}body.dark .lyrics-line.active{color:#fffffff2;background:#e945601f;border-left-color:var(--mvp-accent, #e94560)}body.dark .lyrics-line.lyrics-plain{color:#ffffffa6}.lyrics-sync-badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;color:#ffffff4d;background:#ffffff0f;padding:1px 6px;border-radius:3px}.lyrics-sync-badge.hidden{display:none}.sign-in-banner{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:0;position:relative;z-index:20;flex-shrink:0}.sign-in-banner-content{display:flex;align-items:center;gap:10px;padding:10px 16px;max-width:900px;margin:0 auto}.sign-in-banner-icon{font-size:1.6rem;flex-shrink:0;opacity:.9}.sign-in-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sign-in-banner-text strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-in-banner-text span{font-size:.72rem;opacity:.8}.sign-in-banner-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.sign-in-banner-btn:hover{background:#ffffff4d}.sign-in-banner-dismiss{background:none;border:none;color:#ffffffb3;font-size:1.3rem;cursor:pointer;padding:2px 6px;line-height:1;flex-shrink:0}.sign-in-banner-dismiss:hover{color:#fff}.spotify-result ion-avatar{--border-radius: 4px;width:44px;height:44px}.spotify-result ion-label h3{font-weight:600}.spotify-result ion-label p{font-size:.8rem;color:var(--ion-color-medium)}.wizard-art-label{font-size:.65rem;color:var(--ion-color-medium);margin-top:3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.wizard-art-loading,.wizard-art-empty{grid-column:1 / -1;text-align:center;font-size:.8rem;color:var(--ion-color-medium);padding:12px 0}body.dark .wizard-card{background:#16213e;border-color:#2a2a4a}body.dark .wizard-field input{background:#0f0f0f;color:#eaeaea;border-color:#2a2a4a}body.dark .wizard-art-none{background:#1a1a2e}body.dark .wizard-art-option img{background:#0f0f0f}body.dark .wizard-match-row:hover{background:#ffffff0d}body.dark .wizard-match-row.selected{background:#e9456026}.drive-breadcrumb{padding-bottom:4px}.drive-progress{font-size:.8rem;color:var(--ion-color-medium)}body.dark #drive-modal ion-toolbar{--background: #1a1a2e;--color: #c0c0d0}body.dark #drive-modal ion-content{--background: #0a0a1a;--ion-background-color: #0a0a1a}body.dark #drive-modal ion-item{--background: transparent;--color: #c0c0d0}body.dark #drive-modal ion-footer ion-toolbar{--background: #1a1a2e}body.dark #drive-modal ion-button{--color: #fff;color:#fff}body.dark #drive-modal ion-button[disabled]{--color: rgba(255, 255, 255, .7);color:#ffffffb3;opacity:.85}body.dark .drive-progress{color:#c0c0d0d9}@media(max-width:767px){.welcome-container{padding:1.5rem}.welcome-logo{font-size:3.5rem}.welcome-container h1{font-size:1.5rem}ion-split-pane{--side-width: 100%}.practice-layout{flex-direction:column}#practice-bar .bar-speed{max-width:120px}#practice-bar .bar-mode #bar-mode-label{display:none}.spotify-mini-info{max-width:140px}.spotify-mini-time{display:none}.lyrics-side-panel{position:absolute;right:0;top:0;bottom:0;width:220px;z-index:20;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px #0003}.lyrics-resize-handle{display:none}#sheets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:12px}.pitch-cards{grid-template-columns:repeat(3,1fr);gap:6px}#desktop-viewer-title{display:none}}#panel-practice:has(>.spotify-dock:not(.hidden)) #controls-overlay{bottom:8px}@media(min-width:768px){#mobile-viewer-bar,#quick-action-bar,#mobile-tools-overlay{display:none!important}#sheets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}#main-tabs ion-segment-button{--color: var(--mvp-text-secondary, #6e6e80);--color-checked: var(--mvp-accent);--indicator-color: transparent;--indicator-height: 3px;font-weight:500;letter-spacing:.01em;padding-top:8px;padding-bottom:4px}#main-tabs ion-segment-button::part(indicator){background:var(--mvp-accent);height:3px;border-radius:2px}#history-section ion-list-header{--color: var(--mvp-section-header);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}ion-menu ion-item[aria-selected=true]{--background: var(--mvp-accent-soft);--color: var(--mvp-accent);font-weight:600}#practice-bar .bar-btn{--color: var(--ion-text-color, #333)}#practice-bar .bar-btn.active{--color: var(--mvp-accent, #e94560)}#practice-bar #btn-auto-scroll{--color: var(--mvp-accent)}#practice-bar #btn-auto-scroll.scrolling{--color: var(--ion-color-success, #2dd36f)}#practice-bar .bar-speed{--bar-background: var(--ion-color-light-shade, #e0e0e0);--bar-background-active: var(--mvp-accent);--knob-background: var(--mvp-accent)}ion-badge[color=medium]{--background: var(--mvp-accent-soft);--color: var(--mvp-accent)}@media(min-width:1024px){ion-split-pane{--side-width: 350px}#pdf-pages{padding:16px;max-width:900px;margin:0 auto}#sheets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}}@supports (padding: env(safe-area-inset-bottom)){#quick-action-bar{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.tools-sheet{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}