body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md) 0;font-weight:var(--font-semibold);line-height:1.2;color:var(--text-primary);letter-spacing:-0.02em}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-0.03em}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-md) 0;line-height:1.7}.lead{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);font-weight:var(--font-light)}small,.small{font-size:var(--text-sm);line-height:1.5}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}ul,ol{margin:0 0 var(--space-md) 0;padding-left:var(--space-xl);line-height:1.7}li{margin-bottom:var(--space-xs)}code{font-family:var(--font-mono);font-size:0.875em;padding:0.2em 0.4em;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;margin:0 0 var(--space-md) 0}pre code{background:none;padding:0}blockquote{margin:0 0 var(--space-md) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--primary);background:var(--bg-tertiary);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary)}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.text-inverse{color:var(--text-inverse) !important}.text-success{color:var(--success) !important}.text-danger{color:var(--danger) !important}.text-warning{color:var(--warning) !important}.text-info{color:var(--info) !important}.font-light{font-weight:var(--font-light) !important}.font-normal{font-weight:var(--font-normal) !important}.font-medium{font-weight:var(--font-medium) !important}.font-semibold{font-weight:var(--font-semibold) !important}.font-bold{font-weight:var(--font-bold) !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.text-uppercase{text-transform:uppercase !important}.text-lowercase{text-transform:lowercase !important}.text-capitalize{text-transform:capitalize !important}.text-underline{text-decoration:underline !important}.text-line-through{text-decoration:line-through !important}.text-no-decoration{text-decoration:none !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background:var(--primary);color:white}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}}@import url('./base/reset.css');:root{--primary:#5b5fde;--primary-dark:#4a4ebd;--primary-light:#7b7ef3;--primary-hover:#4a4ebd;--secondary:#ff6b6b;--secondary-dark:#ff5252;--secondary-light:#ff8787;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#eeeeee;--neutral-300:#e0e0e0;--neutral-400:#bdbdbd;--neutral-500:#9e9e9e;--neutral-600:#757575;--neutral-700:#616161;--neutral-800:#424242;--neutral-900:#212121;--success:#4ade80;--success-light:#86efac;--success-dark:#22c55e;--success-hover:#22c55e;--warning:#fbbf24;--warning-light:#fcd34d;--warning-dark:#f59e0b;--danger:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--danger-hover:#dc2626;--info:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-card:#ffffff;--bg-input:#fafafa;--bg-hover:#f5f5f5;--bg-dark:#0f0f0f;--bg-dark-secondary:#1a1a1a;--bg-dark-tertiary:#242424;--text-primary:#1a1a1a;--text-secondary:#666666;--text-tertiary:#999999;--text-muted:#bdbdbd;--text-inverse:#ffffff;--border:rgba(0,0,0,0.06);--border-dark:rgba(255,255,255,0.06);--border-hover:rgba(0,0,0,0.12);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Inter','SF Pro Display',sans-serif;--font-mono:'SF Mono','Monaco','Consolas','Liberation Mono','Courier New',monospace;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 2px 4px -1px rgba(0,0,0,0.06),0 1px 2px -1px rgba(0,0,0,0.03);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.03);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.15);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--sidebar-width:280px;--header-height:64px;--max-content-width:1200px}@import url('./base/reset.css');@import url('./base/variables.css');body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md) 0;font-weight:var(--font-semibold);line-height:1.2;color:var(--text-primary);letter-spacing:-0.02em}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-0.03em}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-md) 0;line-height:1.7}.lead{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);font-weight:var(--font-light)}small,.small{font-size:var(--text-sm);line-height:1.5}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}ul,ol{margin:0 0 var(--space-md) 0;padding-left:var(--space-xl);line-height:1.7}li{margin-bottom:var(--space-xs)}code{font-family:var(--font-mono);font-size:0.875em;padding:0.2em 0.4em;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);overflow-x:auto;margin:0 0 var(--space-md) 0}pre code{background:none;padding:0}blockquote{margin:0 0 var(--space-md) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--primary);background:var(--bg-tertiary);border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary)}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.text-inverse{color:var(--text-inverse) !important}.text-success{color:var(--success) !important}.text-danger{color:var(--danger) !important}.text-warning{color:var(--warning) !important}.text-info{color:var(--info) !important}.font-light{font-weight:var(--font-light) !important}.font-normal{font-weight:var(--font-normal) !important}.font-medium{font-weight:var(--font-medium) !important}.font-semibold{font-weight:var(--font-semibold) !important}.font-bold{font-weight:var(--font-bold) !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.text-uppercase{text-transform:uppercase !important}.text-lowercase{text-transform:lowercase !important}.text-capitalize{text-transform:capitalize !important}.text-underline{text-decoration:underline !important}.text-line-through{text-decoration:line-through !important}.text-no-decoration{text-decoration:none !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background:var(--primary);color:white}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{from{transform:scale(1);opacity:1}to{transform:scale(0.9);opacity:0}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}100%{transform:scale(1);opacity:1}}@keyframes pulseShadow{0%{box-shadow:0 0 0 0 rgba(91,95,222,0.7)}70%{box-shadow:0 0 0 10px rgba(91,95,222,0)}100%{box-shadow:0 0 0 0 rgba(91,95,222,0)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotateScale{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes wave{0%,100%{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}@keyframes glow{0%{box-shadow:0 0 5px rgba(91,95,222,0.5)}50%{box-shadow:0 0 20px rgba(91,95,222,0.8),0 0 30px rgba(91,95,222,0.6)}100%{box-shadow:0 0 5px rgba(91,95,222,0.5)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}100%{width:100%}}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn 0.3s ease}.animate-fadeInUp{animation:fadeInUp 0.4s ease}.animate-fadeInDown{animation:fadeInDown 0.4s ease}.animate-slideIn{animation:slideIn 0.3s ease}.animate-scaleIn{animation:scaleIn 0.3s ease}.animate-bounce{animation:bounce 1s ease infinite}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animation-delay-100{animation-delay:100ms}.animation-delay-200{animation-delay:200ms}.animation-delay-300{animation-delay:300ms}.animation-delay-400{animation-delay:400ms}.animation-delay-500{animation-delay:500ms}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}*{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}button,a,.clickable,input[type='button'],input[type='submit'],.tab-nav-item,.nav-link{min-height:44px;min-width:44px;position:relative}button+button,.button+.button{margin-left:8px}@media (max-width:768px){.dashboard-container{padding-bottom:calc(60px+var(--safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:1000;padding-top:var(--safe-area-inset-top)}.main-content-new{padding:16px;padding-bottom:calc(80px+var(--safe-area-inset-bottom));min-height:calc(100vh - 120px - var(--safe-area-inset-top))}.card{margin-bottom:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}input,textarea,select{font-size:16px;padding:12px 16px;border-radius:8px}.button-group{display:flex;flex-direction:column;gap:12px}.button-group .button{width:100%;justify-content:center}.modal{margin:16px;max-height:calc(100vh - 32px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));width:calc(100% - 32px);max-width:none}.modal-content{max-height:calc(100vh - 64px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));overflow-y:auto}.top-navigation{position:fixed;bottom:0;left:0;right:0;top:auto;padding-bottom:var(--safe-area-inset-bottom);box-shadow:0 -2px 10px rgba(0,0,0,0.1)}.tab-content{padding-bottom:calc(60px+var(--safe-area-inset-bottom))}.timer-display{font-size:48px;padding:24px;text-align:center}.audio-player{padding:16px}.waveform-container{height:100px;margin:16px 0}.audio-controls{flex-wrap:wrap;justify-content:center;gap:12px}.metronome-container{padding:16px}.bpm-display{font-size:36px}.tempo-slider{width:100%;height:44px}.session-card{padding:16px;margin-bottom:12px}.goal-card{padding:16px;margin-bottom:12px}.goal-progress-bar{height:8px;border-radius:4px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px;text-align:center}.calendar-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-grid{min-width:320px}.repertoire-item{padding:16px;margin-bottom:12px;border-radius:8px}.settings-section{margin-bottom:24px}.settings-group{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:16px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:12px}.theme-option{padding:12px;border-radius:8px}}@media (hover:none) and (pointer:coarse){.button:hover,.nav-link:hover{transform:none;box-shadow:none}.button:active,.nav-link:active,.clickable:active{transform:scale(0.95);opacity:0.8}input[type='range']::-webkit-slider-thumb{width:32px;height:32px}input[type='range']::-moz-range-thumb{width:32px;height:32px}}@media (max-width:768px) and (orientation:landscape){.app-header{padding-top:0;height:50px}.main-content-new{padding-top:12px}.timer-display{font-size:36px;padding:16px}.modal{max-height:calc(100vh - 24px);margin:12px}}@media (max-width:375px){.app-header h1{font-size:18px}.tab-nav-item{font-size:10px}.timer-display{font-size:36px}.button{font-size:14px;padding:10px 16px}.card{padding:12px}}@supports (-webkit-touch-callout:none){input,textarea{-webkit-appearance:none;border-radius:0}input[type='text'],input[type='number'],input[type='email'],input[type='password'],select,textarea{font-size:16px !important}}.swipe-area{position:absolute;top:0;bottom:0;width:20px;z-index:10}.swipe-area-left{left:0}.swipe-area-right{right:0}.pull-to-refresh{position:fixed;top:-60px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:top 0.3s ease;z-index:1001;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.pull-to-refresh.visible{top:calc(16px+var(--safe-area-inset-top))}.pull-to-refresh.refreshing{animation:spin 1s linear infinite}@keyframes spin{100%{transform:translateX(-50%) rotate(360deg)}}.skeleton{background:linear-gradient( 90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75% );background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:768px){#notification,.notification{position:fixed !important;top:auto !important;bottom:calc(16px+var(--safe-area-inset-bottom)) !important;right:16px !important;left:16px !important;max-width:none !important;width:auto !important;height:auto !important;z-index:999999 !important;animation:slideInUp 0.3s ease}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-0{gap:0}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.page-layout{min-height:100vh;display:flex;flex-direction:column}.content-layout{flex:1;display:flex}.main-content{flex:1;padding:var(--space-xl)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:transform var(--transition-base)}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg-primary)}.sidebar-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.nav-menu{flex:1;overflow-y:auto;padding:var(--space-lg) 0;list-style:none;margin:0}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-item{margin:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.nav-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--primary);border-radius:0 2px 2px 0;transition:height var(--transition-base)}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-hover)}.nav-item.active::before{height:24px}.nav-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-md)}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--primary)}.nav-item .icon{font-size:1.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item span{flex:1}.sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border);background:var(--bg-primary)}.logout-btn{width:100%;justify-content:flex-start}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:85vw;max-width:320px}.sidebar.active{transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,0.8)}.sidebar.active::after{content:'';position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.nav-item{animation:slideIn 0.3s ease forwards;animation-delay:calc(var(--i,0) * 0.05s);opacity:0}.nav-item:nth-child(1){--i:1}.nav-item:nth-child(2){--i:2}.nav-item:nth-child(3){--i:3}.nav-item:nth-child(4){--i:4}.nav-item:nth-child(5){--i:5}.nav-item:nth-child(6){--i:6}.nav-item:nth-child(7){--i:7}.nav-item:nth-child(8){--i:8}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');.app-header{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(15,23,42,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;transition:all 0.3s ease}.header-container{height:100%;max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.header-left{flex:0 0 auto;min-width:auto}.header-tab-name{font-size:1.375rem;font-weight:700;color:#ffffff;margin:0;letter-spacing:-0.025em;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.header-center{flex:1;display:flex;justify-content:center;align-items:center;padding:0 2rem}.header-status{display:inline-flex;align-items:center;gap:0.75rem;padding:0.5rem 1.25rem;border-radius:24px;font-size:0.875rem;font-weight:500;backdrop-filter:blur(8px);transition:all 0.3s ease;white-space:nowrap}.header-status.status-success{background:rgba(34,197,94,0.15);color:#22c55e;border:1px solid rgba(34,197,94,0.2)}.header-status.status-warning{background:rgba(251,146,60,0.15);color:#fb923c;border:1px solid rgba(251,146,60,0.2)}.header-status.status-error{background:rgba(239,68,68,0.15);color:#ef4444;border:1px solid rgba(239,68,68,0.2)}.status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px rgba(255,255,255,0.2);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.95)}}.status-text{color:inherit}.header-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:0.75rem}.sync-status{display:inline-flex;align-items:center;padding:0.375rem 0.875rem;border-radius:24px;font-size:0.813rem;font-weight:500;transition:all 0.2s ease;white-space:nowrap}.sync-status.demo-mode{background:rgba(239,68,68,0.15);color:#ef4444;border:1px solid rgba(239,68,68,0.2)}.sync-status.cloud-mode{background:rgba(34,197,94,0.15);color:#22c55e;border:1px solid rgba(34,197,94,0.2)}.app-header .theme-toggle{background:rgba(99,102,241,0.2) !important;border:2px solid rgba(99,102,241,0.3) !important;width:40px !important;height:40px !important;border-radius:50% !important;padding:0 !important;cursor:pointer;transition:all 0.3s ease;display:flex !important;align-items:center;justify-content:center;flex-shrink:0}.theme-name{color:rgba(255,255,255,0.7);font-size:0.813rem;font-weight:500;white-space:nowrap;text-align:right;min-width:100px}.app-header .theme-toggle:hover{background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.3) !important;transform:scale(1.05) !important}.app-header .theme-icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.logout-btn{display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.75rem;background:transparent;color:rgba(255,255,255,0.7);border:none;font-size:0.813rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.logout-btn:hover{color:#ef4444}.logout-icon{font-size:1rem}.logout-text{white-space:nowrap}@media (max-width:1024px){.header-container{padding:0 1.5rem}.header-left{min-width:auto}.header-tab-name{font-size:1.25rem}}@media (max-width:768px){.header-container{padding:0 1rem}.header-left{min-width:auto}.header-tab-name{font-size:1.125rem}.header-center{padding:0 1rem}.header-status{padding:0.375rem 0.875rem;font-size:0.813rem}.theme-name{display:none}.logout-text{display:none}.logout-btn{padding:0.5rem}}[data-theme='light'] .app-header{background:rgba(255,255,255,0.95);border-bottom:1px solid rgba(0,0,0,0.1)}[data-theme='light'] .header-tab-name{color:#1a1a1a}[data-theme='light'] .app-header .theme-toggle{background:rgba(0,0,0,0.05) !important;border-color:rgba(0,0,0,0.1) !important}[data-theme='light'] .app-header .theme-toggle:hover{background:rgba(0,0,0,0.08) !important;border-color:rgba(0,0,0,0.15) !important}[data-theme='light'] .theme-name{color:rgba(0,0,0,0.7)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@media (min-width:576px){.container{padding:0 var(--space-lg)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-base{font-size:var(--text-base)}}@media (min-width:768px){.main-content{margin-left:0}.mobile-menu-toggle{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:space-x-4>*+*{margin-left:var(--space-md)}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:992px){.container{padding:0 var(--space-xl)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}}@media (min-width:1200px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.container{max-width:1536px}.xxl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media print{.sidebar,.top-bar,.nav-item,.btn,.mobile-menu-toggle{display:none !important}.main-content{margin:0 !important;padding:0 !important}body{background:white;color:black}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.avoid-break{page-break-inside:avoid}}@media (hover:hover){.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-primary:hover{background-color:var(--primary)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-color-scheme:dark){}@media (prefers-color-scheme:light){:root[data-theme='auto']{--bg-dark:#ffffff;--bg-card:#f9fafb;--bg-input:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563}}@media (prefers-contrast:high){:root{--border:#ffffff;--text-secondary:#e5e7eb}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0.625rem 1.25rem;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);line-height:1.5;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;user-select:none}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn:hover::before{width:300px;height:300px}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;box-shadow:0 4px 14px 0 rgba(91,95,222,0.25)}.btn-primary:hover{box-shadow:0 6px 20px 0 rgba(91,95,222,0.35);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px 0 rgba(91,95,222,0.25)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:white;box-shadow:0 4px 14px 0 rgba(74,222,128,0.25)}.btn-success:hover{box-shadow:0 6px 20px 0 rgba(74,222,128,0.35);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);color:white;box-shadow:0 4px 14px 0 rgba(239,68,68,0.25)}.btn-danger:hover{box-shadow:0 6px 20px 0 rgba(239,68,68,0.35);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-primary);border:none}.btn-ghost:hover{background:var(--bg-hover)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-full)}.btn-icon .icon{font-size:1.25rem;line-height:1}.btn-sm{padding:0.375rem 0.875rem;font-size:var(--text-xs)}.btn-lg{padding:0.875rem 1.75rem;font-size:var(--text-base)}.btn-xl{padding:1rem 2rem;font-size:var(--text-lg)}.btn-full{width:100%}.btn-group{display:inline-flex;gap:1px;background:var(--border);border-radius:var(--radius-lg);padding:1px}.btn-group .btn{border-radius:calc(var(--radius-lg) - 1px);box-shadow:none}.btn-group .btn:hover{z-index:1}.btn-loading{color:transparent;pointer-events:none}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-loading-spinner 0.6s linear infinite;top:0;left:0;right:0;bottom:0}@keyframes button-loading-spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.fab{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--transition-base);z-index:var(--z-fixed)}.fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}.fab:active{transform:translateY(0) scale(0.95)}@media (max-width:768px){.btn{padding:0.5rem 1rem}.fab{bottom:var(--space-lg);right:var(--space-lg);width:3rem;height:3rem}}.theme-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--primary);transform:scale(1.1)}.theme-toggle:active{transform:scale(0.95)}.theme-toggle .icon{font-size:1.25rem;line-height:1}.header .theme-toggle,.header .btn-icon.theme-toggle{visibility:visible !important;opacity:1 !important}.theme-toggle .icon{transition:transform 0.3s ease}.theme-toggle:hover .icon{transform:rotate(180deg)}@media (max-width:768px){.theme-toggle{width:2.25rem;height:2.25rem}.theme-toggle .icon{font-size:1.125rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.025em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.form-control,input[type='text'],input[type='email'],input[type='password'],input[type='number'],input[type='tel'],input[type='url'],input[type='date'],input[type='time'],select,textarea{width:100%;padding:0.75rem 1rem;background:var(--bg-input);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none}.form-control:focus,input:focus,select:focus,textarea:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,95,222,0.1)}.form-control:hover:not(:focus),input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){background:var(--bg-hover)}.form-control:disabled,input:disabled,select:disabled,textarea:disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-tertiary)}.form-control:invalid:not(:placeholder-shown),input:invalid:not(:placeholder-shown){border-color:var(--danger)}::placeholder{color:var(--text-muted);opacity:1}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23999' stroke='%23999' stroke-width='0.5' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;appearance:none;background-size:16px 16px}textarea{min-height:120px;resize:vertical;line-height:1.5}input[type='checkbox'],input[type='radio']{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;accent-color:var(--primary)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-base);color:var(--text-primary);user-select:none}.checkbox-label:hover input[type='checkbox'],.radio-label:hover input[type='radio']{transform:scale(1.1)}.file-input{display:block;width:100%;padding:var(--space-sm);background:var(--bg-input);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.file-input:hover{border-color:var(--primary);background:var(--bg-hover)}.file-input::-webkit-file-upload-button{padding:var(--space-sm) var(--space-md);margin-right:var(--space-md);background:var(--primary);border:none;border-radius:var(--radius-md);color:white;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.file-input::-webkit-file-upload-button:hover{background:var(--primary-dark)}input[type='range']{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(91,95,222,0.3)}input[type='range']::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 12px rgba(91,95,222,0.5)}input[type='range']::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(91,95,222,0.3)}.form-stats{display:flex;justify-content:space-between;margin:var(--space-lg) 0;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em}.stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary)}.error-message{display:none;margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--danger)}.error-message:not(:empty){display:block}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-stats{flex-direction:column;gap:var(--space-md)}}.practice-form{padding-bottom:20px}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-gradient{background:var(--bg-card);position:relative;padding:var(--space-xl);border-radius:var(--radius-xl)}.card-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dashboard-widget{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.widget-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.widget-action{font-size:var(--text-sm);color:var(--primary);cursor:pointer;background:none;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.widget-action:hover{background:var(--bg-hover)}.practice-tips{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.practice-tips::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.practice-tip{display:flex;align-items:center;gap:var(--space-md);position:relative;z-index:1}.tip-icon{font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.tip-text{flex:1}.tip-title{font-weight:var(--font-semibold);margin-bottom:var(--space-xs);font-size:var(--text-base)}.tip-description{font-size:var(--text-sm);opacity:0.95;line-height:1.5}.session-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm);transition:all var(--transition-fast);cursor:pointer}.session-item:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateX(4px)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.session-date{color:var(--text-secondary);font-size:var(--text-sm)}.session-duration{color:var(--primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em}#quickStats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.quick-stat{text-align:center;padding:var(--space-lg);background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-fast)}.quick-stat:hover{background:var(--bg-hover);border-color:var(--primary)}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-2xl);font-style:italic}.empty-state p{margin:var(--space-sm) 0}.empty-state .text-muted{color:var(--text-muted);font-size:var(--text-sm)}@media (max-width:768px){.card,.dashboard-widget{padding:var(--space-lg)}#quickStats{grid-template-columns:1fr}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:10000000}.modal-overlay-active{opacity:1;visibility:visible;z-index:10000000}.modal-active{transform:scale(1) !important;opacity:1 !important}.modal-input{width:100%;padding:0.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-primary);font-size:1rem;margin-top:0.5rem}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}.modal-alert .modal-footer{justify-content:center}.modal-confirm .modal-footer,.modal-prompt .modal-footer{justify-content:flex-end;gap:0.5rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000001;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease}.modal[style*='display:block']{display:flex !important}.modal.show{display:flex !important;opacity:1 !important;visibility:visible !important}.modal-content{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,0.5);max-width:600px;width:90%;max-height:90vh;overflow:hidden;transform:scale(0.95);transition:transform 0.2s ease}.modal[style*='opacity:1'] .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-input)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.2s ease;line-height:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 5rem);user-select:text;cursor:auto}.modal-footer{padding:1rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem;background:var(--bg-input)}.page-modal{display:flex !important;align-items:center;justify-content:center}.page-modal .modal-content{max-width:900px;width:90%;max-height:90vh;display:flex;flex-direction:column}.page-modal .modal-header{flex-shrink:0;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:transparent}.page-modal .modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.page-modal .modal-body{flex:1;overflow-y:auto;padding:0;user-select:text;cursor:auto}.page-modal .info-page-wrapper{padding:2rem;user-select:text}.page-modal *{user-select:text}.page-modal p{color:var(--text-secondary)}.page-modal .page-header{display:none}.page-modal .about-page,.page-modal .features-page,.page-modal .whats-new-page,.page-modal .roadmap-page{max-width:100%;padding:0;margin:0}.page-modal .content-section,.page-modal .features-grid,.page-modal .roadmap-timeline{margin-top:0}.page-modal .hero-section,.page-modal .philosophy-section,.page-modal .story-section,.page-modal .mission-section,.page-modal .team-section,.page-modal .support-section,.page-modal .release-section,.page-modal .roadmap-section{background:var(--bg-input);padding:1.5rem;margin-bottom:2rem;border-radius:var(--radius-lg)}.page-modal .version-badge,.page-modal .status-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.875rem;font-weight:600;margin-bottom:0.5rem}.page-modal .version-badge{background:var(--primary);color:white}.page-modal .status-badge.in-progress{background:var(--success);color:white}.page-modal .status-badge.planned{background:var(--info);color:white}.page-modal .status-badge.future{background:var(--warning);color:white}.page-modal .philosophy-card,.page-modal .highlight-card,.page-modal .feature-item,.page-modal .roadmap-item{background:var(--bg-card);border:1px solid var(--border)}.page-modal ul{list-style:none;padding:0;margin:0}.page-modal li{padding:0.5rem 0;padding-left:1.5rem;position:relative;color:var(--text-secondary)}.page-modal li::before{content:'•';position:absolute;left:0;color:var(--primary)}.page-modal .feature-item li::before{content:'✓';color:var(--success)}.page-modal .cta-section,.page-modal .feedback-section,.page-modal .commitment-section,.page-modal .contact-section{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--bg-input);border-radius:var(--radius-lg)}.page-modal .btn{margin:0.5rem}.confirm-modal .modal-content{max-width:400px}.confirm-modal .modal-body{text-align:center;padding:2rem}.confirm-modal .modal-body p{margin-bottom:1.5rem;color:var(--text-secondary)}.settings-modal .modal-content{max-width:700px}.settings-section{margin-bottom:2rem}.settings-section h3{color:var(--text-primary);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-light)}.setting-item:last-child{border-bottom:none}.setting-label{display:flex;flex-direction:column;gap:0.25rem}.setting-label strong{color:var(--text-primary)}.setting-label small{color:var(--text-secondary);font-size:0.875rem}.modal-body::-webkit-scrollbar,.page-modal .modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.page-modal .modal-body::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}.modal-body::-webkit-scrollbar-thumb,.page-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.page-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes modalSlideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.modal-content{width:95%;margin:1rem}.page-modal .modal-content{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;margin:0}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.page-modal .modal-header{padding:1rem 1.5rem;position:sticky;top:0;background:var(--bg-card);z-index:10}.page-modal .info-page-wrapper{padding:1rem}.page-modal .philosophy-grid,.page-modal .release-highlights,.page-modal .commitments,.page-modal .features-grid{grid-template-columns:1fr}.settings-modal .modal-content{width:100%;height:100%;max-height:100%;border-radius:0}#goalModal .modal-content{width:95%;max-width:95%;max-height:95vh;margin:2.5vh auto}}@media (max-width:480px){.modal-header h2{font-size:1.125rem}.modal-footer{flex-direction:column;gap:0.5rem}.modal-footer .btn{width:100%}}.dark-mode .modal{background:rgba(0,0,0,0.9)}.dark-mode .modal-content{box-shadow:0 20px 60px rgba(0,0,0,0.8)}.modal:focus-within{outline:none}.modal-content:focus{outline:2px solid var(--primary);outline-offset:2px}.modal[role='dialog']{aria-modal:true}@media (prefers-contrast:high){.modal-content{border:2px solid var(--text-primary)}.modal-header,.modal-footer{border-width:2px}}@media (prefers-reduced-motion:reduce){.modal,.modal-content{transition:none}.modal-close:hover{transform:none}}#goalModal{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:none;align-items:center !important;justify-content:center !important;z-index:999999 !important;background:rgba(0,0,0,0.8) !important;opacity:0;transition:opacity 0.3s ease}#goalModal.show,#progressModal.show{display:flex !important;opacity:1 !important;visibility:visible !important}#goalModal .modal-content{position:relative;max-width:650px;width:90%;max-height:90vh;margin:auto;background:var(--bg-card) !important;border:1px solid var(--border) !important;box-shadow:0 20px 60px rgba(0,0,0,0.5) !important;padding:2rem !important;border-radius:var(--radius-xl) !important;overflow-y:auto;transform:scale(1)}#goalModal h3{color:var(--text-primary) !important;margin-bottom:1.5rem}#goalModal p{color:var(--text-secondary) !important;margin-bottom:2rem}.goal-input-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.goal-area-select{flex:2;padding:1rem;background:var(--bg-input) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md);color:var(--text-primary) !important;font-size:1rem;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.goal-minutes-input{flex:0 0 80px;padding:1rem;background:var(--bg-input) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md);color:var(--text-primary) !important;text-align:center;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.remove-goal-btn{padding:0.75rem;background:linear-gradient(145deg,#e74c3c,#c0392b);color:white;border:none;border-radius:8px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,0.3);transition:all 0.2s ease}.remove-goal-btn:hover{background:linear-gradient(145deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,0.4)}.close-btn{color:var(--text-secondary) !important;float:right;font-size:28px;font-weight:bold;cursor:pointer;line-height:1;padding:0.5rem;border-radius:50%;transition:all 0.2s ease}.close-btn:hover{color:var(--text-primary) !important;background:var(--bg-hover)}.modal-actions{display:flex;gap:1rem;margin-top:2.5rem;justify-content:flex-end}#progressModal{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:none;align-items:center !important;justify-content:center !important;z-index:1000001 !important;background:rgba(0,0,0,0.8) !important;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.goal-form-actions{margin:2rem 0}.btn{padding:0.75rem 1.5rem !important;border-radius:8px !important;font-weight:600;transition:all 0.2s ease;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,0.3)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.admin-table thead{background:var(--bg-tertiary)}.admin-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid var(--border-color)}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.admin-table tbody tr{transition:background-color 0.2s ease}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.btn-small{padding:0.5rem 1rem;font-size:0.875rem;border-radius:6px;border:none;cursor:pointer;transition:all 0.2s ease;margin-right:0.5rem}.view-user-btn{background:var(--primary-color);color:white}.view-user-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.reset-password-btn{background:var(--secondary-color);color:white}.reset-password-btn:hover{background:var(--secondary-hover);transform:translateY(-1px)}.edit-admin-drill-btn{background:var(--primary-color);color:white}.edit-admin-drill-btn:hover{background:var(--primary-hover)}.delete-drill-btn{background:#ef4444;color:white}.delete-drill-btn:hover{background:#dc2626}.btn-icon{padding:0.25rem 0.5rem;font-size:1rem;border-radius:4px;border:none;cursor:pointer;background:transparent;transition:all 0.2s ease;margin-right:0.5rem}.btn-icon:hover{background:var(--bg-hover);transform:scale(1.1)}.btn-success{background:var(--success-color,#10b981);color:white}.btn-success:hover{background:var(--success-hover,#059669)}.btn-danger{background:#ef4444;color:white}.btn-danger:hover{background:#dc2626}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');.timer-wrapper{padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.timer-display{font-size:var(--text-8xl);font-weight:300;text-align:center;margin:var(--space-xl) auto;padding:var(--space-md);font-variant-numeric:tabular-nums;color:var(--primary);line-height:1.2;min-height:80px;font-family:var(--font-mono)}.timer-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-base)}.timer-controls{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.timer-sync-control{text-align:center;margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border)}.sync-toggle-label{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-base)}.sync-toggle-label:hover{background:var(--bg-card)}.sync-status{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.timer-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-top:var(--space-xl)}.timer-stat{text-align:center}.timer-goal-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-base);width:100%;max-width:150px;cursor:pointer}.timer-progress{background:var(--bg-input);height:20px;border-radius:var(--radius-full);overflow:hidden;position:relative;width:100%;margin-top:var(--space-sm);border:1px solid var(--border)}.timer-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width 0.3s ease;width:0%}.compact-timer-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border)}.compact-timer-wrapper{display:flex;gap:var(--space-xl);align-items:center}@media (max-width:768px){.compact-timer-wrapper{flex-direction:column}}.compact-timer-left{flex:1}.compact-timer-display{font-size:var(--text-3xl);font-weight:300;font-variant-numeric:tabular-nums;color:var(--primary);text-align:center;margin-bottom:var(--space-md)}.compact-timer-controls{display:flex;justify-content:center;gap:var(--space-sm)}.compact-start-btn,.compact-stop-btn,.compact-reset-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.compact-timer-right{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.compact-timer-goal{display:flex;align-items:center;gap:var(--space-sm)}.compact-timer-goal label{font-size:var(--text-sm);color:var(--text-secondary)}.compact-timer-goal select{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.compact-timer-progress{flex:1}.compact-progress-bar{background:var(--bg-input);height:12px;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.compact-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width 0.3s ease;width:0%}.compact-timer-sync{display:flex;align-items:center;gap:var(--space-xs)}.compact-sync-toggle{width:16px;height:16px;cursor:pointer}.compact-sync-label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;user-select:none}@keyframes timerPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.timer-display.active{animation:timerPulse 1s ease-in-out infinite}.session-timer-widget{position:fixed;bottom:var(--space-xl);left:var(--space-xl);background:var(--bg-card);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-xl);z-index:var(--z-fixed);min-width:200px}.session-timer-widget .timer-display{font-size:var(--text-2xl);margin:0;min-height:auto}.session-timer-widget .timer-controls{margin:var(--space-sm) 0 0;gap:var(--space-xs)}.session-timer-widget .btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.timer-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md)}.timer-widget{text-align:center}.timer-title{font-size:1.25rem;margin-bottom:var(--space-md);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.timer-display{font-size:3rem;font-weight:700;font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;color:var(--primary);margin:var(--space-lg) 0;letter-spacing:0.05em}.timer-controls{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-md)}.timer-controls .btn{min-width:120px}.timer-hint{font-size:0.875rem;color:var(--text-secondary);font-style:italic}.audio-layout,.metronome-layout{display:flex;flex-direction:column;gap:var(--space-lg)}.log-practice-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden;transition:all 0.3s ease}.log-practice-section.collapsed{max-height:60px}.log-practice-section.collapsed .log-practice-content{display:none}.timer-controls button{cursor:pointer;transition:all 0.2s ease}.timer-controls button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.timer-controls button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width:768px){.timer-display{font-size:var(--text-3xl);min-height:60px;margin:var(--space-md) 0}.timer-controls{flex-direction:column;gap:var(--space-sm)}.timer-controls .btn{width:100%;min-width:unset;padding:var(--space-md)}.compact-timer-display{font-size:var(--text-2xl)}.compact-timer-wrapper{flex-direction:column;gap:var(--space-md)}}.timer-sync-label{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.timer-sync-label input[type='checkbox']{cursor:pointer}.timer-sync-label:hover{color:var(--text-primary)}.timer-widget{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.timer-main-row{display:flex;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-md)}.timer-widget .timer-title{font-size:1.25rem;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.timer-widget .timer-display{font-size:2.5rem;font-weight:700;color:var(--primary);font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;letter-spacing:0.05em;margin:0;flex:1;text-align:center}.timer-widget .timer-controls{display:flex;gap:var(--space-sm);margin-left:auto;margin-bottom:0}.timer-widget .timer-controls .btn{padding:var(--space-sm) var(--space-lg);font-size:1rem;display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap;min-width:auto}.timer-footer{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-sm)}.timer-widget .timer-sync-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:0.875rem;color:var(--text-secondary);margin-top:0}.timer-widget .timer-sync-label input[type='checkbox']{width:18px;height:18px;cursor:pointer}.timer-widget .timer-hint{font-size:0.875rem;color:var(--text-secondary);font-style:italic}@media (max-width:768px){.timer-main-row{flex-wrap:wrap;gap:var(--space-md)}.timer-widget .timer-title{width:100%;justify-content:center}.timer-widget .timer-display{font-size:2rem;width:100%}.timer-widget .timer-controls{width:100%;justify-content:center;margin-left:0}.timer-footer{flex-direction:column;gap:var(--space-sm);align-items:center;text-align:center}}.practice-log-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000}.practice-log-content{background:var(--bg-card);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');.audio-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.audio-upload{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--bg-input);border-radius:var(--radius-lg);border:2px dashed var(--border);transition:var(--transition-base)}.audio-upload:hover{border-color:var(--primary);background:var(--bg-card)}#audioFileName{margin-top:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm)}#audioError{margin-top:var(--space-sm);color:var(--danger);font-size:var(--text-sm)}#audioControls{display:none}.save-session-controls{display:flex;align-items:center;margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-lg)}.audio-waveform{position:relative;margin-bottom:var(--space-xl);background:#1a1a2e;border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border)}#waveform{width:100%;height:150px;cursor:pointer}.loop-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.loop-marker{position:absolute;top:0;bottom:0;width:2px;display:none}.loop-marker::before{content:attr(data-label);position:absolute;top:-20px;left:-10px;background:var(--bg-card);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.loop-start{background:var(--success)}.loop-start::before{color:var(--success)}.loop-end{background:var(--danger)}.loop-end::before{color:var(--danger)}.audio-time-display{text-align:center;margin-bottom:var(--space-lg);font-size:var(--text-lg);font-family:var(--font-mono);color:var(--text-secondary)}.audio-controls-row{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.loop-controls{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.loop-controls h3{margin-bottom:var(--space-lg);text-align:center}.loop-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.loop-info{display:flex;justify-content:space-around;padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);font-size:var(--text-sm)}.loop-info span{color:var(--primary);font-weight:600}.loop-count-control{margin-top:var(--space-lg);text-align:center}.loop-count-control label{display:block;margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}#currentLoop{font-weight:bold;color:var(--primary)}.speed-control{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.speed-control label{display:block;text-align:center;margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}#speedValue{color:var(--primary);font-weight:600}.speed-controls-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.speed-buttons-left,.speed-buttons-right{display:flex;gap:var(--space-xs)}.pitch-control{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.pitch-control label{display:block;text-align:center;margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}#pitchValue{color:var(--primary);font-weight:600}.pitch-controls-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.pitch-buttons-left,.pitch-buttons-right{display:flex;gap:var(--space-xs)}.pitch-slider-container{position:relative}.pitch-markers{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.pitch-marker{position:absolute;top:100%;transform:translateX(-50%)}.pitch-marker.center{color:var(--text-secondary);font-weight:600}.pitch-presets{margin-top:var(--space-lg)}.pitch-presets label{display:block;margin-bottom:var(--space-sm)}.preset-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.saved-sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.saved-sessions-header h3{margin:0}.sessions-search-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.session-search-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.session-filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;min-width:200px}.saved-sessions-list{max-height:400px;overflow-y:auto}.no-sessions-message{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.no-sessions-message .hint-text{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-sm)}.saved-session-item.filtered-out{display:none}.audio-quality-control{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);margin-top:var(--space-xl);border:1px solid var(--border)}.audio-quality-control h3{margin-bottom:var(--space-md);font-size:var(--text-lg)}.quality-controls{display:flex;flex-direction:column;gap:var(--space-md)}.quality-mode-control{display:flex;flex-direction:column;gap:var(--space-sm)}.quality-select{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer}.quality-description{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.adaptive-quality-control{display:flex;flex-direction:column;gap:var(--space-xs)}.adaptive-hint{font-size:var(--text-xs);color:var(--text-muted);margin-left:28px}.quality-indicator{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm)}.indicator-label{color:var(--text-secondary);font-size:var(--text-sm)}.indicator-status{font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}.indicator-status.good{color:var(--success);background:rgba(16,185,129,0.1)}.indicator-status.medium{color:var(--warning);background:rgba(245,158,11,0.1)}.indicator-status.poor{color:var(--danger);background:rgba(239,68,68,0.1)}@media (max-width:768px){.audio-player{padding:var(--space-md)}.speed-control,.pitch-control,.loop-controls,.volume-control{padding:var(--space-md);margin-bottom:var(--space-md)}.audio-controls-row,.playback-controls{flex-direction:column;gap:var(--space-sm)}.audio-controls-row .btn,.playback-controls .btn{width:100%;min-width:unset}.speed-buttons,.pitch-buttons{flex-wrap:wrap;justify-content:center}.waveform-container{min-height:120px;padding:var(--space-sm)}}#audioTab .audio-layout{height:calc(100vh - var(--header-height) - 60px);overflow-y:auto;overflow-x:hidden;padding-top:0;position:relative}#audioTab .timer-section,#timerContainerAudio{position:sticky;top:0;z-index:50;background:var(--bg-dark);padding:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);background:rgba(26,26,46,0.95)}#audioTab .timer-section.scrolled,#timerContainerAudio.scrolled{box-shadow:0 4px 12px rgba(0,0,0,0.4)}[data-theme='dark'] #timerContainerAudio,[data-theme='dark'] #audioTab .timer-section{background:rgba(10,10,10,0.95)}#audioTab .timer-section.scrolled,#timerContainerAudio.scrolled,#metronomeTab .timer-section.scrolled,#timerContainerMetronome.scrolled{box-shadow:0 4px 12px rgba(0,0,0,0.4)}#audioTab .audio-player-wrapper,#metronomeTab .metronome-wrapper{padding-top:0}#practiceFormContainerAudio,#practiceFormContainerMetronome{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}#audioTab .audio-layout,#metronomeTab .metronome-layout{scroll-behavior:smooth}#audioTab,#metronomeTab{padding-bottom:60px}#metronomeTab .metronome-wrapper{min-height:auto;padding:var(--space-lg)}@media (max-width:768px){#audioTab .timer-section,#timerContainerAudio,#metronomeTab .timer-section,#timerContainerMetronome{padding:0.75rem}#audioTab .audio-layout,#metronomeTab .metronome-layout{height:calc(100vh - 120px)}}@media (prefers-contrast:high){#audioTab .timer-section.scrolled,#timerContainerAudio.scrolled,#metronomeTab .timer-section.scrolled,#timerContainerMetronome.scrolled{border-bottom:2px solid var(--primary)}}@media (prefers-reduced-motion:reduce){#audioTab .audio-layout,#metronomeTab .metronome-layout{scroll-behavior:auto}}.save-loop-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease}.save-loop-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:slideIn 0.3s ease}.save-loop-modal h3{margin:0 0 1.5rem 0;color:var(--text-primary);text-align:center}.save-loop-info{background:var(--bg-input);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:4px solid var(--primary)}.save-loop-info-row{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-size:0.9rem}.save-loop-info-row:last-child{margin-bottom:0}.save-loop-info-label{font-weight:600;color:var(--text-secondary)}.save-loop-info-value{color:var(--text-primary);font-family:var(--font-mono)}.save-loop-form-group{margin-bottom:1.5rem}.save-loop-form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-primary)}.save-loop-form-group input,.save-loop-form-group textarea{width:100%;padding:0.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color 0.2s ease}.save-loop-form-group input:focus,.save-loop-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}.save-loop-form-group textarea{resize:vertical;min-height:80px}.save-loop-buttons{display:flex;gap:1rem;justify-content:flex-end}.save-loop-buttons .btn{padding:0.75rem 1.5rem;font-size:0.9rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.save-loop-modal-content{margin:1rem;padding:1.5rem}.save-loop-buttons{flex-direction:column}.save-loop-buttons .btn{width:100%}}.save-loop-info-value{color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;display:inline-block}@media (max-width:600px){.save-loop-info-value{max-width:200px}}#audioTab .timer-section,#timerContainerAudio{z-index:100 !important}#audioTab .audio-player-wrapper{position:relative;z-index:1}#audioTab .audio-layout,#metronomeTab .metronome-layout{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 60px);position:relative}#audioTab .timer-section,#timerContainerAudio,#metronomeTab .timer-section,#timerContainerMetronome{position:relative;z-index:50;background:var(--bg-dark);padding:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);background:rgba(26,26,46,0.95);flex-shrink:0}#audioTab .audio-player-wrapper,#metronomeTab .metronome-wrapper{flex:1;overflow-y:auto;padding:0 1rem 1rem 1rem}#audioTab .audio-layout,#metronomeTab .metronome-layout{overflow:hidden}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');.metronome-widget{max-width:400px;margin:0 auto;background:var(--bg-card);border-radius:12px;padding:1rem;border:1px solid var(--border);position:relative}.metronome-widget.enhanced{max-width:500px}.metronome-header{text-align:center;margin-bottom:1rem}.metronome-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:0.5rem}.audio-status{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.bpm-display-container{text-align:center;margin:1rem 0}.bpm-display{display:inline-flex;align-items:baseline;gap:0.5rem;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:8px;padding:0.75rem 1.5rem;margin:0 auto}.bpm-display.pulse{animation:pulse 0.2s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.bpm-value{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1;font-family:'SF Mono','Monaco','Inconsolata',monospace}.bpm-label{font-size:0.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.beat-indicator{margin:1rem 0}.beat-lights{display:flex;gap:0.5rem;justify-content:center}.beat-light{width:12px;height:12px;border-radius:50%;background:var(--text-muted);opacity:0.3;transition:all 0.1s ease}.beat-light.active{background:var(--primary);opacity:1;transform:scale(1.2)}.beat-light.accent{background:#fbbf24}.beat-counter{text-align:center;margin-top:1rem;font-size:0.875rem;color:var(--text-secondary)}.bpm-controls{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:1rem 0}.bpm-adjust-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:0.75rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.bpm-adjust-btn:hover{background:var(--bg-dark);transform:translateY(-1px)}.bpm-adjust-btn.stop{background:#ef4444;color:white;border:none;padding:0.75rem 2rem}.bpm-adjust-btn.stop:hover{background:#dc2626}.bpm-slider-container{margin:2rem 0;padding:0 1rem}.bpm-slider{width:100%;height:6px;background:linear-gradient( to right,var(--bg-input) 0%,var(--bg-input) var(--progress,50%),var(--border) var(--progress,50%),var(--border) 100% );border-radius:3px;outline:none;appearance:none;cursor:pointer}.bpm-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#6366f1;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.bpm-slider::-moz-range-thumb{width:24px;height:24px;background:#6366f1;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.bpm-range-labels{display:flex;justify-content:space-between;margin-top:0.5rem;font-size:0.75rem;color:var(--text-secondary)}.playback-controls{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.play-pause-btn{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:white;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(99,102,241,0.3)}.play-pause-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.4)}.stop-btn{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s ease}.stop-btn:hover{background:var(--bg-dark);transform:translateY(-2px)}.metronome-settings{display:grid;grid-template-columns:1fr auto;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.setting-group{display:flex;flex-direction:column;gap:0.5rem}.setting-group label{font-size:0.875rem;color:var(--text-secondary);font-weight:500}.setting-group select{padding:0.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem}.accent-pattern{display:flex;align-items:center;gap:0.5rem}.accent-beat-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all 0.2s ease}.accent-beat-btn.accented{background:#6366f1;color:white;border-color:#6366f1}.checkbox-label{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-primary);cursor:pointer}.checkbox-label input[type='checkbox']{width:18px;height:18px;accent-color:var(--primary)}.sound-selector{display:flex;flex-direction:column;gap:0.5rem}.enhanced-features{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.enhanced-features h4{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:var(--text-base)}.feature-section{background:var(--bg-input);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.feature-header{margin-bottom:var(--space-md)}.feature-header label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-primary);font-weight:600}.feature-controls{margin-top:var(--space-md)}.control-row{display:grid;grid-template-columns:120px 1fr auto;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.control-row label{color:var(--text-secondary);font-size:var(--text-sm)}.control-row input[type='number']{width:80px;padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center}.progression-status{margin-top:var(--space-md);padding:var(--space-sm);background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;color:var(--primary);font-weight:600}.dropout-pattern{display:flex;gap:var(--space-xs)}.dropout-beat-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease}.dropout-beat-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.dropout-beat-btn.active{background:var(--danger);color:white;border-color:var(--danger)}.subdivision-controls{display:flex;gap:var(--space-sm);align-items:center}.subdivision-controls select:disabled{opacity:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');#metronomePanel .metronome-image-section,.mode-panel.active .metronome-image-section{display:block !important;visibility:visible !important;opacity:1 !important}.metronome-image-section{margin-bottom:20px;width:100%;display:block !important;visibility:visible !important;position:relative;z-index:10}.image-preview{position:relative;width:100%;max-width:600px;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.image-preview img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;background:white;cursor:zoom-in;transition:opacity 0.2s ease}.image-preview img:hover{opacity:0.9}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.7);color:white;border:none;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10}.remove-image-btn:hover{background:rgba(0,0,0,0.9);transform:scale(1.1)}.remove-image-btn:active{transform:scale(0.95)}.image-upload-controls{text-align:center}.paste-hint{margin-top:8px;font-size:13px;color:var(--text-muted);font-style:italic}.upload-image-btn{background:rgba(99,102,241,0.1);color:var(--color-primary);border:2px dashed var(--color-primary);border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex !important;align-items:center;gap:8px;visibility:visible !important;opacity:1 !important}.upload-image-btn:hover{background:rgba(99,102,241,0.2);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.upload-image-btn:active{transform:scale(0.98)}.upload-image-btn span{font-size:18px}@media (max-width:768px){.metronome-image-section{margin-bottom:16px}.image-preview{margin-bottom:12px;border-radius:8px}.image-preview img{max-height:250px}.remove-image-btn{width:28px;height:28px;font-size:18px;top:6px;right:6px}.upload-image-btn{width:100%;justify-content:center;padding:10px 20px;font-size:13px}.paste-hint{font-size:12px;margin-top:6px}}@media (max-width:375px){.image-preview img{max-height:200px}.upload-image-btn{padding:8px 16px;font-size:12px}.upload-image-btn span{font-size:16px}}@media (max-width:768px) and (orientation:landscape){.image-preview img{max-height:150px}.metronome-image-section{margin-bottom:12px}}[data-theme='dark'] .image-preview{background:var(--bg-secondary)}[data-theme='dark'] .upload-image-btn{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme='dark'] .upload-image-btn:hover{background:var(--bg-tertiary)}.image-preview.loading{min-height:200px;display:flex;align-items:center;justify-content:center}.image-preview.loading::after{content:'Loading...';color:var(--text-muted);font-size:14px}.image-preview.error{min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--color-error);font-size:14px;padding:20px;text-align:center}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;cursor:zoom-out;animation:fadeIn 0.3s ease}.image-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 4px 20px rgba(0,0,0,0.5);background:white;cursor:default}.image-lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,0.1);border:2px solid white;border-radius:50%;color:white;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10000}.image-lightbox-close:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.image-lightbox{padding:10px}.image-lightbox img{max-width:95vw;max-height:95vh}.image-lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:20px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');.achievements-section{border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);max-width:800px;margin-left:auto;margin-right:auto;width:100%}.achievements-section h2{margin-bottom:var(--space-lg);color:var(--text-primary)}.achievements-progress{margin-bottom:var(--space-xl)}.progress-bar-container{background:var(--bg-input);height:20px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm);border:1px solid var(--border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width 0.5s ease}.progress-text{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.achievements-filter{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center}.filter-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base)}.filter-btn:hover{background:var(--bg-card);border-color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:white}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-lg)}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all 0.3s ease;opacity:0.3;min-width:80px;cursor:default;text-align:center}.achievement-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.achievement-badge.earned{border-color:var(--primary);background:var(--bg-input);opacity:1}.achievement-badge.earned:hover{border-color:var(--success);background:rgba(16,185,129,0.1)}.achievement-badge .badge-icon{font-size:var(--text-2xl)}.achievement-badge .badge-name{font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.3;font-weight:500}.achievement-badge.earned .badge-name{color:var(--text-primary)}.achievement-badge .badge-locked{font-size:10px;color:var(--text-secondary);margin-top:2px}.achievement-badge{position:relative}.achievement-badge .badge-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-dark);color:var(--text-primary);padding:0.5rem 0.75rem;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.3);margin-bottom:0.5rem;max-width:200px;white-space:normal;text-align:center}.achievement-badge .badge-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--bg-dark)}.achievement-badge:hover .badge-tooltip{opacity:1;visibility:visible}.achievements-section-header{margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.achievements-section-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.streak-achievements{grid-template-columns:repeat(6,1fr) !important;gap:var(--space-md);margin-bottom:var(--space-2xl);max-width:800px;margin-left:auto;margin-right:auto}@media (max-width:1400px){.streak-achievements{grid-template-columns:repeat(6,1fr) !important}}@media (min-width:768px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.streak-achievements{grid-template-columns:repeat(3,1fr) !important;gap:var(--space-sm)}}@media (max-width:480px){.streak-achievements{grid-template-columns:repeat(2,1fr) !important}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;background:var(--primary);top:-10px;opacity:0.8;transform:rotate(0deg);animation:confettiFall linear;z-index:var(--z-notification);pointer-events:none}.achievement-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:2px solid var(--primary);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;z-index:var(--z-modal);animation:scaleIn 0.5s ease;box-shadow:var(--shadow-2xl)}.achievement-notification-icon{font-size:var(--text-5xl);margin-bottom:var(--space-lg);animation:bounce 1s ease infinite}.achievement-notification-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievement-notification-text{font-size:var(--text-lg);color:var(--text-secondary)}.achievement-details{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.achievement-details-icon{font-size:var(--text-5xl)}.achievement-details-info h3{margin-bottom:var(--space-sm);font-size:var(--text-2xl)}.achievement-details-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-lg)}.achievement-details-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);width:100%}.achievement-stat{background:var(--bg-input);padding:var(--space-md);border-radius:var(--radius-lg)}.achievement-stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.achievement-stat-value{font-size:var(--text-xl);font-weight:600;color:var(--primary)}.achievement-categories{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.category-chip{padding:var(--space-xs) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base)}.category-chip:hover{background:var(--bg-card);border-color:var(--primary)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:white}.achievement-rarity{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.rarity-common{background:var(--bg-input);color:var(--text-secondary)}.rarity-rare{background:var(--primary);color:white}.rarity-epic{background:var(--secondary);color:white}.rarity-legendary{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:white}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');.lazy-image-wrapper{position:relative;display:inline-block;overflow:hidden}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary,#f3f4f6);display:flex;align-items:center;justify-content:center;z-index:1}.lazy-spinner{width:24px;height:24px;border:2px solid var(--border,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;animation:spin 0.8s linear infinite}.lazy-error-icon{font-size:24px;color:var(--error,#ef4444);margin-bottom:8px}.lazy-error-text{font-size:12px;color:var(--text-secondary,#6b7280)}.lazy-image{display:block;width:100%;height:auto;opacity:0;transition:opacity 0.3s ease}.lazy-image.lazy-loading{opacity:0}.lazy-image.lazy-loaded{opacity:1}.lazy-image.lazy-error{opacity:0.5}.achievement-badge{position:relative;transition:transform 0.2s ease}.achievement-badge.badge-loaded{animation:fadeInScale 0.4s ease}.badge-image{width:60px;height:60px;object-fit:contain}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.badge-image{width:50px;height:50px}.lazy-spinner{width:20px;height:20px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');.goals-page{max-width:800px !important;margin:0 auto !important;padding:0;width:100%;box-sizing:border-box}#goals-tab,.tab-pane:has(.goals-page){max-width:800px !important;margin:0 auto !important;width:100%}.goals-list{border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:0px solid var(--border)}.goal-form{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.goal-search{margin-bottom:var(--space-md)}.goal-metrics-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}@media (max-width:768px){.goal-metrics-row{grid-template-columns:1fr}}/*!* Goals stats *!*/ .goal-stat{text-align:center}#goalsList{max-height:600px;overflow-y:auto}.goal-progress{display:none}.progress-display .goal-progress{display:block;margin:var(--space-sm) 0}.progress-bar-container{background:var(--bg-card);height:6px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.progress-bar{height:100%;background:var(--primary);transition:width 0.5s ease}.progress-text{font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.goal-item[data-priority='5']{border-left:4px solid var(--danger)}.goal-item[data-priority='4']{border-left:4px solid var(--warning)}.goal-item[data-priority='3']{border-left:4px solid var(--primary)}.goal-item[data-priority='2']{border-left:4px solid var(--success)}@keyframes goalComplete{0%{transform:scale(1)}50%{transform:scale(1.05);background:var(--success)}100%{transform:scale(1)}}.goal-item.completing{animation:goalComplete 0.5s ease}.btn-update{padding:var(--space-sm) var(--space-md);background:var(--primary);color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-sm)}.btn-update:hover{background:var(--primary-dark)}.goal-categories{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.goal-category-filter{padding:var(--space-xs) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base)}.goal-category-filter:hover{background:var(--bg-card);border-color:var(--primary)}.goal-category-filter.active{background:var(--primary);border-color:var(--primary);color:white}.goal-stats-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.goal-stat-card{background:var(--bg-input);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center}.goal-stat-icon{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.goal-stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.goal-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}@keyframes goalParticle{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(calc(-50%+var(--particle-x)),calc(-50%+var(--particle-y))) scale(1);opacity:0}}.goal-particle{position:fixed;width:8px;height:8px;background:var(--primary);left:50%;top:50%;border-radius:50%;pointer-events:none;animation:goalParticle 1s ease-out;z-index:var(--z-notification)}.btn-icon{padding:0.25rem 0.5rem;font-size:1rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s}.btn-icon:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn-icon.btn-danger{border-color:rgba(239,68,68,0.3)}.btn-icon.btn-danger:hover{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.5)}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.goals-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);justify-content:center}.filter-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease}.filter-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.goals-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-xl);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-xl);border:0px solid var(--border);max-width:800px;margin-left:auto;margin-right:auto}.goals-stats .stat-card{padding:var(--space-md) var(--space-sm);text-align:center;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.goals-stats .stat-value{display:block;font-weight:700;color:var(--primary);margin-bottom:2px}.goals-stats .stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px}@media (max-width:800px){.goals-stats{grid-template-columns:repeat(2,1fr);max-width:100%}}.goals-list{display:grid;gap:var(--space-md)}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all 0.2s ease;display:flex;align-items:center;gap:var(--space-md)}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.goal-card.completed{opacity:0.7;border-color:var(--success)}.goal-card.overdue{border-color:var(--danger)}.goal-header{display:flex;align-items:center;gap:var(--space-sm);flex:1}.goal-title{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary);flex:1}.goal-card.completed .goal-title{text-decoration:line-through;color:var(--text-secondary)}.goal-actions{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.goal-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.goal-actions .btn-icon:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.goal-actions .update-progress-btn{background:var(--primary);color:white;border-color:var(--primary)}.goal-actions .update-progress-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.goal-actions .complete-goal-btn{font-size:1.2rem}.goal-actions .edit-goal-btn{color:var(--primary)}.goal-actions .delete-goal-btn{color:var(--danger)}.goal-actions .delete-goal-btn:hover{background:var(--danger);color:white;border-color:var(--danger)}.goal-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);flex-shrink:0}.progress-display{margin-bottom:1.5rem}.progress-display .progress-bar-container{height:20px;background:var(--bg-input);border-radius:var(--radius-full);overflow:hidden;margin-bottom:0.5rem}.progress-display .progress-bar{height:100%;background:var(--primary);transition:width 0.3s ease}#progressModal .modal-content{max-width:400px}#progressInfo{padding:var(--space-md)}.goal-description{display:none}.goal-criteria{display:none}.goal-completed-info{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--success);font-style:italic}.goal-category{padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;font-size:0.75rem}.category-technique{background:rgba(99,102,241,0.1);color:var(--primary)}.category-repertoire{background:rgba(168,85,247,0.1);color:var(--secondary)}.category-theory{background:rgba(59,130,246,0.1);color:var(--info)}.category-speed{background:rgba(245,158,11,0.1);color:var(--warning)}.category-accuracy{background:rgba(16,185,129,0.1);color:var(--success)}.category-performance{background:rgba(239,68,68,0.1);color:var(--danger)}.category-other{background:rgba(156,163,175,0.1);color:var(--text-secondary)}.goal-date{color:var(--text-secondary);font-size:0.75rem}.goal-date.overdue{color:var(--danger);font-weight:600}.goal-type{font-size:0.75rem;color:var(--text-secondary)}.goal-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.goal-criteria{padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-md)}.goal-completed-info{color:var(--success);font-size:var(--text-sm);font-style:italic}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);max-width:800px;margin-left:auto;margin-right:auto;width:100%}.stats-panel .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stats-panel .stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.stats-panel .stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px}@media (max-width:768px){.stats-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-panel{grid-template-columns:1fr}}.stats-overview{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.stats-detail-content h4{margin-bottom:var(--space-lg);color:var(--text-primary)}.area-breakdown{margin-top:var(--space-xl)}.area-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.area-name{font-weight:500}.area-bar{background:var(--bg-input);height:20px;border-radius:var(--radius-full);overflow:hidden;position:relative}.area-progress{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width 0.5s ease}.area-time{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.weekday-chart{display:flex;align-items:flex-end;justify-content:space-between;height:150px;margin:var(--space-xl) 0}.weekday-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.bar-fill{width:100%;background:linear-gradient(to top,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;transition:height 0.5s ease}.bar-value{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.bar-label{font-size:var(--text-xs);color:var(--text-secondary)}.duration-chart{margin-top:var(--space-xl)}.duration-bar{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.duration-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.bar-container{background:var(--bg-input);height:24px;border-radius:var(--radius-full);overflow:hidden;position:relative}.bar-count{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:600;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.consistency-meter{background:var(--bg-input);height:30px;border-radius:var(--radius-full);overflow:hidden;position:relative;margin-bottom:var(--space-md)}.meter-fill{height:100%;background:linear-gradient(90deg,var(--danger) 0%,var(--warning) 50%,var(--success) 100%);transition:width 0.5s ease}.meter-label{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-weight:600;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.consistency-message{text-align:center;color:var(--text-secondary);font-style:italic}.recommendation{background:var(--bg-input);padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid var(--primary);font-style:italic;color:var(--text-secondary)}.solo-equivalents{background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.solo-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.solo-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:all 0.2s ease}.solo-item:hover{transform:translateX(4px);border-color:var(--primary)}.solo-emoji{font-size:2rem;min-width:40px;text-align:center}.solo-info{display:flex;align-items:baseline;gap:var(--space-sm);flex:1;flex-wrap:wrap}.solo-count{font-size:1.5rem;font-weight:700;color:var(--primary);min-width:60px}.solo-name{font-weight:600;color:var(--text-primary);flex:1}.solo-artist{font-size:0.875rem;color:var(--text-secondary);font-style:italic}.solo-message{text-align:center;color:var(--text-secondary);font-style:italic;margin:0;padding-top:var(--space-sm);border-top:1px solid var(--border)}.stats-export{display:flex;justify-content:flex-end;margin-top:var(--space-xl)}.milestone-notification{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:white;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:slideInRight 0.5s ease;z-index:var(--z-notification)}.milestone-icon{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.milestone-text{font-weight:600;margin-bottom:var(--space-xs)}.milestone-subtext{font-size:var(--text-sm);opacity:0.9}.compact-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width:768px){.compact-stats{grid-template-columns:repeat(4,1fr)}}.compact-stats .stat-card{padding:var(--space-md)}.compact-stats .stat-value{font-size:var(--text-2xl)}.compact-stats .stat-label{font-size:var(--text-xs)}.stats-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);align-items:center;margin-top:var(--space-xl)}.comparison-period{text-align:center}.comparison-period h4{margin-bottom:var(--space-md);color:var(--text-secondary)}.comparison-value{font-size:var(--text-3xl);font-weight:700;color:var(--primary)}.comparison-arrow{font-size:var(--text-2xl);color:var(--text-secondary)}.comparison-arrow.positive{color:var(--success)}.comparison-arrow.negative{color:var(--danger)}.practice-time-chart{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-input);border-radius:var(--radius-lg)}.chart-container{position:relative;height:300px}.chart-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:none;z-index:var(--z-tooltip);opacity:0;transition:opacity 0.2s ease}.chart-tooltip.show{opacity:1}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');#quickStats{display:flex;justify-content:center;align-items:center;width:100%;flex:1;min-height:60px}.stats-grid{display:flex;justify-content:center;align-items:center;gap:3rem;padding:0;width:100%;text-align:center;margin:auto 0}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;min-width:80px}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:0.25rem;font-family:'SF Mono','Monaco','Inconsolata',monospace}.stat-label{font-size:0.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;font-weight:500}@media (max-width:480px){.stats-grid{gap:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:0.75rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');.streak-heatmap{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.streak-heatmap h3{margin-bottom:var(--space-lg);text-align:center;color:var(--text-primary)}.heatmap-container{overflow-x:auto}.heatmap-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.year-display{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary)}.legend-scale{display:flex;gap:3px}.legend-box{width:12px;height:12px;border-radius:2px;border:1px solid var(--border)}.legend-box[data-level='0']{background:var(--bg-input)}.legend-box[data-level='1']{background:rgba(99,102,241,0.3)}.legend-box[data-level='2']{background:rgba(99,102,241,0.5)}.legend-box[data-level='3']{background:rgba(99,102,241,0.7)}.legend-box[data-level='4']{background:var(--primary)}.heatmap-wrapper{position:relative}.heatmap-months{display:grid;grid-template-columns:repeat(53,1fr);margin-bottom:var(--space-xs);padding-left:30px}.month-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.heatmap-grid{display:flex;gap:var(--space-sm)}.weekday-labels{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;margin-right:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary)}.weekday-labels div{height:13px;display:flex;align-items:center}.heatmap-calendar-container{overflow-x:auto}.heatmap-calendar{display:grid;grid-template-columns:repeat(53,1fr);grid-template-rows:repeat(7,1fr);gap:3px;grid-auto-flow:column}.heatmap-day{width:13px;height:13px;border-radius:2px;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast);position:relative}.heatmap-day.empty{visibility:hidden}.heatmap-day[data-level='0']{background:var(--bg-input)}.heatmap-day[data-level='1']{background:rgba(99,102,241,0.3);border-color:rgba(99,102,241,0.5)}.heatmap-day[data-level='2']{background:rgba(99,102,241,0.5);border-color:rgba(99,102,241,0.7)}.heatmap-day[data-level='3']{background:rgba(99,102,241,0.7);border-color:rgba(99,102,241,0.9)}.heatmap-day[data-level='4']{background:var(--primary);border-color:var(--primary-dark)}.heatmap-day:hover{transform:scale(1.5);border-color:var(--primary);z-index:10;box-shadow:var(--shadow-md)}.heatmap-day::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:var(--z-tooltip)}.heatmap-day:hover::after{opacity:1}.heatmap-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.heatmap-stats .stat{text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.heatmap-stats strong{color:var(--primary);font-size:var(--text-base)}.streak-badges{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap}.streak-badge{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-lg);min-width:80px;transition:var(--transition-base)}.streak-badge.earned{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-color:var(--primary)}.badge-icon{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.badge-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.streak-badge.earned .badge-label{color:white}@media (max-width:768px){.heatmap-calendar{min-width:750px}.heatmap-stats{flex-direction:column;gap:var(--space-md)}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');#waveform{width:100%;height:150px;cursor:pointer;display:block;position:relative;z-index:1}.waveform-container{position:relative;background:#1a1a2e;border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--border);overflow:hidden;min-height:180px}.waveform-loading{display:flex;align-items:center;justify-content:center;height:150px;color:var(--text-secondary)}.waveform-loading-spinner{width:40px;height:40px;border:3px solid var(--bg-input);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.waveform-error{display:flex;align-items:center;justify-content:center;height:150px;color:var(--danger);text-align:center}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background:white;pointer-events:none;transition:none;z-index:5}.waveform-playhead::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:white;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,0.5)}.waveform-time-markers{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary)}.waveform-loop-region{position:absolute;top:0;bottom:0;background:rgba(99,102,241,0.1);pointer-events:none;z-index:2}.waveform-loop-start,.waveform-loop-end{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;z-index:10}.waveform-loop-start{background:transparent;border-left:2px dashed var(--success,#10b981)}.waveform-loop-end{background:transparent;border-right:2px dashed var(--danger,#ef4444)}.waveform-container .waveform-loop-start:not(:first-of-type),.waveform-container .waveform-loop-end:not(:first-of-type){display:none !important}.waveform-loop-label{position:absolute;top:4px;padding:2px 6px;background:var(--bg-card);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;z-index:11}.waveform-loop-start .waveform-loop-label{left:4px;color:var(--success,#10b981)}.waveform-loop-end .waveform-loop-label{right:4px;color:var(--danger,#ef4444)}.waveform-zoom-controls{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);z-index:15}.zoom-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm)}.zoom-btn:hover{background:var(--primary);border-color:var(--primary);color:white;transform:scale(1.05)}.waveform-regions{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3}.waveform-region{position:absolute;top:0;bottom:0;border:1px solid var(--border);border-radius:var(--radius-sm)}.waveform-region.verse{background:rgba(99,102,241,0.1);border-color:var(--primary)}.waveform-region.chorus{background:rgba(168,85,247,0.1);border-color:var(--secondary)}.waveform-region.bridge{background:rgba(16,185,129,0.1);border-color:var(--success)}.waveform-region-label{position:absolute;bottom:4px;left:4px;padding:2px 6px;background:var(--bg-card);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.waveform-container:hover .waveform-time-cursor{opacity:1}.waveform-time-cursor{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.3);pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:4}.waveform-time-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:20}.waveform-container:hover .waveform-time-tooltip{opacity:1}@media (max-width:768px){#waveform{height:100px}.waveform-container{min-height:130px;padding:var(--space-sm)}.waveform-zoom-controls{display:none}.waveform-loop-label{font-size:10px;padding:1px 4px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');#notification{position:fixed !important;bottom:20px !important;right:20px !important;z-index:999999 !important;max-width:400px !important;width:auto !important;height:auto !important;min-height:auto !important;max-height:none !important;display:none;top:auto !important;left:auto !important}#notification.notification-show{display:block !important;animation:notificationSlideIn 0.3s ease}#notification>*{width:auto !important;height:auto !important;max-height:none !important}.notification-container.show{position:fixed !important;top:20px !important;right:20px !important;z-index:99999 !important;max-width:400px !important;pointer-events:none !important;display:block !important;visibility:visible !important;opacity:1 !important}.notification{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-md);max-width:400px;pointer-events:auto;animation:notificationSlide 0.3s ease;transition:var(--transition-base)}@keyframes notificationSlide{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes notificationSlideIn{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification-icon{font-size:var(--text-xl)}.notification-content{flex:1}.notification-message{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.notification.success .notification-message,.notification.error .notification-message,.notification.warning .notification-message,.notification.info .notification-message{color:white}.notification-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm)}.notification-close:hover{background:var(--danger);border-color:var(--danger);color:white}.notification.success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);border-color:var(--success);color:white}.notification.success .notification-close{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.notification.error{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%);border-color:var(--danger);color:white}.notification.error .notification-close{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.notification.warning{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-dark) 100%);border-color:var(--warning);color:white}.notification.warning .notification-close{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.notification.info{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:white}.notification.info .notification-close{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.notification-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.3);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.notification-progress-bar{height:100%;background:white;animation:notificationProgress var(--notification-duration) linear}@keyframes notificationProgress{from{width:100%}to{width:0%}}.notification-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.notification-action{padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-sm);color:white;font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base)}.notification-action:hover{background:rgba(255,255,255,0.3)}@media (max-width:768px){.notification-container{top:var(--space-md);right:var(--space-md);left:var(--space-md)}.notification{max-width:none}}.system-notification{position:fixed;top:0;left:0;right:0;background:var(--bg-card);border-bottom:2px solid var(--primary);padding:var(--space-md);text-align:center;z-index:var(--z-notification);animation:slideInDown 0.3s ease}.system-notification-content{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.system-notification-icon{font-size:var(--text-xl)}.system-notification-message{font-weight:500}.system-notification-action{padding:var(--space-xs) var(--space-md);background:var(--primary);color:white;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.system-notification-action:hover{background:var(--primary-dark)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');.app-footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:1000;height:48px;transition:all 0.3s ease}.footer-container{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;overflow:visible}.footer-left{display:flex;align-items:center;flex-shrink:0;min-width:auto}.footer-branding{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-copyright{color:var(--text-secondary);font-size:0.875rem;font-weight:500;white-space:nowrap}.footer-version-badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;background:var(--bg-input);color:var(--primary);font-size:0.75rem;font-weight:600;border-radius:12px;border:1px solid var(--border);cursor:help;transition:all 0.2s ease;white-space:nowrap}.footer-version-badge:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.footer-nav{display:flex;align-items:center;gap:20px;height:100%;flex-shrink:1}.footer-dropdown{position:relative;height:100%;display:flex;align-items:center}.footer-dropdown-trigger{background:none;border:none;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:0 10px;height:100%;cursor:pointer;transition:color 0.2s ease}.footer-dropdown:hover .footer-dropdown-trigger{color:var(--primary)}.footer-dropdown-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:8px 0;min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all 0.2s ease;margin-bottom:8px;backdrop-filter:blur(12px)}.footer-dropdown:hover .footer-dropdown-content{opacity:1;visibility:visible}.footer-dropdown-content a{display:block;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:all 0.2s ease;white-space:nowrap}.footer-dropdown-content a:hover{background:var(--bg-hover);color:var(--primary)}.footer-dropdown-content a i{margin-right:6px}.footer-right{display:flex;align-items:center;flex-shrink:0}.main-content{padding-bottom:60px}@media (max-width:768px){.app-footer{left:0}.footer-container{padding:0 10px}.footer-branding{flex-direction:column;align-items:flex-start;gap:0.5rem}.footer-copyright{font-size:0.8rem}.footer-version-badge{font-size:0.7rem;padding:0.2rem 0.6rem}.footer-nav{gap:15px}.footer-dropdown-trigger{font-size:10px;padding:0 6px}.footer-dropdown-content{left:0;transform:none;min-width:150px}}@keyframes version-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.footer-version-badge.new-version{animation:version-pulse 2s ease-in-out 3}.shortcuts-list{display:flex;flex-direction:column;gap:0.75rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem;background:var(--bg-input);border-radius:var(--radius-sm)}.shortcut-item kbd{background:var(--bg-card);border:1px solid var(--border);padding:0.25rem 0.5rem;border-radius:4px;font-family:monospace;font-size:0.875rem;box-shadow:0 2px 0 rgba(0,0,0,0.2)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');.tips-popup{position:fixed;bottom:20px;left:20px;max-width:350px;background:rgba(99,102,241,0.95);color:white;border-radius:12px;padding:16px 20px;box-shadow:0 4px 20px rgba(0,0,0,0.3);transform:translateX(-120%);transition:transform 0.4s ease-out;z-index:1500;backdrop-filter:blur(10px)}.tips-popup.show{transform:translateX(0)}.tips-popup-content{display:flex;align-items:center;gap:12px}.tips-popup-icon{font-size:24px;flex-shrink:0}.tips-popup-text{font-size:14px;line-height:1.4;font-weight:500}[data-theme='light'] .tips-popup{background:rgba(99,102,241,0.9);box-shadow:0 4px 20px rgba(0,0,0,0.15)}@media (max-width:768px){.tips-popup{bottom:70px;left:10px;right:10px;max-width:none}}@keyframes slideInBounce{0%{transform:translateX(-120%)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}.tips-popup.show{animation:slideInBounce 0.5s ease-out}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');.cloud-sync-manager{padding:20px;max-width:600px;margin:0 auto}.cloud-sync-manager h3{margin-bottom:20px;color:var(--text-primary)}.sync-controls{display:flex;flex-direction:column;gap:20px}.sync-status{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--bg-card);border-radius:8px;margin-bottom:20px;border:1px solid var(--border)}.status-indicator{display:flex;align-items:center;gap:10px;font-weight:500}.status-indicator i{font-size:10px}.status-indicator.connected{color:var(--success)}.status-indicator.disconnected{color:var(--danger)}.pending-sync{display:flex;align-items:center;gap:8px;color:var(--warning);font-size:14px}.pending-sync i{animation:spin 2s linear infinite}.user-info{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-input);border-radius:8px;margin-bottom:20px;color:var(--text-secondary);border:1px solid var(--border)}.sync-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}.sync-actions button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;width:100%}.sync-settings{padding:20px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type='checkbox']{width:20px;height:20px;cursor:pointer}.danger-zone{margin-top:40px;padding:20px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px}.danger-zone h4{color:var(--danger);margin-bottom:15px}.danger-zone button{width:100%}.sync-auth{text-align:center;padding:40px 20px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.sync-auth p{margin-bottom:20px;color:var(--text-secondary)}.sync-auth button{width:100%;margin-bottom:10px}.sync-auth button:last-child{margin-bottom:0}.auth-modal{max-width:400px}.auth-modal .form-group{margin-bottom:15px}.auth-modal .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.auth-modal .form-actions button{flex:1}.sync-notifications{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);animation:slideIn 0.3s ease-out;color:var(--text-primary)}.notification.success{background:#059669;color:white;border-left:none}.notification.error{background:#dc2626;color:white;border-left:none}.notification.info{background:#3730a3;color:white;border-left:none}.notification.fade-out{animation:slideOut 0.3s ease-out forwards}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.cloud-sync-manager{padding:15px}.sync-notifications{left:10px;right:10px;bottom:10px}.notification{font-size:14px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');.top-navigation{width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;padding:0.25rem 0}.nav-container{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem;max-width:1000px;margin:0 auto}.top-nav-item{display:flex;flex-direction:column;align-items:center;gap:0.125rem;padding:0.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s;position:relative}.top-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.top-nav-item.active{color:var(--primary);background:rgba(99,102,241,0.1)}.top-nav-item.active::after{content:'';position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary);border-radius:3px}.nav-icon{font-size:1.125rem;line-height:1}.nav-label{font-size:0.7rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-container::-webkit-scrollbar{display:none}.top-nav-item{padding:0.5rem 1rem}}@media (max-width:640px){.top-nav-item{padding:0.375rem 0.75rem;white-space:nowrap}.nav-icon{font-size:1rem}.nav-label{font-size:0.625rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');.practice-form{padding-bottom:20px}.tempo-input-group{display:flex;align-items:center;gap:10px;position:relative}.tempo-input-group input{flex:1;padding-right:60px}.tempo-suffix{position:absolute;right:15px;color:var(--text-secondary);font-weight:500;pointer-events:none}.tempo-toggle-btn{background:none;border:none;color:var(--primary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s ease;margin-left:10px;display:inline-flex;align-items:center;gap:4px}.tempo-toggle-btn:hover{background:var(--bg-input);transform:scale(1.05)}.toggle-icon{font-size:0.9em;display:inline-block;transition:transform 0.3s ease}.tempo-toggle-btn:hover .toggle-icon{transform:rotate(180deg)}.tempo-hint{font-size:0.875rem;color:var(--text-secondary);margin-top:4px}.tempo-input-group input:invalid{border-color:var(--danger)}.percentage-mode .tempo-suffix{color:var(--secondary)}.percentage-mode .tempo-input-group input{border-color:var(--secondary)}.percentage-mode .tempo-toggle-btn{color:var(--secondary)}.audio-file-section{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin:16px 0}.audio-file-info{display:flex;align-items:center;gap:10px}.audio-file-label{color:var(--text-secondary);font-size:0.875rem;font-weight:500}.audio-file-name{color:var(--primary);font-size:0.875rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-practice-content{overflow:visible !important}.practice-form .btn-primary{margin-top:16px;margin-bottom:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,0.7);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(99,102,241,0);transform:scale(1.05)}100%{box-shadow:0 0 0 0 rgba(99,102,241,0);transform:scale(1)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.notification.success{animation:successPulse 0.5s ease-out}@keyframes successPulse{0%{transform:scale(0.8);opacity:0}50%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}button[type='submit']:disabled{opacity:0.6;cursor:not-allowed;background:var(--bg-input) !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';.practice-log-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000}.practice-log-modal.show{display:flex}.practice-log-content{background:#2a2a3e;border:3px solid rgba(255,255,255,0.2);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 30px 60px -15px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1),0 0 40px rgba(99,102,241,0.2);position:relative;transform:scale(0.95);transition:transform 0.3s ease}.practice-log-modal.show .practice-log-content{transform:scale(1)}.practice-log-content h2{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem;font-weight:600;text-align:center}.practice-log-content .form-group{background:rgba(255,255,255,0.05);padding:16px;border-radius:8px;margin-bottom:16px;border:1px solid rgba(255,255,255,0.08)}.practice-log-content .form-group label{color:var(--text-secondary);font-size:0.875rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.05em;display:block}.practice-log-content input,.practice-log-content select,.practice-log-content textarea{background:var(--bg-input);border:1px solid rgba(255,255,255,0.1);color:var(--text-primary);width:100%;padding:12px;border-radius:8px;font-size:1rem;transition:all 0.2s ease}.practice-log-content input:focus,.practice-log-content select:focus,.practice-log-content textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1);outline:none}.practice-log-content input[readonly],.practice-log-content textarea[readonly]{background:rgba(255,255,255,0.02);color:var(--text-secondary);cursor:not-allowed}.practice-log-content .modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}.practice-log-content .modal-actions .btn{flex:1;padding:12px 24px;font-weight:600;font-size:1rem}.practice-log-content .btn-secondary{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.practice-log-content .btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)}.practice-log-content::-webkit-scrollbar{width:8px}.practice-log-content::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px}.practice-log-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.practice-log-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.practice-log-content .info-text{font-size:0.875rem;color:var(--text-secondary);font-style:italic;margin-top:8px}@media (max-width:768px){.practice-log-content{padding:24px;width:95%;max-height:90vh}.practice-log-content h2{font-size:1.25rem}.practice-log-content .form-group{padding:12px}.practice-log-content .modal-actions{flex-direction:column}.practice-log-content .modal-actions .btn{width:100%}}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.practice-log-modal,.practice-log-content{transition:none}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';.repertoire-page{max-width:800px !important;margin:0 auto !important;padding:0;width:100%;box-sizing:border-box}#repertoire-tab,.tab-pane:has(.repertoire-page){max-width:800px !important;margin:0 auto !important;width:100%}.repertoire-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.repertoire-header h2{margin:0;color:var(--text-primary);font-size:var(--text-2xl)}.repertoire-controls{display:grid;grid-template-columns:1fr auto;gap:var(--space-lg);margin-bottom:var(--space-xl)}.search-bar{flex:1}.search-bar input{width:100%;padding:var(--space-md);font-size:var(--text-base)}.repertoire-filters{display:flex;gap:var(--space-md)}.repertoire-filters select{min-width:150px}.repertoire-stats{display:flex;justify-content:space-around;align-items:center;margin-bottom:var(--space-xl);border:0px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-sizing:border-box}@media (max-width:600px){.repertoire-stats{flex-direction:column;align-items:center;gap:var(--space-sm)}.repertoire-stats .stat-card{width:80%}}.repertoire-stats .stat-card{padding:var(--space-md) var(--space-xl);text-align:center;border-radius:var(--radius);flex:0 0 auto;min-width:225px;max-width:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.repertoire-stats .stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.repertoire-stats .stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.repertoire-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.song-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all 0.2s ease;position:relative;overflow:hidden}.song-row{display:flex !important;align-items:center !important;gap:16px;min-height:44px}.song-row>*{display:flex;align-items:center;margin:0}.song-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.song-header[data-toggle='collapse']{padding:var(--space-md) var(--space-lg);cursor:pointer;background:var(--bg-card);transition:background-color 0.2s ease;user-select:none;margin-bottom:0}.song-header[data-toggle='collapse']:hover{background:var(--bg-secondary)}.song-header-content{display:grid;grid-template-columns:2fr 1.5fr auto auto;gap:1rem;align-items:center;width:100%}.collapse-icon{font-size:0.8rem;color:var(--text-secondary);transition:transform 0.2s ease;justify-self:end}.song-header.expanded .collapse-icon{transform:rotate(180deg)}.song-details-collapsible{padding:0 var(--space-lg) var(--space-lg);background:var(--bg-card);border-top:1px solid var(--border);animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.song-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.song-title{margin:0;font-size:var(--text-base);color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-header-content .song-artist{color:var(--text-secondary);font-size:var(--text-sm);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-details-collapsible .song-artist{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 var(--space-md) 0}.song-status{padding:0.125rem 0.5rem;border-radius:var(--radius-full);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;display:inline-flex !important;align-items:center;height:fit-content}.youtube-link,.load-youtube-link{display:inline-flex !important;align-items:center;height:fit-content}.status-learning{background:rgba(245,158,11,0.1);color:var(--warning)}.status-polishing{background:rgba(59,130,246,0.1);color:var(--info)}.status-performance-ready{background:rgba(16,185,129,0.1);color:var(--success)}.status-inactive{background:rgba(156,163,175,0.1);color:var(--text-muted)}.song-details{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-sm)}.difficulty{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500}.difficulty-beginner{background:rgba(16,185,129,0.1);color:var(--success)}.difficulty-intermediate{background:rgba(245,158,11,0.1);color:var(--warning)}.difficulty-advanced{background:rgba(239,68,68,0.1);color:var(--danger)}.song-key,.song-tempo{color:var(--text-secondary)}.last-practiced{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.song-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-sm) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary)}.song-stats .icon{margin-right:var(--space-xs)}.song-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-icon{display:inline-flex !important;align-items:center;justify-content:center;height:32px;width:32px;padding:0}.song-actions .btn{flex:1;min-width:100px}#songModal{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:9999 !important;background:rgba(0,0,0,0.8) !important;backdrop-filter:blur(4px)}#songModal .modal-content{position:relative;max-width:600px;width:90%;max-height:90vh;margin:auto;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,0.5);overflow-y:auto;transform:scale(1);padding:2rem}#songModal h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}#songModal .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:50%;transition:all 0.2s ease;line-height:1}#songModal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}#songModal .required{color:var(--danger)}.repertoire-grid .empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.repertoire-grid .empty-state .icon{display:block;margin-bottom:var(--space-lg)}@media (max-width:768px){.repertoire-controls{grid-template-columns:1fr}.repertoire-filters{flex-direction:column}.repertoire-filters select{width:100%}.repertoire-grid{grid-template-columns:1fr}.song-actions{flex-direction:column}.song-actions .btn{width:100%}#songModal .modal-content{width:95%;max-width:95%;max-height:95vh;margin:2.5vh auto}#songModal .form-row{grid-template-columns:1fr}.song-header-content{grid-template-columns:1fr auto auto}.song-header-content .song-artist{display:none}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unified-practice-minimal{background:var(--bg-card);border-radius:16px;border:1px solid rgba(255,255,255,0.08);padding:2.5rem;width:100%;box-shadow:0 4px 24px rgba(0,0,0,0.1);min-height:500px;display:flex;flex-direction:column}.timer-display-section{text-align:center;margin-bottom:2rem;position:sticky;top:0;background:var(--bg-card);z-index:100;padding:2rem;border-bottom:1px solid rgba(255,255,255,0.08);border-radius:12px;transition:box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.timer-display-section.scrolled{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.timer-display{font-family:-apple-system,BlinkMacSystemFont,'SF Mono','Monaco','Inconsolata',monospace;font-size:3.5rem;font-weight:600;color:var(--text-primary);letter-spacing:0.02em;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';min-width:280px;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;line-height:1;height:auto}.timer-controls-row{display:flex;gap:1rem;justify-content:center;margin:0}.timer-control-btn{padding:0.875rem 2.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:0.5rem}.timer-control-btn.primary{background:var(--primary);color:white;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.timer-control-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.timer-control-btn.secondary{background:rgba(255,255,255,0.05);color:var(--text-primary);border:1px solid rgba(255,255,255,0.1)}.timer-control-btn.secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}.timer-sync-row{margin:0}.sync-checkbox{display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;color:var(--text-secondary);font-size:0.938rem;opacity:0.8;transition:opacity 0.2s ease}.sync-checkbox:hover{opacity:1}.sync-checkbox input[type='checkbox']{cursor:pointer}.save-session-btn{width:100%;padding:1rem;background:var(--success);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.save-session-btn:hover{background:var(--success-hover);transform:translateY(-1px)}.mode-tabs{display:flex;gap:0;margin-bottom:2.5rem;background:rgba(255,255,255,0.03);padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,0.06)}.mode-tab{flex:1;padding:0.875rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:0.938rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;gap:0.625rem;position:relative}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:rgba(255,255,255,0.08);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.tab-icon{font-size:1.25rem}.tab-text{font-size:1rem;font-weight:500;letter-spacing:-0.01em}.mode-content-area{min-height:300px}.mode-panel{display:none;padding-top:20px}.mode-panel.active{display:block;animation:fadeIn 0.3s ease-out}.metronome-minimal-container{padding:2rem;background:transparent;border-radius:0;border:none;overflow:visible}.bpm-section{text-align:center;margin-bottom:2.5rem}.bpm-display-minimal{display:inline-flex;align-items:baseline;gap:0.75rem;padding:0;background:transparent;border-radius:0;border:none}.bpm-value{font-size:3.5rem;font-weight:600;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-0.02em}.bpm-label{font-size:1.125rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.08em;opacity:0.6}.bpm-slider-minimal{margin-bottom:2.5rem;padding:0 2rem}.slider-label{display:block;margin-bottom:1rem;color:var(--text-secondary);font-size:0.938rem;font-weight:500;text-align:center;opacity:0.8}.minimal-slider{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer;transition:opacity 0.2s ease}.minimal-slider:hover{opacity:0.8}.minimal-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:transform 0.2s ease}.minimal-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.minimal-slider::-moz-range-thumb{width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.2);transition:transform 0.2s ease}.minimal-slider::-moz-range-thumb:hover{transform:scale(1.2)}.metronome-button-row{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.metronome-labels-row{display:flex;gap:1rem;justify-content:center;margin-bottom:0.75rem}.metronome-label{flex:1;max-width:140px;text-align:center;color:var(--text-secondary);font-size:0.938rem;font-weight:500;opacity:0.8}.metronome-btn{flex:1;max-width:140px;padding:0.875rem 1.5rem;border:none;border-radius:10px;font-size:0.938rem;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;gap:0.5rem}.metronome-btn.start{background:var(--primary);color:white;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.metronome-btn.start:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.metronome-btn.stop{background:var(--danger);color:white}.metronome-btn.stop:hover{background:var(--danger-hover);transform:translateY(-1px)}.metronome-btn.tap{background:rgba(255,255,255,0.05);color:var(--text-primary);border:1px solid rgba(255,255,255,0.1)}.metronome-btn.tap:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}.metronome-options{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:center;width:100%}.option-group{width:140px;flex:0 0 auto}.option-group label{display:block;margin-bottom:0.75rem;color:var(--text-secondary);font-size:0.938rem;font-weight:500;text-align:center;opacity:0.8}.metronome-btn.minimal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:2.5rem}.minimal-select{width:100%;padding:0.875rem 2.5rem 0.875rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;color:var(--text-primary);font-size:0.938rem;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);text-align:center}.minimal-select:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.minimal-select:focus{outline:none;border-color:var(--primary)}.accent-pattern-minimal{text-align:center;margin-bottom:2.5rem}.accent-pattern-minimal label{display:block;margin-bottom:1rem;color:var(--text-secondary);font-size:0.938rem;font-weight:500;opacity:0.8}.accent-beats{display:inline-flex;gap:0.5rem;padding:0;background:transparent;border-radius:0;border:none}.accent-btn{width:48px;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:var(--text-secondary);font-size:0.938rem;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.accent-btn:hover{background:rgba(255,255,255,0.08);transform:translateY(-2px);border-color:rgba(255,255,255,0.15)}.accent-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,0.3);color:white;border-color:var(--primary)}.advanced-features-minimal{margin-top:2.5rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.08);padding:1.25rem;transition:all 0.3s ease}.advanced-features-minimal:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1)}.advanced-features-minimal summary{cursor:pointer;color:var(--text-primary);font-weight:500;font-size:0.938rem;user-select:none;display:flex;align-items:center;justify-content:center;gap:0.5rem;opacity:0.8;transition:opacity 0.2s ease}.advanced-features-minimal summary:hover{opacity:1}.advanced-features-minimal[open] summary{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.08);opacity:1}.feature-section-minimal{margin-bottom:1rem}.feature-section-minimal:last-child{margin-bottom:0}.feature-section-minimal label{display:flex;align-items:center;gap:0.5rem;color:var(--text-primary);font-size:0.875rem;font-weight:500;cursor:pointer}.control-row-minimal{display:flex;align-items:center;gap:0.5rem;margin-top:0.5rem;padding-left:1.5rem}.control-row-minimal input[type='number']{width:60px;padding:0.375rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:0.813rem}.dropout-pattern{display:flex;gap:0.5rem;margin-top:0.5rem;padding-left:1.5rem}.dropout-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.dropout-btn.active{background:var(--danger);color:white;border-color:var(--danger)}.audio-container{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border)}.youtube-container{padding:1.5rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border)}.youtube-input-group{display:flex;gap:0.5rem;margin-bottom:1rem}.youtube-input{flex:1;padding:0.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:0.875rem}.youtube-input:focus{outline:none;border-color:var(--primary)}.youtube-load-btn{padding:0.75rem 1.5rem;background:var(--primary);color:white;border:none;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.youtube-load-btn:hover{background:var(--primary-hover)}.youtube-player-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin-bottom:1rem}.youtube-player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.unified-practice-minimal{padding:1.5rem;border-radius:12px}.timer-display{font-size:3rem;min-width:240px}.timer-control-btn{padding:0.75rem 2rem;font-size:0.938rem}.mode-tab{font-size:0.875rem;padding:0.75rem 1rem}.tab-text{font-size:0.875rem}.tab-icon{font-size:1.125rem}.bpm-value{font-size:3rem}.metronome-btn{padding:0.75rem 1.25rem;font-size:0.875rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';.daily-practice-suggestion{background:linear-gradient(135deg,var(--primary-light,#8b92ff) 0%,var(--primary) 100%);color:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:fadeIn 0.3s ease}.dismiss-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.2);border:none;color:white;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;line-height:1}.dismiss-btn:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.suggestion-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.suggestion-icon{font-size:1.5rem}.suggestion-title{margin:0;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.9}.suggestion-content h4{margin:0 0 0.5rem 0;font-size:1.25rem}.suggestion-description{margin:0 0 1rem 0;opacity:0.95;line-height:1.5}.suggested-exercises{background:rgba(255,255,255,0.15);border-radius:8px;padding:1rem;margin-bottom:1rem}.suggested-exercises h5{margin:0 0 0.5rem 0;font-size:0.9rem;opacity:0.9}.suggested-exercises .exercise-list{list-style:none;padding:0;margin:0}.suggested-exercises .exercise-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.suggested-exercises .exercise-item:last-child{border-bottom:none}.exercise-name{opacity:0.95}.exercise-duration{font-size:0.85rem;opacity:0.8;white-space:nowrap}.start-suggestion-btn{background:white;color:var(--primary);border:none;padding:0.75rem 1.5rem;font-weight:600;transition:all 0.2s ease;border-radius:6px}.start-suggestion-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.daily-practice-suggestion{padding:1.25rem;margin-bottom:1.5rem}.suggestion-header{gap:0.5rem}.suggestion-icon{font-size:1.25rem}.suggestion-title{font-size:0.8rem}.suggestion-content h4{font-size:1.1rem}.suggestion-description{font-size:0.9rem}.suggested-exercises{padding:0.75rem}.start-suggestion-btn{width:100%;padding:0.875rem}}[data-theme='dark'] .daily-practice-suggestion{background:linear-gradient(135deg,var(--primary-dark,#5a61d8) 0%,var(--primary) 100%)}[data-theme*='pastel'] .daily-practice-suggestion{background:linear-gradient(135deg,var(--primary-pastel,#b8bfff) 0%,var(--primary) 100%);color:var(--text-primary)}[data-theme*='pastel'] .dismiss-btn{background:rgba(0,0,0,0.1);color:var(--text-primary)}[data-theme*='pastel'] .dismiss-btn:hover{background:rgba(0,0,0,0.15)}[data-theme*='pastel'] .start-suggestion-btn{background:var(--bg-primary);color:white}[data-theme*='pastel'] .suggested-exercises{background:rgba(0,0,0,0.05)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@media (max-width:768px){.timer-container,.timer-widget,.timer-display-section{display:flex;flex-direction:column;align-items:center;width:100%}.timer-container{background:var(--bg-secondary);border-radius:16px;margin:12px auto;box-shadow:0 2px 8px rgba(0,0,0,0.05);max-width:400px}.timer-display{font-size:36px;font-weight:500;text-align:center;vertical-align:center;letter-spacing:0.5px;margin:16px auto;font-variant-numeric:tabular-nums;line-height:1;width:100%;display:block}.timer-controls,.timer-controls-row{display:flex;justify-content:center;vertical-align:center;gap:12px;width:100%}.timer-controls .button,.timer-control-btn{flex:1;max-width:130px;height:44px;font-size:15px;font-weight:500;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;padding:0 20px}.timer-controls .button:active{transform:scale(0.95)}.timer-controls .button-primary{background:var(--color-primary);color:white;box-shadow:0 4px 12px rgba(99,102,241,0.3)}.timer-controls .button-primary:active{box-shadow:0 2px 8px rgba(99,102,241,0.3)}.session-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.session-info-item{background:var(--bg-tertiary);padding:12px;border-radius:12px;text-align:center}.session-info-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}.session-info-value{font-size:18px;font-weight:600;color:var(--text-primary)}.timer-quick-actions{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.quick-action{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-width:60px;transition:color 0.2s ease}.quick-action:active{color:var(--color-primary)}.quick-action-icon{width:24px;height:24px}.quick-action-label{font-size:11px;text-transform:uppercase;letter-spacing:0.3px}}.timer-sync-row{display:flex;justify-content:center;align-items:center;margin-top:12px;width:100%}.sync-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.sync-checkbox input[type="checkbox"]{width:18px;height:18px}.timer-control-btn{min-width:120px;height:44px;display:flex;align-items:center;justify-content:center;gap:8px}}@media (max-width:375px){.timer-display{font-size:36px}.timer-controls{flex-direction:column;gap:12px}.timer-controls .button{max-width:100%;width:100%}.session-info{grid-template-columns:1fr}}@media (max-width:768px) and (orientation:landscape){.timer-container{padding:16px}.timer-display{font-size:32px;margin:8px 0;vertical-align:center}.timer-controls{margin-top:16px}.session-info{display:none}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@media (max-width:768px){.audio-player{background:var(--bg-secondary);border-radius:20px;padding:20px 16px;margin:16px 0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.audio-info{text-align:center;margin-bottom:20px}.audio-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.audio-artist{font-size:14px;color:var(--text-muted)}.waveform-container{height:80px;background:var(--bg-tertiary);border-radius:12px;margin:16px 0;position:relative;overflow:hidden;touch-action:pan-y}.waveform-progress{position:absolute;top:0;left:0;height:100%;background:rgba(99,102,241,0.2);pointer-events:none}.audio-time{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:20px;font-variant-numeric:tabular-nums}.audio-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.audio-control-button{background:none;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:all 0.2s ease}.audio-control-button:active{background:var(--bg-tertiary);transform:scale(0.9)}.audio-play-button{width:64px;height:64px;background:var(--color-primary);color:white;box-shadow:0 4px 12px rgba(99,102,241,0.3)}.audio-play-button:active{box-shadow:0 2px 8px rgba(99,102,241,0.3)}.audio-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.adjustment-control{background:var(--bg-tertiary);border-radius:12px;padding:12px}.adjustment-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;text-align:center}.adjustment-value{font-size:16px;font-weight:600;text-align:center;margin-bottom:8px}.adjustment-slider{width:100%;height:32px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.adjustment-slider::-webkit-slider-track{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px}.adjustment-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:pointer;margin-top:-10px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.quick-adjustments{display:flex;gap:8px;margin-top:8px;justify-content:center}.quick-adjust-btn{font-size:11px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-muted);transition:all 0.2s ease}.quick-adjust-btn:active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.ab-loop-controls{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.ab-loop-button{flex:1;padding:12px;background:var(--bg-tertiary);border:none;border-radius:12px;font-size:14px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease}.ab-loop-button:active{background:var(--color-primary);color:white}.ab-loop-button.active{background:var(--color-primary);color:white}}@media (max-width:375px){.audio-player{padding:16px 12px}.audio-title{font-size:16px}.audio-controls{gap:16px}.audio-control-button{width:40px;height:40px}.audio-play-button{width:56px;height:56px}.adjustment-control{padding:10px}.quick-adjustments{flex-wrap:wrap}}@media (max-width:768px) and (orientation:landscape){.audio-player{padding:16px}.waveform-container{height:60px}.audio-adjustments{grid-template-columns:1fr 1fr 1fr 1fr}.ab-loop-controls{margin-top:12px;padding-top:12px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@media (max-width:768px){.top-navigation{position:fixed;bottom:0;left:0;right:0;top:auto;background:var(--bg-primary);border-top:1px solid var(--border-color);border-radius:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0);z-index:999;box-shadow:0 -2px 20px rgba(0,0,0,0.1)}.nav-container{display:flex;justify-content:space-around;align-items:center;height:56px;padding:0 8px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;text-decoration:none;color:var(--text-muted);transition:color 0.2s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-item:active{background:var(--bg-secondary)}.nav-item.active{color:var(--color-primary)}.nav-icon{width:24px;height:24px;margin-bottom:4px;transition:transform 0.2s ease}.nav-item:active .nav-icon{transform:scale(0.9)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:10px;font-weight:500;text-transform:capitalize;letter-spacing:0.3px}.nav-item::before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%) scale(0);width:4px;height:4px;background:var(--color-primary);border-radius:50%;transition:transform 0.2s ease}.nav-item.active::before{transform:translateX(-50%) scale(1)}.nav-badge{position:absolute;top:8px;right:50%;transform:translateX(12px);background:var(--color-error);color:white;font-size:10px;font-weight:600;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center}.app-header{position:sticky;top:0;z-index:998;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0;padding-top:env(safe-area-inset-top,0);box-shadow:0 2px 10px rgba(0,0,0,0.05)}.header-content{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px}.header-title{font-size:18px;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:8px}.header-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;color:var(--text-primary);transition:background 0.2s ease}.header-action:active{background:var(--bg-secondary)}.main-content-new{padding-bottom:calc(56px+env(safe-area-inset-bottom,0)+16px);min-height:calc(100vh - 56px - env(safe-area-inset-top,0))}.tab-content{position:relative;overflow-x:hidden}.tab-pane{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateX(100%);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}.tab-pane.active{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}.tab-pane.slide-in-left{transform:translateX(-100%)}.tab-pane.active.slide-in-left{transform:translateX(0)}}@media (max-width:768px) and (orientation:landscape){.top-navigation{height:48px}.nav-container{height:48px}.nav-icon{width:20px;height:20px;margin-bottom:2px}.nav-label{font-size:9px}.app-header{height:48px}.header-content{height:48px}.main-content-new{padding-bottom:calc(48px+env(safe-area-inset-bottom,0)+16px);min-height:calc(100vh - 48px)}}@media (max-width:375px){.nav-item{padding:0 4px}.nav-label{font-size:9px}.header-title{font-size:16px}}@supports (padding:max(0px)){.top-navigation{padding-bottom:max(env(safe-area-inset-bottom,0),8px)}.app-header{padding-top:max(env(safe-area-inset-top,0),8px)}.main-content-new{padding-bottom:calc(56px+max(env(safe-area-inset-bottom,0),8px)+16px)}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@media (max-width:768px){.mode-tabs{display:flex;justify-content:space-around;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:16px;margin-bottom:16px}.mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:none;background:transparent;border-radius:12px;transition:all 0.2s ease;cursor:pointer;position:relative;min-height:56px}.mode-tab.active{background:var(--bg-primary);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mode-tab .tab-icon{font-size:24px;line-height:1;display:block;margin-bottom:0}.mode-tab .tab-text{display:none}.mode-tab.active::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--color-primary);border-radius:2px}.mode-tab:active{transform:scale(0.95);opacity:0.8}}@media (max-width:375px){.mode-tabs{gap:4px;padding:8px}.mode-tab{padding:10px 4px;min-height:48px}.mode-tab .tab-icon{font-size:20px}}@media (max-width:768px) and (orientation:landscape){.mode-tabs{margin-bottom:12px;padding:8px 12px}.mode-tab{min-height:44px;padding:8px}.mode-tab .tab-icon{font-size:20px}}@media (prefers-contrast:high){.mode-tab.active{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.mode-tab{transition:none}.mode-tab:active{transform:none}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@media (max-width:768px){.unified-practice-minimal{padding:0;width:100%}.timer-section{background:var(--bg-secondary);border-radius:16px;padding:16px;margin:0 auto 16px;width:calc(100% - 32px);max-width:380px}.timer-display-section{text-align:center;width:100%;position:sticky;top:0;background:var(--bg-card);z-index:100;padding:1rem 1rem 0.5rem 1rem;margin:0 0 1rem 0;border-bottom:1px solid rgba(255,255,255,0.08)}.unified-practice-minimal .timer-display{font-size:32px !important;font-weight:500;margin:8px 0 16px}.unified-practice-minimal .timer-control-btn{min-width:110px;padding:0 16px;font-size:14px}.unified-practice-minimal .timer-control-btn.primary{background:var(--color-primary);color:white}.unified-practice-minimal .timer-control-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.mode-tabs-container{margin:16px auto;width:calc(100% - 32px);max-width:380px}.mode-content-area{padding:0 16px}.mode-panel{padding:16px 0}.metronome-minimal-container{background:var(--bg-secondary);border-radius:16px;padding:20px 16px;margin:0 auto;max-width:380px}.bpm-display-large{font-size:48px;font-weight:600;text-align:center;margin:16px 0}.bpm-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.bpm-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.bpm-slider-container{margin:20px 0}.audio-upload-minimal{background:var(--bg-secondary);border-radius:16px;padding:20px 16px;margin:0 auto;max-width:380px;text-align:center}.youtube-section{background:var(--bg-secondary);border-radius:16px;padding:20px 16px;margin:0 auto;max-width:380px}.youtube-input-group{display:flex;flex-direction:column;gap:12px}.youtube-url-input{width:100%;padding:12px;font-size:14px;border-radius:8px}.load-btn{width:100%;padding:12px;font-size:14px;border-radius:8px}}@media (max-width:375px){.timer-section{padding:12px;width:calc(100% - 24px)}.unified-practice-minimal .timer-display{font-size:28px !important}.unified-practice-minimal .timer-control-btn{min-width:100px;font-size:13px}.bpm-display-large{font-size:40px}.bpm-btn{width:36px;height:36px;font-size:16px}}@media (max-width:768px) and (orientation:landscape){.timer-section{padding:12px;margin-bottom:12px}.unified-practice-minimal .timer-display{font-size:28px !important;margin:4px 0 12px}.mode-tabs-container{margin:12px auto}.metronome-minimal-container,.audio-upload-minimal,.youtube-section{padding:16px}.bpm-display-large{font-size:36px;margin:12px 0}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');.session-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:0.5rem;transition:all 0.2s ease;position:relative}.session-item:hover{background:var(--bg-hover);transform:translateX(2px)}.session-info{flex:1;min-width:0}.session-title{font-weight:500;color:var(--text-primary);margin-bottom:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{display:flex;gap:1rem;font-size:0.813rem;color:var(--text-secondary)}.session-date{display:flex;align-items:center}.session-duration{color:var(--primary);font-weight:500}.session-item .delete-session-btn{opacity:0;transition:opacity 0.2s ease;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:0.5rem;border-radius:var(--radius-md);transition:all 0.2s ease}.session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{color:var(--danger);background:rgba(239,68,68,0.1)}.delete-session-btn:disabled{cursor:not-allowed;opacity:0.5}.recent-sessions-widget.compact .session-item{padding:0.625rem 0.75rem;margin-bottom:0.375rem}.recent-sessions-widget.compact .session-title{font-size:0.875rem}.recent-sessions-widget.compact .session-meta{font-size:0.75rem}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-state p{margin:0}.empty-state-hint{font-size:0.813rem;margin-top:0.5rem;opacity:0.7}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-action{background:none;border:none;color:var(--primary);font-size:0.813rem;font-weight:500;cursor:pointer;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);transition:all 0.2s ease}.widget-action:hover{background:rgba(99,102,241,0.1);color:var(--primary-dark)}@media (max-width:480px){.session-item{padding:0.625rem 0.75rem}.session-title{font-size:0.875rem}.session-meta{font-size:0.75rem;gap:0.75rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';.calendar-stats-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.calendar-stats-container .stats-panel{max-width:1200px;margin:0 auto}@media (max-width:768px){.calendar-stats-container{margin-top:1.5rem;padding-top:1.5rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';.practice-again-btn{background:rgba(99,102,241,0.1);color:var(--color-primary);border:1px solid var(--color-primary);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.2s ease;margin-right:8px}.practice-again-btn:hover{background:rgba(99,102,241,0.2);transform:translateY(-1px)}.practice-again-btn:active{transform:scale(0.95)}.history-sheet-music{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(99,102,241,0.1);border-radius:4px;font-size:12px;color:var(--color-primary)}.history-item:has(.history-sheet-music){border-left:3px solid var(--color-primary);padding-left:12px}@media (max-width:768px){.practice-again-btn{padding:8px;font-size:16px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.history-item-actions{display:flex;align-items:center;gap:8px}.history-date{font-size:12px;margin-right:auto}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');.session-image-preview{margin:20px 0;padding:16px;background:rgba(99,102,241,0.05);border:2px solid rgba(99,102,241,0.2);border-radius:12px}.image-preview-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-primary);margin-bottom:12px}.image-preview-label .icon{font-size:18px}.image-thumbnail-container{width:100%;max-width:300px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:white}.session-image-thumbnail{width:100%;height:auto;max-height:200px;object-fit:contain;display:block;cursor:zoom-in;transition:transform 0.2s ease}.session-image-thumbnail:hover{transform:scale(1.02)}.save-session-popup .session-image-preview{animation:slideIn 0.3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme='dark'] .session-image-preview{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3)}[data-theme='dark'] .image-thumbnail-container{background:var(--bg-secondary)}@media (max-width:768px){.session-image-preview{margin:16px 0;padding:12px}.image-preview-label{font-size:13px}.image-thumbnail-container{max-width:100%}.session-image-thumbnail{max-height:150px}}.session-saved-notification{position:fixed;top:20px;right:20px;background:#10b981;color:white;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);animation:slideInRight 0.3s ease,slideOutRight 0.3s ease 2.7s;z-index:10000}.session-saved-notification .icon{font-size:20px}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');.history-item.has-image{display:flex;gap:16px;align-items:center;position:relative}.history-item.has-image::before{content:'🎸 Click to load in metronome';position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:var(--bg-primary);color:var(--text-muted);padding:4px 12px;border-radius:16px;font-size:12px;opacity:0;transition:opacity 0.3s ease;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.history-item.has-image:hover::before{opacity:1}.history-item{cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center}.history-item:hover{background:var(--bg-hover);transform:translateX(4px)}.history-item button{cursor:pointer}.history-item-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:zoom-in;transition:transform 0.2s ease}.history-item-thumbnail:hover{transform:scale(1.05)}.history-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.history-item.has-image .history-item-content{flex:1;min-width:0}.history-item-content{display:flex;flex-direction:column;justify-content:center;width:100%}.history-item-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-header h4:not(:contains('Practice Session')){color:var(--color-primary)}@media (max-width:768px){.history-item.has-image{gap:12px}.history-item-thumbnail{width:60px;height:60px;border-radius:6px}.history-item-header h4{font-size:14px}}[data-theme='dark'] .history-item-thumbnail{background:var(--bg-secondary);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.history-item-thumbnail.loading{background:var(--bg-secondary);position:relative}.history-item-thumbnail.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}#sessionName{font-size:18px;font-weight:600;padding:16px 20px;border:3px solid var(--border-color);border-radius:12px;background:linear-gradient(to bottom,var(--bg-secondary) 0%,rgba(99,102,241,0.02) 100%);color:var(--text-primary);transition:all 0.3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.05);position:relative}#sessionName:hover{border-color:rgba(99,102,241,0.4);transform:translateY(-1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1),0 6px 16px rgba(0,0,0,0.08)}#sessionName:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px rgba(99,102,241,0.2),inset 0 2px 4px rgba(0,0,0,0.1),0 8px 20px rgba(99,102,241,0.15);transform:translateY(-2px)}#sessionName{background:rgba(255,255,255,0.9) !important;color:#1f2937 !important;border-color:rgba(99,102,241,0.3) !important}#sessionName::placeholder{color:var(--text-muted);opacity:0.6;font-weight:400;font-style:italic}#sessionName::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient( 90deg,var(--color-primary) 0%,#a855f7 50%,var(--color-primary) 100% );transform:scaleX(0);transition:transform 0.3s ease}#sessionName:focus::after{transform:scaleX(1)}.history-item:has(h4:not(:contains('Practice Session'))){border-left:3px solid var(--color-primary);padding-left:12px}.history-item-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md,12px)}.history-item-details span{display:inline-flex;align-items:center;gap:4px}.history-item-actions{display:flex;align-items:center;gap:8px}.history-audio .youtube-practice-link{display:inline-flex;align-items:center;vertical-align:middle;line-height:inherit}.history-audio{display:inline-flex;align-items:center;line-height:1.5}.history-audio>*{vertical-align:middle}.history-item-details .icon{vertical-align:middle;line-height:1}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');.audio-control-btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem;justify-content:center}.audio-control-btn.play-btn{background:var(--primary);color:white}.audio-control-btn.play-btn:hover{background:var(--primary-hover)}.audio-control-btn.stop-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.audio-control-btn.stop-btn:hover{background:var(--bg-secondary)}.control-icon{font-size:1.125rem}.control-text{font-size:0.875rem}.loop-btn{padding:0.5rem 1rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:0.813rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.loop-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.reset-btn{padding:0.5rem 1rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:0.813rem;cursor:pointer;transition:all 0.2s ease}.reset-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.youtube-speed-btn{padding:0.375rem 0.75rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:0.813rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.youtube-speed-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.time-display{font-family:'SF Mono','Monaco','Inconsolata',monospace;color:var(--text-secondary);font-size:0.875rem;padding:0.5rem 1rem;background:var(--bg-secondary);border-radius:6px}.loop-times{font-family:'SF Mono','Monaco','Inconsolata',monospace;color:var(--text-secondary);font-size:0.813rem}.btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem;justify-content:center}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.3)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary)}.btn-sm{padding:0.5rem 1rem;font-size:0.813rem}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.checkbox-label input[type='checkbox']{position:absolute;opacity:0;cursor:pointer}.loop-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary)}.loop-toggle input[type='checkbox']{position:absolute;opacity:0;width:0;height:0}.loop-toggle .toggle-switch{position:relative;width:36px;height:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;transition:all 0.3s ease}.loop-toggle .toggle-switch::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--text-secondary);top:2px;left:2px;transition:all 0.3s ease}.loop-toggle input[type='checkbox']:checked+.toggle-switch{background:var(--primary);border-color:var(--primary)}.loop-toggle input[type='checkbox']:checked+.toggle-switch::after{background:white;transform:translateX(16px)}.loop-toggle:hover .toggle-switch{box-shadow:0 0 0 3px rgba(99,102,241,0.1)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.slider{cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#6366f1;border:2px solid #ffffff;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:all 0.2s ease}.slider::-webkit-slider-thumb:hover{background:#5856eb;transform:scale(1.1);box-shadow:0 3px 8px rgba(99,102,241,0.4)}.slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#6366f1;border:2px solid #ffffff;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:all 0.2s ease}.slider::-moz-range-thumb:hover{background:#5856eb;transform:scale(1.1);box-shadow:0 3px 8px rgba(99,102,241,0.4)}.unified-practice-minimal{width:100%;margin:0 auto;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.timer-display-section{text-align:center;margin-bottom:0.5rem;padding:0.5rem;background:var(--bg-secondary);border-radius:8px;border:none}.timer-display{font-size:1.5rem;font-weight:300;font-family:'SF Mono','Monaco','Inconsolata',monospace;color:var(--text-primary);letter-spacing:0.05em;margin-bottom:0.5rem;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.timer-controls-row{display:flex;gap:2rem;justify-content:center;align-items:center;margin-bottom:0.25rem}.timer-control-btn{padding:0.5rem 1.5rem;border:none;border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;white-space:nowrap}.timer-control-btn.primary{background:#6366f1;color:white}.timer-control-btn.primary:hover{background:#5558e3;transform:translateY(-1px)}.timer-control-btn.primary.playing{background:#ef4444}.timer-control-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.timer-control-btn.secondary:hover{background:var(--bg-tertiary)}.save-session-btn{margin-top:0.5rem;padding:0.3rem 1rem;background:var(--primary);color:white;border:1px solid var(--primary);border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.save-session-btn:hover{background:var(--primary-hover,#5856eb);border-color:var(--primary-hover,#5856eb);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.sync-checkbox{display:inline-flex;align-items:center;gap:0.25rem;margin-top:0.5rem;font-size:0.7rem;color:var(--text-secondary);cursor:pointer}.sync-checkbox input[type='checkbox']{width:14px;height:14px;accent-color:#6366f1;cursor:pointer}.mode-tabs{display:flex;gap:0.125rem;background:var(--bg-secondary);padding:0.125rem;border-radius:6px;margin-bottom:0.5rem}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:0.25rem;padding:0.3rem 0.5rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:0.7rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--bg-card);color:#6366f1;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.tab-icon{font-size:0.875rem}.mode-content-area{background:var(--bg-secondary);border-radius:8px;border:none;padding:0.75rem;min-height:180px}.mode-panel{display:none}.mode-panel.active{display:block;animation:fadeIn 0.3s ease}#youtubePanel{padding:1rem;min-height:200px}#youtubePanel.active{display:block !important}.metronome-minimal-container{max-width:500px;margin:0 auto}.metronome-status{display:flex;align-items:center;justify-content:center;gap:0.25rem;margin-bottom:1rem;font-size:0.7rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;transition:all 0.2s ease}.status-dot.ready{background:#22c55e;animation:pulse 2s infinite}.bpm-section{text-align:center;margin-bottom:0.5rem}.bpm-display-minimal{display:inline-flex;align-items:baseline;gap:0.25rem;padding:0.25rem 0.5rem;background:var(--bg-secondary);border-radius:6px;transition:all 0.1s ease}.bpm-display-minimal.pulse{transform:scale(1.05);background:rgba(99,102,241,0.1)}.bpm-value{font-size:1.25rem;font-weight:300;color:var(--text-primary);font-family:'SF Mono','Monaco','Inconsolata',monospace}.bpm-label{font-size:0.75rem;color:var(--text-secondary);font-weight:500}.bpm-controls-minimal{display:flex;gap:0.25rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.bpm-btn{padding:0.25rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:0.7rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all 0.2s ease}.bpm-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.bpm-btn.tap{background:#ef4444;color:white;border-color:#ef4444;padding:0.25rem 0.75rem}.bpm-btn.tap:hover{background:#dc2626}.bpm-slider-minimal{margin-bottom:1rem}.slider-label{display:block;text-align:center;margin-bottom:0.5rem;font-size:0.7rem;color:var(--text-secondary);font-weight:500}.minimal-slider{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;outline:none;appearance:none;cursor:pointer}.minimal-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;transition:all 0.2s ease}.minimal-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(99,102,241,0.3)}.slider-values{display:flex;justify-content:space-between;margin-top:0.5rem;font-size:0.75rem;color:var(--text-muted)}.metronome-buttons,.metronome-button-row{display:flex;gap:2rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 1rem}.metronome-btn{padding:0.5rem 1.5rem;border:none;border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-width:100px;white-space:nowrap}.metronome-btn.start{background:linear-gradient(135deg,#6366f1,#a855f7);color:white}.metronome-btn.start:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.3)}.metronome-btn.stop{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);display:none}.metronome-btn.stop:hover{background:var(--bg-tertiary)}.metronome-options{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem}.option-group{display:flex;flex-direction:column;gap:0.25rem}.option-group label{font-size:0.7rem;color:var(--text-secondary);font-weight:500}.minimal-select{padding:0.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:0.7rem;cursor:pointer}.accent-pattern-minimal{text-align:center;margin-bottom:1.5rem}.accent-pattern-minimal label{display:block;margin-bottom:0.5rem;font-size:0.7rem;color:var(--text-secondary);font-weight:500}.accent-beats{display:flex;gap:0.25rem;justify-content:center}.accent-btn{width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:0.7rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease}.accent-btn:hover{background:var(--bg-tertiary)}.accent-btn.active{background:#6366f1;color:white;border-color:#6366f1}.advanced-features-minimal{margin-top:1rem;font-size:0.875rem}.advanced-features-minimal summary{cursor:pointer;padding:0.5rem;background:var(--bg-secondary);border-radius:6px;font-weight:500;user-select:none;transition:all 0.2s}.advanced-features-minimal summary:hover{background:var(--bg-tertiary)}.advanced-features-minimal[open] summary{margin-bottom:1rem}.feature-section-minimal{margin-bottom:1rem;padding:0.5rem}.feature-section-minimal label{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--text-secondary);margin-bottom:0.5rem;cursor:pointer}.feature-section-minimal input[type='checkbox']{width:16px;height:16px;cursor:pointer}.tempo-progression-controls{margin-top:0.75rem;padding:0.75rem;background:var(--bg-tertiary);border-radius:6px}.control-row-minimal{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.75rem}.control-row-minimal:last-child{margin-bottom:0}.control-row-minimal label{min-width:60px;font-size:0.75rem;color:var(--text-secondary)}.control-row-minimal input[type='number']{width:60px;padding:0.25rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:0.75rem;text-align:center}.control-row-minimal input[type='number']:focus{outline:none;border-color:var(--primary)}.control-row-minimal span{font-size:0.75rem;color:var(--text-secondary)}.beat-dropout-controls{margin-top:0.75rem;padding:0.75rem;background:var(--bg-tertiary);border-radius:6px}.beat-dropout-controls select{width:100%;padding:0.25rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:0.75rem;margin-bottom:0.5rem}.audio-upload-minimal{text-align:center}.audio-browse-section{padding:2rem;text-align:center}.browse-audio-btn{font-size:1.125rem;padding:0.75rem 2rem}.file-hint{font-size:0.75rem !important;color:var(--text-muted) !important}.youtube-input-minimal{max-width:600px;margin:0 auto;display:block !important;visibility:visible !important}.url-input-group{display:flex;gap:0.5rem;margin-bottom:1.5rem}.youtube-url-input{flex:1;padding:0.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:0.875rem}.youtube-url-input:focus{outline:none;border-color:#6366f1}.load-btn{padding:0.75rem 1.5rem;background:#6366f1;color:white;border:none;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.load-btn:hover{background:#5558e3}.youtube-player-minimal iframe{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.save-session-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95) !important;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.2s ease}.save-session-popup{border-radius:16px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;z-index:10000000;animation:popupFadeIn 0.3s ease}@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(99,102,241,0.2);margin-bottom:1rem}.popup-header h2{margin:0;font-size:1.5rem;font-weight:600;color:inherit}.popup-close{background:rgba(0,0,0,0.1);border:none;font-size:1.5rem;color:#374151;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s ease}.popup-close:hover{background:rgba(239,68,68,0.1);color:#dc2626}.popup-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s ease}.popup-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.popup-body{padding:1.5rem}.popup-body .form-group{margin-bottom:1.5rem}.popup-body .form-group label{display:block;margin-bottom:0.5rem;font-size:0.875rem;font-weight:600;color:inherit}.popup-body .form-control{width:100%;padding:0.75rem;border-radius:8px;font-size:0.875rem;transition:all 0.2s ease}.popup-body .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.save-session-form select{width:100%;padding:0.75rem;border-radius:8px;font-size:0.875rem;font-weight:500;transition:all 0.2s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='currentColor' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;padding-right:32px}.save-session-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.save-session-form optgroup{font-weight:700;color:#6366f1;background:white}.save-session-form option{padding:8px;background:white;color:#1f2937}.save-session-form option:hover{background:#f3f4f6}.popup-body textarea.form-control{resize:vertical;min-height:80px}.popup-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.session-stats{display:flex;gap:2rem;justify-content:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin:1.5rem 0}.session-stats .stat{text-align:center}.session-info{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0}.info-row:not(:last-child){border-bottom:1px solid var(--border)}.info-label{font-size:0.875rem;color:var(--text-secondary)}.info-value{font-size:0.875rem;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:0.5rem;font-size:0.875rem;font-weight:600;color:var(--text-primary)}.form-input,.form-textarea{width:100%;padding:0.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:0.875rem;transition:all 0.2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.form-textarea{resize:vertical;min-height:80px}.popup-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid rgba(99,102,241,0.2);margin-top:1rem}.btn{padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover,#5856eb);border-color:var(--primary-hover,#5856eb);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.stat-label{display:block;font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:0.25rem}.stat-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.popup-body .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.popup-body .btn{padding:0.75rem 1.5rem;border:none;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.popup-body .btn-secondary{background:rgba(107,114,128,0.1);color:#374151;border:2px solid rgba(107,114,128,0.2)}.popup-body .btn-secondary:hover{background:rgba(107,114,128,0.2);border-color:rgba(107,114,128,0.3)}.popup-body .btn-primary{background:linear-gradient(135deg,#6366f1 0%,#5558e3 100%);color:white;display:flex;align-items:center;gap:0.5rem;box-shadow:0 4px 15px rgba(99,102,241,0.3),inset 0 1px 0 rgba(255,255,255,0.1);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden}.popup-body .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100% );transition:left 0.5s ease}.popup-body .btn-primary:hover{background:linear-gradient(135deg,#5558e3 0%,#4446d0 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}.popup-body .btn-primary:hover::before{left:100%}.popup-body .btn-primary.success{background:#22c55e}.audio-warning-minimal{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--bg-card);color:var(--text-primary);padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);font-size:0.875rem;animation:slideUp 0.3s ease;z-index:1000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes savePulse{0%{box-shadow:0 4px 15px rgba(99,102,241,0.3),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 0 rgba(99,102,241,0.4)}70%{box-shadow:0 4px 15px rgba(99,102,241,0.3),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 10px rgba(99,102,241,0)}100%{box-shadow:0 4px 15px rgba(99,102,241,0.3),inset 0 1px 0 rgba(255,255,255,0.1),0 0 0 0 rgba(99,102,241,0)}}.popup-body .btn-primary.save-btn{animation:savePulse 2s infinite}.save-session-popup{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.15),0 16px 32px rgba(0,0,0,0.2),0 24px 48px rgba(0,0,0,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme*='dark'] .save-session-popup,[data-theme='solarized-dark'] .save-session-popup,[data-theme='tokyo-night'] .save-session-popup,[data-theme='dracula'] .save-session-popup,[data-theme='github-dark'] .save-session-popup,[data-theme='monokai'] .save-session-popup,[data-theme='nord'] .save-session-popup,[data-theme='ayu-dark'] .save-session-popup,[data-theme='material-dark'] .save-session-popup,[data-theme='one-dark'] .save-session-popup,[data-theme='synthwave'] .save-session-popup,[data-theme='palenight'] .save-session-popup,[data-theme='high-contrast'] .save-session-popup,[data-theme='cyberpunk'] .save-session-popup,[data-theme='midnight'] .save-session-popup,[data-theme='forest'] .save-session-popup,[data-theme='ocean'] .save-session-popup,[data-theme='twilight'] .save-session-popup,[data-theme='brown'] .save-session-popup,[data-theme='coffee'] .save-session-popup{background:var(--bg-input);color:var(--text-primary);border-color:var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.2),0 8px 16px rgba(0,0,0,0.3),0 16px 32px rgba(0,0,0,0.4),0 24px 48px rgba(0,0,0,0.5)}[data-theme*='light'] .save-session-popup,[data-theme='solarized-light'] .save-session-popup,[data-theme='github-light'] .save-session-popup,[data-theme='pastel-light'] .save-session-popup,[data-theme='soft-light'] .save-session-popup,[data-theme='sepia'] .save-session-popup,[data-theme='pastel'] .save-session-popup{background:var(--bg-card);color:var(--text-primary);border-color:var(--border);position:relative;box-shadow:0 2px 4px rgba(0,0,0,0.05),0 8px 16px rgba(0,0,0,0.1),0 16px 32px rgba(0,0,0,0.15),0 24px 48px rgba(0,0,0,0.2)}[data-theme*='light'] .save-session-popup::before,[data-theme='solarized-light'] .save-session-popup::before,[data-theme='github-light'] .save-session-popup::before,[data-theme='pastel-light'] .save-session-popup::before,[data-theme='soft-light'] .save-session-popup::before,[data-theme='sepia'] .save-session-popup::before,[data-theme='pastel'] .save-session-popup::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.05);border-radius:12px;pointer-events:none;z-index:0}[data-theme*='light'] .save-session-popup>*,[data-theme='solarized-light'] .save-session-popup>*,[data-theme='github-light'] .save-session-popup>*,[data-theme='pastel-light'] .save-session-popup>*,[data-theme='soft-light'] .save-session-popup>*,[data-theme='sepia'] .save-session-popup>*,[data-theme='pastel'] .save-session-popup>*{position:relative;z-index:1}.save-session-popup .form-control,.save-session-popup select,.save-session-form select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary)}.save-session-popup .form-control::placeholder{color:var(--text-secondary);opacity:0.7}.save-session-popup .form-control:focus,.save-session-popup select:focus,.save-session-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.save-session-popup .popup-close{background:rgba(0,0,0,0.1) !important;color:#374151 !important}.save-session-popup .popup-close:hover{background:rgba(239,68,68,0.1) !important;color:#dc2626 !important}@media (max-width:768px){.timer-display{font-size:3rem}.bpm-value{font-size:2.5rem}.bpm-controls-minimal{gap:0.25rem}.bpm-btn{padding:0.5rem 0.75rem;font-size:0.8125rem}.metronome-options{grid-template-columns:1fr}.popup-body .form-row{grid-template-columns:1fr}.session-stats{gap:1rem}}@media (max-width:480px){.timer-display{font-size:2.5rem}.timer-control-btn{padding:0.625rem 1.5rem;min-width:100px;font-size:0.875rem}.mode-tabs{gap:0.125rem}.mode-tab{padding:0.625rem 0.5rem;font-size:0.8125rem}.tab-icon{font-size:1rem}.bpm-btn{padding:0.375rem 0.625rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';.fretboard-diagram{margin:30px 0;padding:20px;background:var(--bg-secondary);border-radius:8px;overflow-x:auto}.fretboard-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:var(--text-primary)}.fretboard-container{position:relative;min-width:600px;margin:0 auto}.fretboard{display:grid;grid-template-columns:50px repeat(12,1fr);gap:0;background:linear-gradient( 90deg,#8b6f47 0%,#a0845c 20%,#8b6f47 40%,#7d6142 60%,#8b6f47 80%,#a0845c 100% );border:3px solid #2a2a2a;border-radius:6px;padding:15px 0;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 4px 8px rgba(0,0,0,0.3);position:relative}.fretboard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient( 0deg,rgba(0,0,0,0.1) 0px,transparent 1px,transparent 2px,rgba(0,0,0,0.1) 3px );pointer-events:none}[data-theme*='dark'] .fretboard,.dark-mode .fretboard{background:linear-gradient( 90deg,#3a3025 0%,#4a3930 20%,#3a3025 40%,#332820 60%,#3a3025 80%,#4a3930 100% );border-color:#1a1a1a}.string-label{display:flex;align-items:center;justify-content:center;padding:0 10px;font-weight:700;font-size:0.9rem;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,0.2)}.fret-row{display:contents}.fret{position:relative;height:40px;border-right:2px solid #c0c0c0;background-image:linear-gradient( to bottom,transparent 11%,#999 11.5%,#999 13%,transparent 13.5%,transparent 28%,#999 28.5%,#999 30%,transparent 30.5%,transparent 45%,#999 45.5%,#999 47%,transparent 47.5%,transparent 53%,#999 53.5%,#999 55%,transparent 55.5%,transparent 70%,#999 70.5%,#999 72%,transparent 72.5%,transparent 87%,#999 87.5%,#999 89%,transparent 89.5% )}.fret:first-child{border-right:6px solid #f5f5dc;background:#f5f5dc;box-shadow:inset -2px 0 4px rgba(0,0,0,0.3)}.string-area{position:relative;height:40px;background:transparent}.fret.nut{background:#f5f5dc}.fret-number{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:0.8rem;color:var(--text-secondary)}.fret-marker{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#f0f0f0 0%,#d0d0d0 70%,#a0a0a0 100%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px rgba(255,255,255,0.5),inset 0 -1px 2px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2)}.note{position:absolute;width:26px;height:26px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;z-index:2;border:2px solid rgba(0,0,0,0.2)}.note.root{background:radial-gradient(circle at 30% 30%,#ff6b6b,#e74c3c);box-shadow:0 3px 6px rgba(0,0,0,0.4),inset 0 -2px 4px rgba(0,0,0,0.3),inset 0 2px 4px rgba(255,255,255,0.3)}.note.scale{background:radial-gradient(circle at 30% 30%,#5eb3f6,#3498db);box-shadow:0 3px 6px rgba(0,0,0,0.4),inset 0 -2px 4px rgba(0,0,0,0.3),inset 0 2px 4px rgba(255,255,255,0.3)}.note.pentatonic{background:radial-gradient(circle at 30% 30%,#4fdf83,#2ecc71);box-shadow:0 3px 6px rgba(0,0,0,0.4),inset 0 -2px 4px rgba(0,0,0,0.3),inset 0 2px 4px rgba(255,255,255,0.3)}.note.interval{font-size:0.7rem}.fretboard-legend{display:flex;gap:20px;margin-top:20px;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-secondary)}.legend-dot{width:20px;height:20px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.legend-dot.root{background:#e74c3c}.legend-dot.scale{background:#3498db}.legend-dot.pentatonic{background:#2ecc71}.scale-info{margin-top:15px;padding:15px;background:var(--bg-card);border-radius:6px;font-size:0.9rem;color:var(--text-secondary)}.scale-formula{margin-top:5px;font-family:monospace;color:var(--text-primary)}@media (max-width:768px){.fretboard-container{min-width:500px}.fretboard{grid-template-columns:30px repeat(12,1fr)}.note{width:20px;height:20px;font-size:0.7rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');.fretboard-diagram-v2{margin:30px 0;padding:20px;background:var(--bg-secondary);border-radius:8px}.fretboard-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.fretboard-wrapper{overflow-x:auto;margin-bottom:20px}.fretboard-container-v2{min-width:500px;max-width:800px;margin:0 auto}.fret-numbers-v2{display:flex;padding-left:20px;margin-bottom:5px}.fret-number-v2{flex:1;text-align:center;font-size:0.9rem;color:var(--text-secondary);font-weight:600}.fretboard-v2{position:relative;background:#f3e5c1;border:3px solid #2a2a2a;border-radius:4px;height:180px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.3)}[data-theme*='dark'] .fretboard-v2,.dark-mode .fretboard-v2{background:#3a2f1f;border-color:#1a1a1a}.frets-v2{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.fret-v2{flex:1;position:relative;border-right:3px solid #c0c0c0;background:linear-gradient( 135deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70% )}.fret-v2:last-child{border-right:none}.fret-v2.nut{flex:0 0 40px;background:#fffef0;border-right:6px solid #2a2a2a;box-shadow:2px 0 4px rgba(0,0,0,0.3)}.position-marker{position:absolute;width:20px;height:20px;background:radial-gradient(circle,#e0e0e0,#b0b0b0);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px rgba(255,255,255,0.5),inset 0 -1px 3px rgba(0,0,0,0.3)}.position-marker.double-marker::after{content:'';position:absolute;width:20px;height:20px;background:radial-gradient(circle,#e0e0e0,#b0b0b0);border-radius:50%;top:-40px;left:0;box-shadow:inset 0 1px 3px rgba(255,255,255,0.5),inset 0 -1px 3px rgba(0,0,0,0.3)}.strings-v2{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.string-v2{position:absolute;left:0;right:0;height:2px;background:linear-gradient(to bottom,#888,#666);box-shadow:0 1px 2px rgba(0,0,0,0.5)}.string-v2[data-string='0']{top:10%}.string-v2[data-string='1']{top:26%}.string-v2[data-string='2']{top:42%}.string-v2[data-string='3']{top:58%}.string-v2[data-string='4']{top:74%}.string-v2[data-string='5']{top:90%}.string-v2[data-string='3'],.string-v2[data-string='4'],.string-v2[data-string='5']{height:3px}.string-v2[data-string='5']{height:4px}.notes-v2{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.note-v2{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem;color:white;border:2px solid rgba(0,0,0,0.3);box-shadow:0 3px 6px rgba(0,0,0,0.4)}.note-v2.root{background:radial-gradient(circle at 30% 30%,#ff6b6b,#d32f2f);z-index:2}.note-v2.scale{background:radial-gradient(circle at 30% 30%,#4a4a4a,#2a2a2a)}.fretboard-legend-v2{display:flex;justify-content:center;gap:30px;margin:20px 0}.fretboard-legend-v2 .legend-item{display:flex;align-items:center;gap:10px}.legend-dot-v2{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.8rem;color:white;border:2px solid rgba(0,0,0,0.3)}.legend-dot-v2.root{background:radial-gradient(circle at 30% 30%,#ff6b6b,#d32f2f)}.legend-dot-v2.scale{background:radial-gradient(circle at 30% 30%,#4a4a4a,#2a2a2a)}.scale-info-v2{background:var(--bg-card);padding:15px;border-radius:6px;font-size:0.9rem}.scale-info-v2 div{margin:5px 0}@media (max-width:768px){.fretboard-container-v2{min-width:400px}.fretboard-v2{height:150px}.note-v2{width:24px;height:24px;font-size:0.8rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');.fretboard-simple{margin:30px 0;padding:20px;background:var(--bg-secondary);border-radius:8px}.fretboard-simple .fretboard-title{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.fretboard-container-simple{max-width:400px;margin:0 auto}.fret-numbers-simple{display:grid;grid-template-columns:30px repeat(3,1fr);gap:0;margin-bottom:5px;padding-left:30px}.fret-numbers-simple span{text-align:center;font-size:0.9rem;color:var(--text-secondary);font-weight:600}.fretboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;background:#f5f5f5;border:2px solid #333;margin-left:30px}[data-theme*='dark'] .fretboard-grid,.dark-mode .fretboard-grid{background:#2a2a2a;border-color:#555}.fret-cell{position:relative;aspect-ratio:1;border-right:2px solid #999;border-bottom:1px solid #666;display:flex;align-items:center;justify-content:center}.fret-cell:nth-child(4n){border-right:none}.fret-cell.open-string{background:#e0e0e0;border-right:4px solid #333}[data-theme*='dark'] .fret-cell.open-string,.dark-mode .fret-cell.open-string{background:#3a3a3a;border-right-color:#666}.note{width:24px;height:24px;border-radius:50%;position:absolute}.note.root{background:#e74c3c;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.note.scale{background:#2c3e50;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.string-labels-simple{display:grid;grid-template-rows:repeat(6,1fr);position:absolute;left:0;top:0;bottom:0;width:30px;align-items:center;margin-top:30px}.string-labels-simple span{text-align:center;font-weight:700;font-size:0.9rem;color:var(--text-primary)}.fretboard-legend-simple{display:flex;justify-content:center;gap:30px;margin-top:20px;font-size:0.9rem}.fretboard-legend-simple .legend-item{display:flex;align-items:center;gap:8px}.fretboard-legend-simple .dot{display:inline-block;width:20px;height:20px;border-radius:50%}.fretboard-legend-simple .dot.root{background:#e74c3c}.fretboard-legend-simple .dot.scale{background:#2c3e50}@media (max-width:480px){.fretboard-container-simple{max-width:320px}.note{width:20px;height:20px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');.fretboard-notes{margin:30px 0;padding:20px;background:var(--bg-secondary);border-radius:8px}.fretboard-notes .fretboard-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.fretboard-wrapper-notes{display:flex;gap:5px;max-width:900px;margin:0 auto;overflow-x:auto}.string-labels-notes{display:flex;flex-direction:column;justify-content:space-around;padding:30px 0 10px 0;min-width:30px}.string-label-note{height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--text-primary)}.fretboard-main{flex:1}.fret-numbers-notes{display:flex;padding-bottom:5px}.fret-num{flex:1;text-align:center;font-size:0.9rem;font-weight:600;color:var(--text-secondary);min-width:60px}.fretboard-body-notes{background:#fffcf0;border:2px solid #333;border-radius:4px;position:relative}[data-theme*='dark'] .fretboard-body-notes,.dark-mode .fretboard-body-notes{background:#2a2820;border-color:#555}.string-row{display:flex;height:40px;position:relative}.string-row:not(:last-child){border-bottom:1px solid #888}.string-row::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#666;z-index:1}.fret-cell-notes{flex:1;min-width:60px;position:relative;display:flex;align-items:center;justify-content:center;border-right:2px solid #aaa}.fret-cell-notes:last-child{border-right:none}.fret-cell-notes.open{background:#e8e8e8;border-right:4px solid #333}[data-theme*='dark'] .fret-cell-notes.open,.dark-mode .fret-cell-notes.open{background:#3a3a3a;border-right-color:#666}.note-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;z-index:2;position:relative;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.note-circle.root{background:#e74c3c;color:white}.note-circle.scale{background:#2c3e50;color:white}.legend-notes{display:flex;justify-content:center;gap:30px;margin-top:20px;font-size:0.9rem}.legend-notes span{display:flex;align-items:center;gap:8px}.legend-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:0.8rem}.legend-dot.root{background:#e74c3c;color:white}.legend-dot.scale{background:#2c3e50;color:white}.fretboard-body-notes::before{content:'';position:absolute;bottom:-25px;left:0;right:0;height:20px;display:flex;align-items:center;justify-content:space-around}.fret-cell-notes:nth-child(3)::after,.fret-cell-notes:nth-child(5)::after{content:'';position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#999;border-radius:50%}@media (max-width:768px){.fret-cell-notes{min-width:50px}.note-circle{width:28px;height:28px;font-size:0.8rem}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');.c-major-fretboard{padding:20px;background:#f5f5f5;border-radius:8px;margin:20px 0}.c-major-fretboard h3{margin:0 0 20px 0;text-align:center;font-size:1.4rem}.fretboard-container{display:flex;overflow-x:auto;background:white;border:1px solid #ccc;border-radius:4px;padding:10px}.string-names{display:flex;flex-direction:column;justify-content:space-around;padding-right:10px;font-weight:bold;min-width:30px}.string-names div{height:50px;display:flex;align-items:center}.fretboard{flex:1}.fret-numbers{display:flex;margin-bottom:5px}.fret-numbers div{width:70px;text-align:center;font-size:0.9rem;color:#666}.fret-numbers div:first-child{width:50px}.string{display:flex;height:50px;position:relative;border-bottom:1px solid #ddd}.string:last-child{border-bottom:none}.string::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#999;z-index:1}.fret{width:70px;position:relative;border-right:2px solid #ccc;display:flex;align-items:center;justify-content:center}.fret.open{width:50px;background:#e0e0e0;border-right:4px solid #333}.note{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem;color:white;z-index:2;position:relative}.note.root{background:#e74c3c}.note.scale{background:#2c3e50}.legend{display:flex;justify-content:center;gap:30px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px}.dot{width:24px;height:24px;border-radius:50%;display:inline-block}.dot.root{background:#e74c3c}.dot.scale{background:#2c3e50}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:var(--space-xl)}.auth-container{width:100%;max-width:450px}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-2xl)}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header .subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.auth-tabs{display:flex;margin-bottom:var(--space-xl);background:var(--bg-input);border-radius:var(--radius-lg);padding:4px}.auth-tab{flex:1;padding:var(--space-sm) var(--space-lg);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-weight:500;color:var(--text-secondary)}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.auth-form{display:none}.auth-form.active{display:block}.auth-form .form-group{margin-bottom:var(--space-lg)}.auth-form .btn-full{margin-top:var(--space-xl)}.demo-info{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border)}.demo-info p{margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.demo-credentials{background:var(--bg-card);padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);cursor:pointer;transition:var(--transition-base);margin-bottom:var(--space-md)}.demo-credentials:hover{background:var(--primary);color:white}.device-note{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.device-note ul{margin-top:var(--space-sm);padding-left:var(--space-lg);list-style:disc}.device-note li{margin-bottom:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.social-login{margin-top:var(--space-xl)}.social-divider{display:flex;align-items:center;margin:var(--space-xl) 0}.social-divider::before,.social-divider::after{content:'';flex:1;height:1px;background:var(--border)}.social-divider span{padding:0 var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}.social-buttons{display:flex;gap:var(--space-md)}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-weight:500}.social-btn:hover{background:var(--bg-card);border-color:var(--primary)}.social-icon{width:20px;height:20px}.auth-footer{margin-top:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary);text-decoration:underline}@media (max-width:768px){.auth-page{padding:var(--space-md)}.auth-card{padding:var(--space-xl)}.auth-header h1{font-size:var(--text-2xl)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:20px}.auth-container{width:100%;max-width:450px}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-2xl);border:1px solid var(--border)}.auth-card h1{text-align:center;color:var(--primary);margin-bottom:10px;font-size:2rem}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px}.auth-tabs{display:flex;margin-bottom:30px;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all 0.2s ease;border-bottom:2px solid transparent}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.auth-form{display:flex;flex-direction:column;gap:20px}.btn-block{width:100%}.auth-link{text-align:center;color:var(--primary);text-decoration:none;font-size:0.875rem}.auth-link:hover{text-decoration:underline}.demo-section{margin-top:30px}.divider{text-align:center;color:var(--text-secondary);margin:20px 0;position:relative}.divider::before,.divider::after{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.divider::before{left:0}.divider::after{right:0}.auth-status{margin-top:20px;padding:12px;border-radius:var(--radius-md);text-align:center;display:none}.auth-status.info{background:var(--info-bg);color:var(--info);border:1px solid var(--info)}.auth-status.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.auth-status.error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.sync-info{margin-top:30px;padding:20px;background:var(--bg-input);border-radius:var(--radius-lg);font-size:0.875rem}.sync-info h4{margin-bottom:10px;color:var(--primary)}.sync-info ul{margin:0;padding-left:20px;color:var(--text-secondary)}.sync-info li{margin-bottom:5px}.cloud-status{padding:15px;background:var(--bg-input);border-radius:var(--radius-lg);margin-bottom:20px}.sync-indicator{display:flex;align-items:center;gap:10px}.sync-icon{font-size:1.5rem;animation:rotate 2s linear infinite}.sync-icon.paused{animation-play-state:paused}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cloud-status.online{border:1px solid var(--success)}.cloud-status.offline{border:1px solid var(--danger)}.sync-success{color:var(--success)}.sync-error{color:var(--danger)}.sync-progress{color:var(--warning)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');*{box-sizing:border-box}.dashboard-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);overflow:hidden;padding-top:56px}.top-navigation{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;padding:0.25rem 0}.nav-container{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem;max-width:1000px;margin:0 auto}.top-nav-item{display:flex;flex-direction:column;align-items:center;gap:0.125rem;padding:0.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s;position:relative}.top-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.top-nav-item.active{color:var(--primary);background:rgba(99,102,241,0.1)}.top-nav-item.active::after{content:'';position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary);border-radius:3px}.nav-icon{font-size:1.125rem}.nav-label{font-size:0.7rem;font-weight:500}.main-content-new,.main-content{flex:1;overflow-y:auto;padding:2rem 0}.tab-content-container,.tab-content{max-width:1200px;margin:0 auto;padding:0 2rem}.tab-pane{display:none;animation:fadeIn 0.3s ease}.tab-pane.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.practice-layout-simple{max-width:800px;margin:0 auto;width:100%;padding:0 2rem;display:flex;flex-direction:column;gap:2rem}.practice-bottom-widgets{display:flex;flex-direction:column;gap:1.5rem;width:100%}.practice-page-layout{display:grid;grid-template-columns:1fr 280px;gap:0.75rem;height:100%;padding:0.5rem}.practice-sidebar{display:flex;flex-direction:column;gap:0.5rem}.welcome-section{text-align:center;padding:3rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.welcome-section h2{font-size:2rem;margin-bottom:0.5rem;color:var(--text-primary)}.welcome-section p{color:var(--text-secondary);margin-bottom:2rem}.dashboard-widget{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:1.5rem;transition:all 0.3s ease;overflow:hidden}.dashboard-widget.compact{padding:1.25rem;display:flex;flex-direction:column;min-height:150px}.dashboard-widget.compact .widget-title{margin-bottom:0;flex-shrink:0}.dashboard-widget.compact #quickStats{flex:1;display:flex;align-items:center;justify-content:center}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.widget-action{padding:0.375rem 0.75rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:0.813rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.widget-action:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary)}.recent-sessions-widget{max-height:300px;overflow-y:auto}.recent-sessions-widget.compact{max-height:200px}.recent-session-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background:var(--bg-secondary);border-radius:6px;transition:all 0.2s;font-size:0.875rem;margin-bottom:0.5rem}.recent-session-item:hover{background:var(--bg-hover)}.session-icon{font-size:1.25rem}.session-details{flex:1}.session-title{font-weight:500;color:var(--text-primary);font-size:0.875rem}.session-meta{font-size:0.75rem;color:var(--text-secondary)}.session-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.session-date{color:var(--text-secondary);font-size:0.875rem}.session-duration{color:var(--primary);font-weight:600}.session-notes{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-size:0.875rem;color:var(--text-secondary);font-style:italic}#quickStats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.quick-stat{text-align:center;padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-md)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.stats-grid,.stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:800px;margin:0 auto}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all 0.2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stats-mini-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:0.5rem}.stat-mini{text-align:center}.stat-mini .stat-value{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:0}.stat-mini .stat-label{font-size:0.75rem;color:var(--text-secondary)}.practice-tips{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:white;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.practice-tip{display:flex;align-items:center;gap:var(--space-md)}.tip-icon{font-size:var(--text-2xl)}.tip-text{flex:1}.tip-title{font-weight:600;margin-bottom:var(--space-xs)}.tip-description{font-size:var(--text-sm);opacity:0.9}.practice-tips-widget{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border-radius:8px;padding:0.75rem}.practice-tips-widget h4{margin:0 0 0.25rem 0;font-size:0.8125rem;font-weight:600}.practice-tips-widget p{margin:0;font-size:0.75rem;line-height:1.4}.timer-section{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);margin-bottom:var(--space-lg)}.unified-timer-display{font-size:2.25rem;font-weight:300;font-family:'SF Mono','Monaco','Inconsolata',monospace;color:var(--primary);margin-bottom:0.5rem;letter-spacing:0.05em}.timer-controls{display:flex;gap:0.5rem;justify-content:center;margin-bottom:0.5rem}.timer-controls .btn{padding:0.5rem 1rem;font-size:0.875rem}.timer-controls .btn-icon{font-size:1rem}.sync-metronome-label{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.8125rem;color:var(--text-secondary);cursor:pointer}.sync-metronome-label input[type='checkbox']{width:16px;height:16px;cursor:pointer}.mode-selection{display:flex;gap:0.5rem;padding:0.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);margin-bottom:1.5rem}.mode-btn{flex:1;padding:0.5rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem}.mode-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mode-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.mode-icon{font-size:1.25rem}.mode-text{font-size:0.875rem;font-weight:500}.mode-panel{display:none;animation:fadeIn 0.3s ease}.mode-panel.active{display:block}.practice-form-section{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);padding:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.practice-form-section h3{font-size:1rem;margin-bottom:0.75rem;color:var(--text-primary)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-secondary);font-size:0.875rem}.form-control,.form-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all 0.2s}.form-control:disabled{opacity:0.6;cursor:not-allowed}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}textarea.form-control{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);cursor:pointer}.checkbox-label input[type='checkbox']{width:18px;height:18px;cursor:pointer}.checkbox-label span{user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-sm{padding:0.375rem 0.75rem;font-size:0.8125rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;display:inline-flex;align-items:center;gap:0.5rem}.btn-icon{background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all 0.2s ease;font-size:1rem;line-height:1;color:var(--text-secondary)}.delete-session-btn{opacity:0.5}.history-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{color:var(--danger);background:rgba(239,68,68,0.1);transform:scale(1.1)}.delete-session-btn:disabled{cursor:not-allowed;opacity:0.5}.audio-upload-section,.youtube-input-section{padding:1rem;background:var(--bg-secondary);border-radius:6px;text-align:center;border:2px dashed var(--border);margin-bottom:1rem}.upload-hint{font-size:0.75rem;color:var(--text-secondary);margin-top:0.5rem}.youtube-input{flex:1;padding:0.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:0.5rem;width:100%}.log-practice-section{background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden;transition:all 0.3s ease}.log-practice-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);cursor:pointer;user-select:none;min-height:60px}.log-practice-header:hover{background:rgba(255,255,255,0.02)}.log-practice-title{display:flex;align-items:center;gap:var(--space-md)}.log-practice-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.log-practice-title .icon{font-size:1.25rem;display:flex;align-items:center}.collapse-icon{font-size:1rem;color:var(--text-secondary);transition:transform 0.3s ease;display:flex;align-items:center}.log-practice-section:not(.collapsed) .collapse-icon{transform:rotate(90deg)}.log-practice-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.log-practice-section:not(.collapsed) .log-practice-content{max-height:1000px;padding:0 var(--space-lg) var(--space-lg)}.goals-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.stats-layout{display:grid;gap:var(--space-xl);max-width:800px;margin:0 auto;padding:2rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.admin-panel{display:none}.admin-panel.active{display:block}.history-layout{max-width:1000px;margin:0 auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.history-header h2{margin:0}.history-filters{display:flex;gap:var(--space-md)}.filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.history-list{max-height:600px;overflow-y:auto}.history-month-group{margin-bottom:var(--space-2xl)}.history-month-header{font-size:var(--text-xl);margin-bottom:var(--space-lg);color:var(--primary)}.history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all 0.2s ease;position:relative}.history-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.history-item-header h4{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.history-date{font-size:var(--text-sm);color:var(--text-secondary)}.history-item-details{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-sm)}.history-item-details span{display:inline-flex;align-items:center;gap:var(--space-xs)}.history-duration{color:var(--primary);font-weight:600}.history-tempo,.history-key,.history-audio{color:var(--text-secondary)}.history-notes{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.history-item-actions{display:flex;align-items:center;gap:var(--space-md)}.settings-layout{max-width:800px;margin:0 auto}.settings-section{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border:1px solid var(--border)}.settings-section h3{margin-bottom:var(--space-lg);color:var(--text-primary)}.settings-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.storage-indicator{margin-bottom:var(--space-lg)}.storage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.storage-bar{background:var(--bg-input);height:8px;border-radius:var(--radius-full);overflow:hidden}.storage-bar-fill{height:100%;background:var(--primary);transition:width 0.3s ease}.storage-percentage{font-weight:600}.about-info{font-size:var(--text-sm)}.about-info p{margin:var(--space-sm) 0}.unified-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn 0.2s ease}.unified-popup{background:var(--bg-primary);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.popup-header h2{margin:0;font-size:1.5rem}.popup-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:8px;transition:all 0.2s}.popup-close:hover{background:var(--bg-hover);color:var(--text-primary)}.popup-content{flex:1;overflow-y:auto;padding:2rem}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-xl);font-style:italic}.audio-player-wrapper{padding:var(--space-lg)}.metronome-wrapper{padding:var(--space-lg)}.fab{display:none}.app-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:9999}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#error-message{max-width:90%;margin:0 auto;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,0.3)}#error-message strong{color:var(--danger);display:block;margin-bottom:1rem;font-size:1.2rem}#error-message button{margin:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all 0.2s ease}#error-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}@media (max-width:640px){.practice-page-layout{grid-template-columns:1fr;gap:0.5rem;padding:0.5rem}.practice-sidebar{order:2}.app-header{padding:0.375rem 0.5rem}.header-tab-name{font-size:1.125rem}.header-status{display:none}.nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-container::-webkit-scrollbar{display:none}.top-nav-item{padding:0.375rem 0.75rem;white-space:nowrap}.nav-icon{font-size:1rem}.nav-label{font-size:0.625rem}.unified-timer-display{font-size:1.75rem}.timer-controls{gap:0.375rem}.timer-controls .btn{padding:0.375rem 0.75rem;font-size:0.8125rem}.mode-btn{padding:0.375rem;font-size:0.8125rem}.mode-icon{font-size:1rem}.mode-text{font-size:0.75rem}.form-row{grid-template-columns:1fr}.dashboard-widget{padding:0.5rem}.widget-title{font-size:0.8125rem}.stats-mini-grid{grid-template-columns:1fr;gap:0.375rem;padding:0.375rem}.stat-mini .stat-value{font-size:0.875rem}.practice-tips-widget{padding:0.5rem}.practice-tips-widget h4{font-size:0.75rem}.practice-tips-widget p{font-size:0.7rem}}@media (max-width:768px){.header-container{padding:0.5rem}.header-tab-name{font-size:1.25rem}.header-status{font-size:0.75rem;padding:0.25rem 0.75rem}.nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-container::-webkit-scrollbar{display:none}.top-nav-item{padding:0.5rem 1rem}.main-content-new,.main-content{padding:1rem}.stats-grid,.stats-panel{grid-template-columns:1fr}.modal-content,.unified-popup{width:100%;height:100%;max-width:none;max-height:100vh;border-radius:0;margin:0}.form-row{grid-template-columns:1fr}.practice-page-layout{grid-template-columns:1fr}.practice-sidebar{order:-1}.stats-mini-grid{grid-template-columns:1fr;gap:0.5rem}.tab-content-container,.tab-content{padding:1rem}.dashboard-widget{padding:1rem}.widget-title{font-size:1rem}.history-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.history-filters{width:100%;flex-direction:column}.filter-select{width:100%}#quickStats{grid-template-columns:1fr}.goals-layout{grid-template-columns:1fr}.fab{display:flex}.main-content .menu-toggle{display:block}}@media (max-width:992px){.goals-layout{grid-template-columns:1fr}}@media (max-width:768px){.modal{padding:0}.modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column}.modal-header{flex-shrink:0;padding:1rem;position:sticky;top:0;z-index:10;background:var(--bg-card)}.modal-body{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.modal-footer{flex-shrink:0;padding:1rem;position:sticky;bottom:0;background:var(--bg-card);border-top:1px solid var(--border)}#goalModal .modal-content{padding:1rem !important;min-height:auto}.goal-input-row{flex-direction:column;gap:0.75rem}.goal-area-select,.goal-minutes-input{width:100%;flex:none}.modal-actions{flex-direction:column;gap:0.5rem}.modal-actions .btn{width:100%}.add-song-modal .modal-content{height:auto;max-height:95vh}.practice-form-section{padding:0.75rem}.unified-popup{position:fixed;top:0;left:0;right:0;bottom:0}.popup-header{padding:1rem}.popup-content{padding:1rem}}@media (max-width:480px){.modal-header h2,.popup-header h2{font-size:1.125rem}.modal-body,.popup-content{padding:0.75rem}.form-control,.form-select,input[type='text'],input[type='number'],select,textarea{font-size:16px;padding:0.625rem}.btn{width:100%;padding:0.625rem 1rem}.btn-group{display:flex;flex-direction:column;gap:0.5rem}}@media (max-height:600px) and (orientation:landscape){.modal-content{max-height:100vh;overflow:hidden}.modal-header{padding:0.5rem 1rem}.modal-body{overflow-y:auto;max-height:calc(100vh - 8rem)}.unified-timer-display{font-size:1.5rem}.header-tab-name{font-size:1rem}}@keyframes dashboardLoad{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-pane.active{animation:dashboardLoad 0.4s ease}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');.calendar-page{max-width:1200px;margin:0 auto;padding:var(--space-xl)}#calendarContainer{max-width:1000px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.calendar-navigation{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:var(--transition-base)}.nav-btn:hover{background:var(--bg-input);transform:translateY(-2px)}#currentMonth{font-size:var(--text-2xl);font-weight:600;min-width:200px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2px;margin-bottom:var(--space-xl)}.calendar-day-header{background:var(--bg-card);padding:var(--space-sm);text-align:center;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm);height:40px;display:flex;align-items:center;justify-content:center}.calendar-day{background:var(--bg-card);aspect-ratio:1;position:relative;cursor:pointer;transition:all 0.2s ease;min-height:60px;padding:0;box-sizing:border-box;display:block}.calendar-day:hover{background:var(--bg-input);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10}.calendar-day.empty{background:var(--bg-dark);cursor:default}.calendar-day.empty:hover{background:var(--bg-dark);transform:none;box-shadow:none}.calendar-day.today{border:2px solid var(--primary)}.calendar-day.has-practice{background:var(--bg-input)}.calendar-day-number{position:absolute;top:4px;left:4px;font-size:0.7rem;color:var(--text-secondary);font-weight:400;z-index:1;margin:0;padding:0;line-height:1}.minutes-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--accent,var(--primary));color:var(--accent-foreground,var(--primary-foreground,white));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.65rem;z-index:3;box-shadow:0 2px 4px var(--shadow-color,rgba(0,0,0,0.1))}.calendar-day.today .minutes-circle{background:var(--success)}.calendar-day:hover .minutes-circle{transform:translate(-50%,-50%) scale(1.1)}.practice-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.progress-circle{position:absolute;top:0;left:0;z-index:1}.practice-minutes{position:relative;z-index:2;font-weight:bold;font-size:14px;color:var(--text-primary)}.calendar-quadrants{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;border-radius:4px;overflow:hidden;z-index:2}.calendar-quadrant{background:var(--bg-input);transition:all 0.3s ease}.calendar-quadrant.completed{background:var(--primary) !important;opacity:0.8}.calendar-quadrant.partial{opacity:0.6}.session-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:1000;max-width:400px;max-height:80vh;overflow-y:auto;animation:popupFadeIn 0.2s ease}@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.session-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-popup-header h4{margin:0;font-size:1.125rem;color:var(--text-primary)}.session-popup-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.2s ease}.session-popup-close:hover{background:var(--bg-input);color:var(--text-primary)}.session-list{display:flex;flex-direction:column;gap:0.75rem}.session-item{background:var(--bg-input);padding:0.75rem;border-radius:var(--radius-md);border:1px solid var(--border);transition:all 0.2s ease}.session-item:hover{border-color:var(--primary)}.session-time{font-weight:600;color:var(--primary);margin-bottom:0.25rem}.session-area{color:var(--text-primary);margin-bottom:0.25rem}.session-details{font-size:0.875rem;color:var(--text-secondary);line-height:1.4}.calendar-legend{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.legend-box{width:16px;height:16px;border-radius:var(--radius-sm)}.calendar-stats{margin:40px auto;max-width:640px}.stats-headers{display:flex;gap:20px;margin-bottom:16px;justify-content:center}.stat-header-title{flex:1;max-width:300px;text-align:center;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em}.stats-boxes{display:flex;gap:20px;justify-content:center}.stat-box{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:300px;text-align:center;transition:all 0.2s ease}.stat-box:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.stat-header{margin-bottom:24px}.stat-header h3{margin:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:0.08em;text-transform:uppercase;opacity:0.7}.stat-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.stat-item{text-align:center}.stat-value{font-family:inherit;font-size:36px;font-weight:600;color:var(--text-primary);line-height:1;margin-bottom:8px}.stat-sublabel{font-family:inherit;font-size:14px;font-weight:400;color:var(--text-secondary);opacity:0.6}.stat-time{display:flex;align-items:baseline;justify-content:center;gap:4px}.stat-time .stat-value{font-family:inherit;font-size:36px;font-weight:600;margin-bottom:8px}.stat-label{font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.08em;opacity:0.7}.stat-days-section{margin-bottom:8px}.stat-days-value{font-size:48px;font-weight:700;color:var(--primary);margin-right:8px}.stat-days-label{font-size:24px;color:var(--text-secondary);font-weight:400}.stat-practiced-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:24px;opacity:0.7}.stat-time-section{margin-top:20px}.stat-time-value{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.stat-total-time-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;opacity:0.7}@media (max-width:768px){.calendar-stats{margin:24px 16px}.stats-headers,.stats-boxes{flex-direction:column;gap:16px}.stat-header-title,.stat-box{max-width:none;width:100%}.stat-box{padding:24px}.stat-days-value{font-size:36px}.stat-days-label{font-size:20px}.stat-time-value{font-size:28px}.stat-grid{gap:32px}.stat-value,.stat-time .stat-value{font-size:32px}}.streak-display{text-align:center;margin-bottom:var(--space-xl)}.streak-display h3{margin-bottom:var(--space-lg);font-size:var(--text-xl);color:var(--text-primary)}.badges{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);max-width:800px;margin:0 auto}.badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all 0.3s ease;opacity:0.3;min-width:80px;cursor:default}.badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge.earned{border-color:var(--primary);background:var(--bg-input);opacity:1}.badge.earned:hover{border-color:var(--success);background:rgba(16,185,129,0.1)}.badge-icon{font-size:var(--text-2xl)}.badge-label{font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.3;white-space:pre-line}.calendar-actions{display:flex;gap:1rem}.day-summary{display:flex;justify-content:space-around;padding:var(--space-lg);background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.summary-stat{text-align:center}.goal-progress-section{margin-bottom:var(--space-xl)}.goal-progress-grid{display:grid;gap:var(--space-md)}.goal-progress-item{background:var(--bg-input);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border)}.goal-progress-item.completed{border-color:var(--success)}.goal-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.goal-area{font-weight:600;color:var(--text-primary)}.goal-percentage{color:var(--primary);font-weight:600}.goal-progress-text{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-md)}.session-detail{background:var(--bg-input);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border)}.session-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.session-duration{color:var(--primary);font-weight:600}.session-info{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.session-notes{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}#dayDetailModal{z-index:999999}@media (max-width:1400px){.badges{grid-template-columns:repeat(6,1fr);max-width:800px}}@media (max-width:1024px){.badges{grid-template-columns:repeat(3,1fr);max-width:450px}}@media (max-width:768px){.calendar-stats{grid-template-columns:1fr}.stat-card{padding:var(--space-md)}.stat-grid{gap:var(--space-lg)}.stat-value{font-size:var(--text-2xl)}.calendar-grid{gap:1px;padding:1px}.calendar-day{min-height:60px}.minutes-circle{width:28px;height:28px;font-size:0.65rem}.calendar-quadrants{width:20px;height:20px}.calendar-day-number{font-size:0.65rem}.session-popup{max-width:90vw;left:5vw !important;right:5vw !important}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-actions{width:100%}.calendar-actions .btn{flex:1}.badges{grid-template-columns:repeat(2,1fr);max-width:300px;gap:var(--space-sm)}.badge{min-width:auto;padding:var(--space-sm)}.badge-icon{font-size:var(--text-lg)}.badge-label{font-size:0.75rem}}.learning-badge{position:absolute;bottom:4px;left:4px;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:3}@media (max-width:768px){.learning-badge{width:20px;height:20px;font-size:12px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');.settings-page{max-width:800px;margin:0 auto;padding:var(--space-xl)}.settings-header{margin-bottom:var(--space-2xl)}.settings-header h2{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.settings-section h3{margin:0 0 var(--space-lg) 0;font-size:var(--text-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.settings-content{display:flex;flex-direction:column;gap:var(--space-md)}.setting-item{display:flex;flex-direction:column;gap:var(--space-sm)}.setting-item label{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:var(--space-sm)}.setting-item input[type='checkbox']{width:18px;height:18px;accent-color:var(--primary)}.setting-item input[type='number'],.setting-item input[type='time'],.setting-item select{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);max-width:200px}.data-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.data-stats{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-md)}.data-stats p{margin:0;color:var(--text-secondary)}.about-links{display:flex;gap:var(--space-lg);margin-top:var(--space-md)}.about-links a{color:var(--primary);text-decoration:none;transition:opacity 0.2s ease}.about-links a:hover{opacity:0.8;text-decoration:underline}@media (max-width:768px){.settings-page{padding:var(--space-lg)}.settings-section{padding:var(--space-lg)}.data-actions{flex-direction:column}.data-actions .btn{width:100%}.about-links{flex-direction:column;gap:var(--space-sm)}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');.learning-page{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-primary)}.learning-page input[type='checkbox']{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;width:20px !important;height:20px !important;background:#ffffff !important;border:2px solid #ffffff !important;border-radius:4px !important;cursor:pointer !important;position:relative !important;display:inline-block !important;margin-right:0.75rem !important;transition:all 0.2s ease !important}.learning-page input[type='checkbox']:hover{border-color:#6366f1 !important;background:#e0e7ff !important}.learning-page input[type='checkbox']:checked{background:#6366f1 !important;border-color:#6366f1 !important}.learning-page input[type='checkbox']:checked::after{content:'✓' !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;color:white !important;font-size:14px !important;font-weight:bold !important}[data-theme*='light'] .learning-page input[type='checkbox']{background:#374151 !important;border:2px solid #374151 !important}[data-theme*='light'] .learning-page input[type='checkbox']:hover{background:#4b5563 !important;border-color:#6366f1 !important}[data-theme*='light'] .learning-page input[type='checkbox']:checked::after{color:white !important}.learning-header{text-align:center;margin-bottom:3rem}.learning-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:0.5rem}.learning-header p{font-size:1.125rem;color:var(--text-secondary)}.questionnaire-container{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto;color:var(--text-primary)}.questionnaire-container *{color:inherit}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;transition:width 0.3s ease}.question-content{min-height:400px;margin-bottom:2rem}.step-content h2{font-size:1.75rem;margin-bottom:0.5rem;color:var(--text-primary)}.step-content p{color:var(--text-secondary);margin-bottom:2rem}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.goal-card{background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.goal-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.goal-card.selected{border-color:var(--primary);background:rgba(99,102,241,0.1)}.goal-icon{font-size:2rem;margin-bottom:0.5rem}.goal-card h3{font-size:1rem;margin-bottom:0.25rem;color:var(--text-primary)}.goal-card p{font-size:0.875rem;color:var(--text-secondary);margin:0}.interests-grid{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.genre-tag{padding:0.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:0.875rem;cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.genre-tag:hover{border-color:var(--primary);transform:translateY(-1px)}.genre-tag.selected{background:var(--primary);color:white;border-color:var(--primary)}.artists-input{space-y:1rem}.artist-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;min-height:40px}.artist-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;background:var(--primary);color:white;border-radius:16px;font-size:0.875rem}.remove-tag{background:none;border:none;color:white;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.artist-suggestions{margin-top:2rem}.suggestion-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.suggestion-tag{padding:0.375rem 0.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;font-size:0.813rem;cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.suggestion-tag:hover{background:var(--bg-tertiary);border-color:var(--primary)}.ability-form{space-y:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--text-primary)}.form-select,.form-input,.form-textarea{width:100%;padding:0.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.skill-checkboxes{display:flex;flex-direction:column;gap:0.75rem}.checkbox-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;padding:0.75rem 1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:all 0.2s ease}.checkbox-label input[type='checkbox']{width:20px;height:20px;margin-right:0.75rem;cursor:pointer;flex-shrink:0;-webkit-appearance:none;appearance:none;background:var(--bg-input);border:2px solid var(--border);border-radius:4px;position:relative;transition:all 0.2s ease}.checkbox-label input[type='checkbox']:checked{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type='checkbox']:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:14px;font-weight:bold}.checkbox-label input[type='checkbox']:hover{border-color:var(--primary);background:rgba(99,102,241,0.1)}[data-theme*='dark'] .checkbox-label input[type='checkbox']{-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);border-radius:4px;position:relative}[data-theme*='dark'] .checkbox-label input[type='checkbox']:checked{background:var(--primary);border-color:var(--primary)}[data-theme*='dark'] .checkbox-label input[type='checkbox']:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:14px;font-weight:bold}.checkbox-label{font-size:1rem;line-height:1.5;user-select:none}.checkbox-label:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-1px)}.checkbox-label:has(input:checked){background:rgba(99,102,241,0.1);border-color:var(--primary)}.assessment-section{display:grid;gap:1.5rem}.drill-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border);color:var(--text-primary)}.drill-card h3{font-size:1.125rem;margin-bottom:0.5rem;color:var(--text-primary)}.drill-card p{color:var(--text-secondary);margin-bottom:1rem}.tempo-test{space-y:0.5rem}.tempo-input{display:flex;align-items:center;gap:1rem}.tempo-input input[type='range']{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none}.tempo-display{min-width:80px;text-align:center;font-weight:600;color:var(--primary)}.count-input{display:flex;align-items:center;gap:1rem}.count-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);font-size:1.25rem;cursor:pointer;transition:all 0.2s ease}.count-btn:hover{background:var(--bg-hover)}.count-input input[type='number']{width:80px;text-align:center;font-size:1.25rem;font-weight:600}.position-selector{display:flex;gap:0.75rem}.position-checkbox{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.position-checkbox input[type='checkbox']{width:24px;height:24px}.position-checkbox span{font-size:0.813rem;color:var(--text-secondary)}.schedule-form{space-y:1.5rem}.frequency-selector,.duration-selector{display:flex;flex-wrap:wrap;gap:0.5rem}.frequency-btn,.duration-btn{padding:0.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.frequency-btn:hover,.duration-btn:hover{border-color:var(--primary)}.frequency-btn.selected,.duration-btn.selected{background:var(--primary);color:white;border-color:var(--primary)}.time-preferences{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.equipment-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-primary)}.equipment-item:hover{border-color:var(--primary)}.equipment-item input[type='checkbox']{width:20px;height:20px}.equipment-item span{font-size:1rem;color:var(--text-primary)}.navigation-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.loading-container{text-align:center;padding:4rem 2rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-secondary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.learning-dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.learning-plan{background:var(--bg-card);border-radius:16px;padding:2rem}.plan-overview{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.plan-overview h2{font-size:1.75rem;margin-bottom:0.5rem}.plan-stats{display:flex;gap:2rem;margin-top:1.5rem}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:0.875rem;color:var(--text-secondary)}.weekly-schedule{display:grid;gap:1.5rem}.week-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.week-header h3{font-size:1.25rem;color:var(--text-primary)}.week-progress{font-size:0.875rem;color:var(--text-secondary)}.week-goals{margin-bottom:1rem}.week-goals h4{font-size:0.875rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:0.5rem}.week-goals ul{list-style:none;padding:0}.week-goals li{position:relative;padding-left:1.5rem;margin-bottom:0.25rem;color:var(--text-primary)}.week-goals li::before{content:'✓';position:absolute;left:0;color:var(--primary)}.week-sessions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.session-card{background:var(--bg-card);padding:1rem;border-radius:8px;border:1px solid var(--border);text-align:center}.session-card.completed{opacity:0.7;border-color:var(--success)}.session-card h5{font-size:1rem;margin-bottom:0.5rem}.session-card p{font-size:0.875rem;color:var(--text-secondary);margin-bottom:1rem}.btn-sm{padding:0.375rem 0.75rem;font-size:0.813rem}.no-plan{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:16px}.no-plan h2{margin-bottom:1rem}.no-plan p{color:var(--text-secondary);margin-bottom:2rem}.metronome-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.metronome-indicator{width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);transition:all 0.1s ease}.metronome-indicator.beat{background:var(--primary);border-color:var(--primary);transform:scale(1.2);box-shadow:0 0 10px var(--primary)}.timer-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.timer-display{font-size:1.5rem;font-weight:700;color:var(--primary);min-width:80px;text-align:center}.learning-page .btn,.questionnaire-container .btn,.assessment-section .btn{background:var(--primary);color:white !important;border:1px solid var(--primary);padding:0.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.learning-page .btn:hover,.questionnaire-container .btn:hover,.assessment-section .btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.3)}.learning-page .btn-secondary{background:var(--bg-secondary);color:var(--text-primary) !important;border:1px solid var(--border)}.learning-page .btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}.learning-page button,.assessment-section button{color:var(--text-primary) !important}.learning-page .btn-sm{font-size:0.875rem;padding:0.375rem 0.75rem}#startMetronome,#startTimer{background:#6366f1 !important;color:white !important;border:2px solid #6366f1 !important;font-weight:600 !important}#startMetronome:hover,#startTimer:hover{background:#4f46e5 !important;border-color:#4f46e5 !important}.session-card{position:relative}.session-hover-details{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:2px solid var(--primary);border-radius:8px;padding:1rem;margin-top:0.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:10;box-shadow:0 4px 20px rgba(0,0,0,0.2);min-width:300px}.session-card:hover .session-hover-details{opacity:1;visibility:visible;transform:translateY(0)}.exercises-preview h6{margin:0 0 0.75rem 0;color:var(--primary);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.exercise-item{padding:0.5rem 0;border-bottom:1px solid var(--border)}.exercise-item:last-child{border-bottom:none}.exercise-name{display:block;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem}.exercise-time{display:inline-block;padding:0.125rem 0.5rem;background:var(--bg-secondary);border-radius:12px;font-size:0.75rem;color:var(--text-secondary);margin-right:0.5rem}.exercise-tempo{display:inline-block;padding:0.125rem 0.5rem;background:var(--primary);color:white;border-radius:12px;font-size:0.75rem}.exercise-desc{margin:0.25rem 0 0 0;font-size:0.813rem;color:var(--text-secondary);font-style:italic}[data-theme*='dark'] .session-hover-details{background:rgba(31,41,55,0.95);border-color:rgba(99,102,241,0.8)}@media (max-width:768px){.learning-page{padding:1rem}.goals-grid{grid-template-columns:1fr}.questionnaire-container{padding:1.5rem}.equipment-grid{grid-template-columns:1fr}.week-sessions{grid-template-columns:1fr}}[data-theme*='dark'] .form-input,[data-theme*='dark'] .form-select,[data-theme*='dark'] .form-textarea{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}[data-theme*='dark'] .form-input:focus,[data-theme*='dark'] .form-select:focus,[data-theme*='dark'] .form-textarea:focus{background:rgba(255,255,255,0.12);border-color:var(--primary)}[data-theme*='dark'] .form-input::placeholder{color:rgba(255,255,255,0.5)}[data-theme*='light'] .form-input,[data-theme*='light'] .form-select,[data-theme*='light'] .form-textarea{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.15)}[data-theme*='light'] .form-input::placeholder{color:rgba(0,0,0,0.5)}[data-theme*='dark'] .suggestion-tag{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}[data-theme*='dark'] .suggestion-tag:hover{background:rgba(255,255,255,0.15);border-color:var(--primary)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');.drills-page{max-width:800px !important;margin:0 auto !important;padding:0;width:100%;box-sizing:border-box}.drills-controls .form-control{width:auto !important;display:inline-block !important}.drills-controls input.form-control{width:100% !important;display:block !important}#drillsTab,.tab-pane:has(.drills-page){max-width:800px !important;margin:0 auto !important;width:100%}.drills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.drills-header h2{margin:0;color:var(--text-primary);font-size:var(--text-2xl)}.drills-header .btn-primary{background:#00d9ff;color:#000;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-base)}.drills-header .btn-primary:hover{background:#00bfe6;transform:translateY(-1px)}.drills-controls{display:flex !important;flex-direction:row !important;gap:var(--space-md);margin-bottom:var(--space-xl);align-items:center;flex-wrap:nowrap !important}.search-bar{flex:1;min-width:0}.search-bar input{width:100% !important;padding:var(--space-md);font-size:var(--text-base);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base)}.drills-filters{display:flex !important;flex-direction:row !important;gap:var(--space-md);flex-shrink:0;flex-wrap:nowrap !important}.drills-filters select{display:inline-block !important;width:auto !important;min-width:140px;padding:var(--space-md);font-size:var(--text-base);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.drills-filters select:hover,.drills-filters select:focus,.search-bar input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 0 3px rgba(0,217,255,0.2)}.drills-stats{display:flex !important;gap:var(--space-lg);margin-bottom:var(--space-xl);justify-content:space-between}.drills-stats .stat-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-xl);text-align:center;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;flex:1}.drills-stats .stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:#00d9ff;margin-bottom:var(--space-xs)}.drills-stats .stat-label{font-size:var(--text-sm);color:#00d9ff;text-transform:uppercase;letter-spacing:0.5px;font-weight:600}.drills-grid{min-height:400px}.drills-table{width:100%;border-collapse:collapse}.drills-table th{text-align:left;padding:var(--space-md,1rem) var(--space-sm,0.5rem);font-size:var(--text-sm,0.875rem);color:var(--text-secondary,#9ca3af);font-weight:var(--font-medium,500);border-bottom:1px solid var(--border,rgba(255,255,255,0.1))}.drills-table td{padding:var(--space-md,1rem) var(--space-sm,0.5rem);font-size:var(--text-sm,0.875rem);color:var(--text-primary,#f9fafb);border-bottom:1px solid var(--border,rgba(255,255,255,0.05))}.drills-table tr:hover{background:var(--bg-secondary,#1a1a1a)}.drill-actions-cell{text-align:right;white-space:nowrap}.action-btn{background:transparent;border:1px solid var(--border,rgba(255,255,255,0.1));color:var(--text-secondary,#9ca3af);width:32px;height:32px;border-radius:var(--radius-md,0.5rem);cursor:pointer;transition:all var(--transition-base,200ms ease);margin-left:var(--space-xs,0.25rem);font-size:var(--text-sm,0.875rem)}.action-btn:hover{background:var(--bg-secondary,#1a1a1a);color:var(--text-primary,#f9fafb);border-color:var(--primary,#6366f1)}.action-btn.start-drill-btn:hover{color:var(--primary,#6366f1)}.action-btn.favorite-btn{color:var(--text-muted,#6b7280)}.action-btn.favorite-btn.active,.action-btn.favorite-btn:hover{color:#f59e0b}.favorite-star{color:#f59e0b;margin-right:var(--space-xs,0.25rem)}.drill-name{font-weight:var(--font-medium,500);color:var(--text-primary,#f9fafb)}.difficulty-badge{display:inline-block;padding:var(--space-xs,0.25rem) var(--space-sm,0.5rem);border-radius:var(--radius-sm,0.375rem);font-size:var(--text-xs,0.75rem);font-weight:var(--font-medium,500);text-transform:uppercase}.difficulty-badge.beginner{background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.2)}.difficulty-badge.intermediate{background:rgba(59,130,246,0.1);color:#3b82f6;border:1px solid rgba(59,130,246,0.2)}.difficulty-badge.advanced{background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.2)}.difficulty-badge.expert{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2)}.no-drills{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.no-drills svg{margin-bottom:var(--space-lg,1.5rem);opacity:0.3;stroke:currentColor}.no-drills h3{font-size:var(--text-xl,1.25rem);margin-bottom:var(--space-sm,0.5rem);color:var(--text-primary,#f9fafb)}.no-drills p{margin:0;font-size:var(--text-base,1rem)}@media (max-width:768px){.drills-controls{flex-wrap:wrap}.search-bar{width:100%;flex-basis:100%}.drills-filters{width:100%;justify-content:space-between;margin-top:var(--space-md)}.drills-filters select{flex:1;min-width:0}.drills-stats{flex-direction:column;gap:var(--space-md)}.drills-table th:nth-child(3),.drills-table td:nth-child(3),.drills-table th:nth-child(4),.drills-table td:nth-child(4){display:none}.drills-table{font-size:var(--text-xs,0.75rem)}.drills-table th,.drills-table td{padding:var(--space-sm,0.5rem) var(--space-xs,0.25rem)}}#drillsTab .drills-controls{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}#drillsTab .search-bar{flex:1 !important;min-width:0 !important}#drillsTab .drills-filters{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important}#drillsTab .drills-controls select.form-control,#drillsTab .drills-filters select.form-control{width:auto !important;min-width:140px !important;display:inline-block !important}#drillsTab .search-bar input.form-control{width:100% !important;display:block !important}.progress-chart-modal .modal-content{max-width:700px;width:90%}.progress-chart-container{display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:8px;margin-bottom:20px}.progress-stats{display:flex;gap:30px;justify-content:center}.progress-stats .stat{text-align:center}.progress-stats label{display:block;color:var(--text-secondary);font-size:0.875rem;margin-bottom:4px}.progress-stats span{font-size:1.25rem;font-weight:600;color:var(--primary)}.drill-type-icon{font-size:1.25rem}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');.courses-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.courses-header{text-align:center;margin-bottom:40px}.courses-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--text-primary)}.courses-header p{font-size:1.2rem;color:var(--text-secondary)}.course-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.course-card{background:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.course-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.15)}.course-thumbnail{position:relative;height:200px;background:var(--bg-secondary);overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.course-difficulty{position:absolute;top:10px;right:10px;padding:5px 15px;border-radius:20px;font-size:0.85rem;font-weight:600;text-transform:uppercase}.course-difficulty.beginner{background:#4caf50;color:white}.course-difficulty.intermediate{background:#ff9800;color:white}.course-difficulty.advanced{background:#f44336;color:white}.course-info{padding:20px}.course-info h3{font-size:1.4rem;margin-bottom:10px;color:var(--text-primary)}.course-info p{color:var(--text-secondary);margin-bottom:15px}.course-meta{display:flex;gap:20px;font-size:0.9rem;color:var(--text-secondary);margin-bottom:15px}.course-progress{margin-top:15px}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width 0.3s ease}.progress-text{font-size:0.85rem;color:var(--text-secondary)}.course-modal,.lesson-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:2147483647;align-items:center;justify-content:center}.course-modal.open,.lesson-modal.open{display:flex !important}.course-modal .modal-content,.lesson-modal .modal-content{max-width:900px;width:90%;max-height:90vh;overflow-y:auto;background:var(--bg-card,#ffffff);border-radius:12px;box-shadow:0 10px 50px rgba(0,0,0,0.3);position:relative;z-index:2147483647;margin:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.8rem}.modal-body{padding:20px}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s}.close-btn:hover{background:var(--bg-hover)}.course-details{padding:20px}.course-overview{margin-bottom:40px}.course-stats{display:flex;gap:40px;margin-top:30px;justify-content:center}.stat{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:bold;color:var(--primary-color)}.stat-label{font-size:0.9rem;color:var(--text-secondary)}.lesson-list h3{margin-bottom:20px;font-size:1.5rem}.lesson-item{display:flex;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:8px;margin-bottom:15px;cursor:pointer;transition:background 0.2s}.lesson-item:hover:not(.locked){background:var(--bg-hover)}.lesson-item.completed{opacity:0.8}.lesson-item.locked{opacity:0.5;cursor:not-allowed}.lesson-number{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-right:20px}.lesson-item.completed .lesson-number{background:#4caf50}.lesson-info{flex:1}.lesson-info h4{margin-bottom:5px;color:var(--text-primary)}.lesson-info p{color:var(--text-secondary);font-size:0.9rem}.goal-count{display:inline-block;margin-top:5px;font-size:0.85rem;color:var(--primary-color)}.lesson-status{font-size:1.5rem}.lesson-content{padding:20px}.lesson-text{margin-bottom:30px;line-height:1.8}.lesson-text h1,.lesson-text h2,.lesson-text h3{margin:20px 0 10px}.lesson-text h1{font-size:2rem;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.lesson-text h2{font-size:1.5rem}.lesson-text h3{font-size:1.2rem}.lesson-text li{margin-left:20px;margin-bottom:5px}.guitar-tab{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin:20px 0}.guitar-tab h4{margin-bottom:15px;color:var(--text-primary)}.guitar-tab pre{font-family:'Courier New',monospace;font-size:14px;line-height:1.4;overflow-x:auto;white-space:pre}.lesson-goals{margin-top:40px;padding:20px;background:var(--bg-secondary);border-radius:8px}.lesson-goals h3{margin-bottom:20px}.practice-goal{display:flex;align-items:flex-start;padding:15px;background:var(--card-bg);border-radius:8px;margin-bottom:15px}.practice-goal.completed{opacity:0.7}.goal-status{font-size:1.5rem;margin-right:15px;color:var(--primary-color)}.practice-goal.completed .goal-status{color:#4caf50}.goal-info{flex:1}.goal-details{display:flex;gap:20px;margin:10px 0;font-size:0.9rem;color:var(--text-secondary)}.practice-btn{margin-top:10px;padding:8px 20px;background:var(--primary-color);color:white;border:none;border-radius:5px;cursor:pointer;font-size:0.9rem;transition:background 0.2s}.practice-btn:hover{background:var(--primary-hover)}.practice-goal.completed .practice-btn{display:none}.lesson-actions{margin-top:40px;text-align:center}.complete-lesson-btn{padding:12px 40px;background:#4caf50;color:white;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background 0.2s}.complete-lesson-btn:hover{background:#45a049}.practice-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:1000}.practice-modal{background:var(--card-bg);padding:40px;border-radius:12px;text-align:center}.practice-modal h3{margin-bottom:20px}.practice-timer{font-size:2rem;margin:20px 0;color:var(--primary-color)}.back-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:5px}.back-btn:hover{text-decoration:underline}.lesson-hero{position:relative;margin:-20px -20px 40px;height:300px;overflow:hidden;border-radius:12px 12px 0 0}.lesson-hero img{width:100%;height:100%;object-fit:cover}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px;background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);color:white}.hero-content h1{margin:0 0 10px;font-size:2.5rem}.hero-subtitle{font-size:1.2rem;opacity:0.9}.lesson-image{margin:30px 0;text-align:center}.lesson-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.image-caption{margin-top:10px;font-size:0.9rem;color:var(--text-secondary);font-style:italic}.lesson-exercise{background:var(--bg-secondary);border-radius:8px;padding:25px;margin:30px 0}.lesson-exercise h3{margin-top:0;color:var(--primary-color)}.exercise-tab{background:var(--bg-dark);padding:20px;border-radius:6px;overflow-x:auto;font-family:'Courier New',monospace;font-size:14px;line-height:1.5}.exercise-tempo,.exercise-focus{margin:10px 0;font-size:0.95rem}.exercise-steps{margin:15px 0;padding-left:20px}.exercise-steps li{margin-bottom:8px}.exercise-challenge{margin-top:15px;padding:10px;background:var(--warning-bg);border-left:4px solid var(--warning);border-radius:4px}.lesson-callout{margin:30px 0;padding:20px;border-radius:8px;border-left:4px solid}.callout-tip{background:rgba(76,175,80,0.1);border-left-color:#4caf50}.callout-important{background:rgba(255,152,0,0.1);border-left-color:#ff9800}.callout-warning{background:rgba(244,67,54,0.1);border-left-color:#f44336}.lesson-video{margin:30px 0}.video-placeholder{position:relative;background:var(--bg-secondary);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.2s}.video-placeholder:hover{transform:scale(1.02)}.video-thumbnail{padding:60px;text-align:center}.play-button{display:inline-block;width:80px;height:80px;background:var(--primary-color);color:white;border-radius:50%;line-height:80px;font-size:2rem;margin-bottom:20px}.video-duration{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.8);color:white;padding:5px 10px;border-radius:4px;font-size:0.85rem}.lesson-practice{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin:30px 0}.practice-points{margin:15px 0;padding-left:20px}.practice-points li{margin-bottom:8px;color:var(--text-secondary)}.backing-track{background:var(--bg-secondary);border-radius:8px;padding:20px;margin:30px 0;text-align:center}.backing-track h4{margin-top:0}.track-info{display:flex;justify-content:center;gap:20px;margin:15px 0;font-size:0.9rem;color:var(--text-secondary)}.play-backing-track{margin-top:15px;padding:10px 30px;background:var(--primary-color);color:white;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background 0.2s}.play-backing-track:hover{background:var(--primary-hover)}.lesson-interactive{margin:30px 0;padding:40px;background:var(--bg-secondary);border-radius:8px;text-align:center}.interactive-placeholder{color:var(--text-secondary);font-style:italic}@media (max-width:768px){.course-list{grid-template-columns:1fr}.course-stats{flex-direction:column;gap:20px}.lesson-item{flex-direction:column;text-align:center}.lesson-number{margin-right:0;margin-bottom:10px}.lesson-hero{height:200px}.hero-content{padding:20px}.hero-content h1{font-size:1.8rem}.track-info{flex-wrap:wrap;gap:10px}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');[data-theme='dark']{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--bg-card:#141414;--bg-input:#1a1a1a;--bg-hover:#242424;--bg-dark:#0a0a0a;--bg-dark-secondary:#141414;--bg-dark-tertiary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-muted:#525252;--text-inverse:#0a0a0a;--border:rgba(255,255,255,0.15);--border-hover:rgba(255,255,255,0.25);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 2px 4px -1px rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -4px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.7),0 8px 10px -6px rgba(0,0,0,0.5);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.8);--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--success:#34d399;--success-light:#6ee7b7;--success-dark:#10b981;--danger:#f87171;--danger-light:#fca5a5;--danger-dark:#ef4444;--warning:#fbbf24;--warning-light:#fcd34d;--warning-dark:#f59e0b;--info:#60a5fa;--info-light:#93c5fd;--info-dark:#3b82f6}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}[data-theme='dark'] .timer-widget,[data-theme='dark'] .log-practice-section,[data-theme='dark'] .metronome-container,[data-theme='dark'] .dashboard-widget,[data-theme='dark'] .practice-tips,[data-theme='dark'] .audio-player{box-shadow:0 0 0 1px rgba(255,255,255,0.06),var(--shadow-lg)}[data-theme='dark'] .timer-widget,[data-theme='dark'] .log-practice-section,[data-theme='dark'] .metronome-container{background:#161616}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');[data-theme='light']{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#a855f7;--secondary-dark:#9333ea;--secondary-light:#c084fc;--success:#10b981;--success-dark:#059669;--success-light:#34d399;--danger:#ef4444;--danger-dark:#dc2626;--danger-light:#f87171;--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fbbf24;--info:#3b82f6;--info-dark:#2563eb;--info-light:#60a5fa;--bg-dark:#ffffff;--bg-darker:#f9fafb;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#ffffff;--bg-card-hover:#f9fafb;--bg-input:#f3f4f6;--bg-input-hover:#e5e7eb;--bg-modal:rgba(0,0,0,0.5);--bg-sidebar:#f9fafb;--bg-overlay:rgba(0,0,0,0.3);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-muted:#d1d5db;--text-disabled:#e5e7eb;--border:#e5e7eb;--border-light:#f3f4f6;--border-focus:#6366f1;--border-error:#ef4444;--border-success:#10b981;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--shadow-glow:0 0 20px rgba(99,102,241,0.2);--scrollbar-track:#f3f4f6;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af;--code-bg:#f3f4f6;--code-text:#374151;--code-comment:#059669;--code-string:#dc2626;--code-keyword:#2563eb;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-danger:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-warning:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#f3f4f6 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}[data-theme='light'] body{background:var(--bg-darker);color:var(--text-primary)}[data-theme='light'] .sidebar{background:var(--bg-sidebar);border-right-color:var(--border);box-shadow:2px 0 10px rgba(0,0,0,0.05)}[data-theme='light'] .top-bar{background:var(--bg-card);border-bottom-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.05)}[data-theme='light'] .card,[data-theme='light'] .stat-card,[data-theme='light'] .modal-content{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md)}[data-theme='light'] .card:hover,[data-theme='light'] .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-theme='light'] input,[data-theme='light'] select,[data-theme='light'] textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary)}[data-theme='light'] input:hover,[data-theme='light'] select:hover,[data-theme='light'] textarea:hover{background:var(--bg-input);border-color:var(--border-focus)}[data-theme='light'] input:focus,[data-theme='light'] select:focus,[data-theme='light'] textarea:focus{background:white;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}[data-theme='light'] .btn{box-shadow:var(--shadow-sm)}[data-theme='light'] .btn:hover{box-shadow:var(--shadow-md)}[data-theme='light'] .btn-secondary{background:white;border:1px solid var(--border);color:var(--text-primary)}[data-theme='light'] .btn-secondary:hover{background:var(--bg-input);border-color:var(--border-focus)}[data-theme='light'] .nav-item{color:var(--text-secondary)}[data-theme='light'] .nav-item:hover{background:rgba(99,102,241,0.05);color:var(--text-primary)}[data-theme='light'] .nav-item.active{background:rgba(99,102,241,0.1);color:var(--primary)}[data-theme='light'] .calendar-day{background:white;border:1px solid var(--border)}[data-theme='light'] .calendar-day:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme='light'] .calendar-day.today{border:2px solid var(--primary);background:rgba(99,102,241,0.05)}[data-theme='light'] .calendar-day.has-practice{background:var(--bg-card)}[data-theme='light'] .modal{background:var(--bg-modal)}[data-theme='light'] .modal-content{box-shadow:var(--shadow-2xl)}[data-theme='light'] table{border-color:var(--border)}[data-theme='light'] th{background:var(--bg-input);border-color:var(--border);font-weight:600}[data-theme='light'] td{border-color:var(--border)}[data-theme='light'] tr:hover{background:var(--bg-input)}[data-theme='light'] code,[data-theme='light'] pre{background:var(--code-bg);color:var(--code-text);border:1px solid var(--border)}[data-theme='light'] .progress-bar-container{background:var(--bg-input);border:1px solid var(--border)}[data-theme='light'] .skeleton{background:linear-gradient(90deg,var(--bg-input) 0%,var(--border) 50%,var(--bg-input) 100%)}[data-theme='light'] .tooltip{background:var(--text-primary);color:white;box-shadow:var(--shadow-lg)}[data-theme='light'] .badge{background:var(--bg-input);border:1px solid var(--border)}[data-theme='light'] .achievement-badge.earned{border-color:var(--primary);background:rgba(99,102,241,0.05)}[data-theme='light']::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme='light']::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}[data-theme='light']::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme='light']::selection{background:var(--primary);color:white}[data-theme='light'] *:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme='light'] a{color:var(--primary)}[data-theme='light'] a:hover{color:var(--primary-dark)}[data-theme='light'] a:visited{color:var(--secondary)}[data-theme='light'] hr,[data-theme='light'] .divider{border-color:var(--border)}[data-theme='light'] .empty-state{color:var(--text-tertiary)}[data-theme='light'] .notification{box-shadow:var(--shadow-lg)}[data-theme='light'] .stat-value{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme='light'] .timer-display,[data-theme='light'] .compact-timer-display{color:var(--primary)}[data-theme='light'] .heatmap-day[data-level='0']{background:#f3f4f6}[data-theme='light'] .loading-spinner{border-color:var(--border);border-top-color:var(--primary)}[data-theme='light'] .audio-waveform{background:var(--bg-input);border:1px solid var(--border)}[data-theme='light'] .form-group input:focus,[data-theme='light'] .form-group select:focus,[data-theme='light'] .form-group textarea:focus{background:white}[data-theme='light'] .session-card{border:1px solid var(--border)}[data-theme='light'] .session-duration{background:var(--gradient-success);color:white}[data-theme='light'] .card{transition:all 200ms ease}[data-theme='light'] .btn{transition:all 150ms ease}[data-theme='light'] .glow{box-shadow:0 0 15px rgba(99,102,241,0.15)}[data-theme='light'] .glow:hover{box-shadow:0 0 25px rgba(99,102,241,0.25)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');[data-theme='midnight-blue']{--primary:#5e72e4;--primary-dark:#4c63d2;--primary-light:#7f8ff5;--primary-rgb:94,114,228;--bg-dark:#0f1419;--bg-primary:#1a1f2e;--bg-secondary:#242937;--bg-tertiary:#2e3341;--bg-card:#1e2330;--bg-input:#252a38;--bg-hover:#2a2f3d;--text-primary:#e1e8ed;--text-secondary:#8b92a7;--text-tertiary:#757c92;--text-muted:#5a6178;--text-inverse:#0f1419;--border:#2e3444;--border-light:#3a4050;--border-hover:#5e72e4;--success:#48bb78;--success-dark:#38a169;--success-light:#68d391;--warning:#ed8936;--warning-dark:#dd6b20;--warning-light:#f6ad55;--danger:#f56565;--danger-dark:#e53e3e;--danger-light:#fc8181;--info:#4299e1;--info-dark:#3182ce;--info-light:#63b3ed;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px rgba(0,0,0,0.6);--glow-primary:0 0 20px rgba(94,114,228,0.5);--glow-success:0 0 20px rgba(72,187,120,0.5);--glow-danger:0 0 20px rgba(245,101,101,0.5);--gradient-primary:linear-gradient(135deg,#5e72e4 0%,#8b5cf6 100%);--gradient-dark:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);--gradient-card:linear-gradient(135deg,#1e2330 0%,#242937 100%)}[data-theme='midnight-blue'] .sidebar{background:linear-gradient(180deg,#1a1f2e 0%,#0f1419 100%)}[data-theme='midnight-blue'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(94,114,228,0.35)}[data-theme='midnight-blue'] .nav-item.active{background:linear-gradient(90deg,rgba(94,114,228,0.1) 0%,rgba(94,114,228,0.05) 100%);border-left-color:#5e72e4}[data-theme='midnight-blue'] .timer-display{background:linear-gradient(135deg,#252a38 0%,#1e2330 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)}[data-theme='midnight-blue'] .header{background:rgba(26,31,46,0.95);backdrop-filter:blur(10px)}[data-theme='midnight-blue'] .header #pageTitle,[data-theme='midnight-blue'] .header .theme-info,[data-theme='midnight-blue'] .header .sync-status,[data-theme='midnight-blue'] .header .sync-icon,[data-theme='midnight-blue'] .header .sync-text{color:#e1e8ed !important}[data-theme='midnight-blue'] .theme-toggle{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#e1e8ed}[data-theme='midnight-blue'] .theme-toggle:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');[data-theme='forest-green']{--primary:#48bb78;--primary-dark:#38a169;--primary-light:#68d391;--primary-rgb:72,187,120;--bg-dark:#0d1510;--bg-primary:#1a2f23;--bg-secondary:#22382b;--bg-tertiary:#2a4032;--bg-card:#1e3328;--bg-input:#243b30;--bg-hover:#2d4438;--text-primary:#e6f2ea;--text-secondary:#9fb8a8;--text-tertiary:#8aa896;--text-muted:#6b8274;--text-inverse:#0d1510;--border:#2d4438;--border-light:#3a5042;--border-hover:#48bb78;--success:#48bb78;--success-dark:#38a169;--success-light:#68d391;--warning:#f6ad55;--warning-dark:#ed8936;--warning-light:#fbd38d;--danger:#fc8181;--danger-dark:#f56565;--danger-light:#feb2b2;--info:#63b3ed;--info-dark:#4299e1;--info-light:#90cdf4;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px rgba(0,0,0,0.6);--shadow-xl:0 20px 25px rgba(0,0,0,0.7);--glow-primary:0 0 20px rgba(72,187,120,0.6);--glow-success:0 0 20px rgba(72,187,120,0.6);--glow-danger:0 0 20px rgba(252,129,129,0.5);--gradient-primary:linear-gradient(135deg,#38a169 0%,#48bb78 100%);--gradient-dark:linear-gradient(135deg,#1a2f23 0%,#0d1510 100%);--gradient-card:linear-gradient(135deg,#1e3328 0%,#22382b 100%)}[data-theme='forest-green'] .sidebar{background:linear-gradient(180deg,#1a2f23 0%,#0d1510 100%)}[data-theme='forest-green'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(72,187,120,0.35)}[data-theme='forest-green'] .nav-item.active{background:linear-gradient(90deg,rgba(72,187,120,0.15) 0%,rgba(72,187,120,0.05) 100%);border-left-color:#48bb78}[data-theme='forest-green'] .practice-tip{background:linear-gradient(135deg,rgba(72,187,120,0.1) 0%,rgba(72,187,120,0.05) 100%)}[data-theme='forest-green'] .timer-display{background:linear-gradient(135deg,#243b30 0%,#1e3328 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4)}[data-theme='forest-green'] .header{background:rgba(26,47,35,0.95);backdrop-filter:blur(10px)}[data-theme='forest-green'] .header #pageTitle,[data-theme='forest-green'] .header .theme-info,[data-theme='forest-green'] .header .sync-status,[data-theme='forest-green'] .header .sync-icon,[data-theme='forest-green'] .header .sync-text{color:#e6f2ea !important}[data-theme='forest-green'] .theme-toggle{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#e6f2ea}[data-theme='forest-green'] .theme-toggle:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');[data-theme='sunset-orange']{--primary:#ed8936;--primary-dark:#dd6b20;--primary-light:#f6ad55;--primary-rgb:237,137,54;--bg-dark:#1a0e08;--bg-primary:#2d1810;--bg-secondary:#3a2218;--bg-tertiary:#462a20;--bg-card:#362016;--bg-input:#3e281e;--bg-hover:#4a3228;--text-primary:#fdf2e9;--text-secondary:#ddb896;--text-tertiary:#cca578;--text-muted:#a07c5a;--text-inverse:#1a0e08;--border:#4a3228;--border-light:#5a3c30;--border-hover:#ed8936;--success:#68d391;--success-dark:#48bb78;--success-light:#9ae6b4;--warning:#ed8936;--warning-dark:#dd6b20;--warning-light:#f6ad55;--danger:#fc8181;--danger-dark:#f56565;--danger-light:#feb2b2;--info:#90cdf4;--info-dark:#63b3ed;--info-light:#bee3f8;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--shadow-xl:0 20px 25px rgba(0,0,0,0.8);--glow-primary:0 0 30px rgba(237,137,54,0.6);--glow-success:0 0 20px rgba(104,211,145,0.5);--glow-danger:0 0 20px rgba(252,129,129,0.6);--gradient-primary:linear-gradient(135deg,#dd6b20 0%,#f6ad55 100%);--gradient-dark:linear-gradient(135deg,#2d1810 0%,#1a0e08 100%);--gradient-card:linear-gradient(135deg,#362016 0%,#3a2218 100%);--gradient-sunset:linear-gradient(135deg,#ed8936 0%,#f56565 50%,#9f1239 100%)}[data-theme='sunset-orange'] .sidebar{background:linear-gradient(180deg,#2d1810 0%,#1a0e08 100%)}[data-theme='sunset-orange'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(237,137,54,0.45)}[data-theme='sunset-orange'] .nav-item.active{background:linear-gradient(90deg,rgba(237,137,54,0.2) 0%,rgba(237,137,54,0.05) 100%);border-left-color:#ed8936}[data-theme='sunset-orange'] .header{background:linear-gradient(90deg,var(--bg-card) 0%,rgba(237,137,54,0.05) 100%)}[data-theme='sunset-orange'] .timer-display{background:linear-gradient(135deg,#3e281e 0%,#362016 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5)}[data-theme='sunset-orange'] .practice-tip{background:linear-gradient(135deg,rgba(237,137,54,0.15) 0%,rgba(237,137,54,0.05) 100%)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');[data-theme='royal-purple']{--primary:#9f7aea;--primary-dark:#805ad5;--primary-light:#b794f4;--primary-rgb:159,122,234;--bg-dark:#0e0817;--bg-primary:#1a0f2e;--bg-secondary:#221839;--bg-tertiary:#2d1f47;--bg-card:#251a3a;--bg-input:#2e2142;--bg-hover:#382a4f;--text-primary:#f0e6ff;--text-secondary:#c4b5fd;--text-tertiary:#b0a0ec;--text-muted:#8b7aa7;--text-inverse:#0e0817;--border:#382a4f;--border-light:#4a3a66;--border-hover:#9f7aea;--success:#68d391;--success-dark:#48bb78;--success-light:#9ae6b4;--warning:#fbbf24;--warning-dark:#f59e0b;--warning-light:#fcd34d;--danger:#f87171;--danger-dark:#ef4444;--danger-light:#fca5a5;--info:#60a5fa;--info-dark:#3b82f6;--info-light:#93bbfd;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px rgba(0,0,0,0.6);--shadow-xl:0 20px 25px rgba(0,0,0,0.7);--glow-primary:0 0 30px rgba(159,122,234,0.7);--glow-success:0 0 20px rgba(104,211,145,0.5);--glow-danger:0 0 20px rgba(248,113,113,0.5);--glow-gold:0 0 20px rgba(251,191,36,0.6);--gradient-primary:linear-gradient(135deg,#805ad5 0%,#b794f4 100%);--gradient-dark:linear-gradient(135deg,#1a0f2e 0%,#0e0817 100%);--gradient-card:linear-gradient(135deg,#251a3a 0%,#221839 100%);--gradient-royal:linear-gradient(135deg,#9f7aea 0%,#6b46c1 50%,#553c9a 100%)}[data-theme='royal-purple'] .sidebar{background:linear-gradient(180deg,#1a0f2e 0%,#0e0817 100%)}[data-theme='royal-purple'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(159,122,234,0.5)}[data-theme='royal-purple'] .nav-item.active{background:linear-gradient(90deg,rgba(159,122,234,0.2) 0%,rgba(159,122,234,0.05) 100%);border-left-color:#9f7aea;box-shadow:inset 0 0 10px rgba(159,122,234,0.2)}[data-theme='royal-purple'] .practice-tip{background:linear-gradient(135deg,rgba(159,122,234,0.15) 0%,rgba(251,191,36,0.05) 100%);border-left:3px solid #fbbf24}[data-theme='royal-purple'] .timer-display{background:linear-gradient(135deg,#2e2142 0%,#251a3a 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5),0 0 20px rgba(159,122,234,0.2)}[data-theme='royal-purple'] .widget-title{color:#fbbf24}[data-theme='royal-purple'] .btn-success{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 4px 14px 0 rgba(251,191,36,0.4)}[data-theme='royal-purple'] .header{background:rgba(26,15,46,0.95);backdrop-filter:blur(10px)}[data-theme='royal-purple'] .header #pageTitle,[data-theme='royal-purple'] .header .theme-info,[data-theme='royal-purple'] .header .sync-status,[data-theme='royal-purple'] .header .sync-icon,[data-theme='royal-purple'] .header .sync-text{color:#f0e6ff !important}[data-theme='royal-purple'] .theme-toggle{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#f0e6ff}[data-theme='royal-purple'] .theme-toggle:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');[data-theme='ocean-teal']{--primary:#06b6d4;--primary-dark:#0891b2;--primary-light:#22d3ee;--primary-rgb:6,182,212;--bg-dark:#0a1628;--bg-primary:#0f2942;--bg-secondary:#163549;--bg-tertiary:#1e4258;--bg-card:#19384d;--bg-input:#204054;--bg-hover:#2a4d61;--text-primary:#e0f2fe;--text-secondary:#94d3e4;--text-tertiary:#7ab9ce;--text-muted:#5f90a4;--text-inverse:#0a1628;--border:#2a4d61;--border-light:#365a6e;--border-hover:#06b6d4;--success:#34d399;--success-dark:#10b981;--success-light:#6ee7b7;--warning:#fbbf24;--warning-dark:#f59e0b;--warning-light:#fcd34d;--danger:#f87171;--danger-dark:#ef4444;--danger-light:#fca5a5;--info:#06b6d4;--info-dark:#0891b2;--info-light:#22d3ee;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--shadow-xl:0 20px 25px rgba(0,0,0,0.8);--glow-primary:0 0 30px rgba(6,182,212,0.6);--glow-success:0 0 20px rgba(52,211,153,0.5);--glow-danger:0 0 20px rgba(248,113,113,0.5);--glow-ocean:0 0 40px rgba(6,182,212,0.4);--gradient-primary:linear-gradient(135deg,#0891b2 0%,#22d3ee 100%);--gradient-dark:linear-gradient(135deg,#0f2942 0%,#0a1628 100%);--gradient-card:linear-gradient(135deg,#19384d 0%,#163549 100%);--gradient-ocean:linear-gradient(135deg,#0891b2 0%,#06b6d4 50%,#0284c7 100%)}[data-theme='ocean-teal'] .sidebar{background:linear-gradient(180deg,#0f2942 0%,#0a1628 100%)}[data-theme='ocean-teal'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(6,182,212,0.45)}[data-theme='ocean-teal'] .nav-item.active{background:linear-gradient(90deg,rgba(6,182,212,0.15) 0%,rgba(6,182,212,0.05) 100%);border-left-color:#06b6d4}[data-theme='ocean-teal'] .timer-display{background:linear-gradient(135deg,#204054 0%,#19384d 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5),0 0 15px rgba(6,182,212,0.2)}[data-theme='ocean-teal'] .practice-tip{background:linear-gradient(135deg,rgba(6,182,212,0.1) 0%,rgba(6,182,212,0.05) 100%)}[data-theme='ocean-teal'] .header{background:linear-gradient(90deg,var(--bg-card) 0%,rgba(6,182,212,0.03) 100%)}[data-theme='ocean-teal'] .sidebar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,rgba(6,182,212,0.1) 100%);pointer-events:none}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');[data-theme='neon-cyber']{--primary:#00ffff;--primary-dark:#00cccc;--primary-light:#66ffff;--primary-rgb:0,255,255;--bg-dark:#0a0a0f;--bg-primary:#11111a;--bg-secondary:#18182a;--bg-tertiary:#1f1f3a;--bg-card:#161628;--bg-input:#1e1e35;--bg-hover:#252545;--text-primary:#e0f0ff;--text-secondary:#a0b8d0;--text-tertiary:#8da6c0;--text-muted:#6080a0;--text-inverse:#0a0a0f;--border:#2a2a4a;--border-light:#3a3a5a;--border-hover:#00ffff;--success:#00ff88;--success-dark:#00cc66;--success-light:#33ffaa;--warning:#ffaa00;--warning-dark:#cc8800;--warning-light:#ffcc33;--danger:#ff0066;--danger-dark:#cc0044;--danger-light:#ff3388;--info:#00ffff;--info-dark:#00cccc;--info-light:#66ffff;--shadow-sm:0 1px 3px rgba(0,255,255,0.1);--shadow-md:0 4px 6px rgba(0,255,255,0.15);--shadow-lg:0 10px 15px rgba(0,255,255,0.2);--shadow-xl:0 20px 25px rgba(0,255,255,0.25);--glow-primary:0 0 30px rgba(0,255,255,0.8);--glow-success:0 0 20px rgba(0,255,136,0.6);--glow-danger:0 0 20px rgba(255,0,102,0.6);--gradient-primary:linear-gradient(135deg,#00ffff 0%,#0088ff 100%);--gradient-dark:linear-gradient(135deg,#11111a 0%,#0a0a0f 100%);--gradient-card:linear-gradient(135deg,#161628 0%,#18182a 100%)}[data-theme='neon-cyber'] .sidebar{background:linear-gradient(180deg,#11111a 0%,#0a0a0f 100%);box-shadow:0 0 20px rgba(0,255,255,0.1)}[data-theme='neon-cyber'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(0,255,255,0.5),var(--glow-primary);text-shadow:0 0 10px rgba(0,255,255,0.8)}[data-theme='neon-cyber'] .nav-item.active{background:linear-gradient(90deg,rgba(0,255,255,0.2) 0%,rgba(0,255,255,0.05) 100%);border-left-color:#00ffff;box-shadow:inset 0 0 20px rgba(0,255,255,0.2)}[data-theme='neon-cyber'] .header{background:rgba(17,17,26,0.95);border-bottom:1px solid rgba(0,255,255,0.3)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');[data-theme='coffee-brown']{--primary:#8b6f47;--primary-dark:#6b5537;--primary-light:#ab8f67;--primary-rgb:139,111,71;--bg-dark:#1a110a;--bg-primary:#2a1f17;--bg-secondary:#352a20;--bg-tertiary:#403529;--bg-card:#302419;--bg-input:#3a2e23;--bg-hover:#453a2e;--text-primary:#f5e6d3;--text-secondary:#c4a574;--text-tertiary:#b39564;--text-muted:#8b6f47;--text-inverse:#1a110a;--border:#453a2e;--border-light:#554a3e;--border-hover:#8b6f47;--success:#7cb342;--success-dark:#689f38;--success-light:#9ccc65;--warning:#ffa726;--warning-dark:#fb8c00;--warning-light:#ffb74d;--danger:#e57373;--danger-dark:#ef5350;--danger-light:#ef9a9a;--info:#64b5f6;--info-dark:#42a5f5;--info-light:#90caf9;--shadow-sm:0 1px 3px rgba(0,0,0,0.6);--shadow-md:0 4px 6px rgba(0,0,0,0.7);--shadow-lg:0 10px 15px rgba(0,0,0,0.8);--shadow-xl:0 20px 25px rgba(0,0,0,0.9);--glow-primary:0 0 20px rgba(139,111,71,0.5);--glow-success:0 0 20px rgba(124,179,66,0.5);--glow-danger:0 0 20px rgba(229,115,115,0.5);--gradient-primary:linear-gradient(135deg,#8b6f47 0%,#ab8f67 100%);--gradient-dark:linear-gradient(135deg,#2a1f17 0%,#1a110a 100%);--gradient-card:linear-gradient(135deg,#302419 0%,#352a20 100%)}[data-theme='coffee-brown'] .sidebar{background:linear-gradient(180deg,#2a1f17 0%,#1a110a 100%)}[data-theme='coffee-brown'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(139,111,71,0.4)}[data-theme='coffee-brown'] .nav-item.active{background:linear-gradient(90deg,rgba(139,111,71,0.2) 0%,rgba(139,111,71,0.05) 100%);border-left-color:#8b6f47}[data-theme='coffee-brown'] .header{background:rgba(42,31,23,0.95)}[data-theme='coffee-brown'] .practice-tip{background:linear-gradient(135deg,rgba(139,111,71,0.2) 0%,rgba(139,111,71,0.1) 100%)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');[data-theme='northern-lights']{--primary:#4ecca3;--primary-dark:#32b894;--primary-light:#6edfb8;--primary-rgb:78,204,163;--bg-dark:#0a1929;--bg-primary:#0f2744;--bg-secondary:#173554;--bg-tertiary:#1e4263;--bg-card:#142f4a;--bg-input:#1c3c5a;--bg-hover:#244968;--text-primary:#e8f5ff;--text-secondary:#94d4ff;--text-tertiary:#7ac0ec;--text-muted:#5a9fd4;--text-inverse:#0a1929;--border:#244968;--border-light:#2e5a7a;--border-hover:#4ecca3;--success:#4ecca3;--success-dark:#32b894;--success-light:#6edfb8;--warning:#ffca28;--warning-dark:#ffb300;--warning-light:#ffd54f;--danger:#ff6b9d;--danger-dark:#ff4c7d;--danger-light:#ff8abd;--info:#66d9ef;--info-dark:#40cfe7;--info-light:#8ce4f4;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px rgba(0,0,0,0.6);--shadow-xl:0 20px 25px rgba(0,0,0,0.7);--glow-primary:0 0 40px rgba(78,204,163,0.7);--glow-success:0 0 30px rgba(78,204,163,0.6);--glow-danger:0 0 30px rgba(255,107,157,0.6);--glow-aurora:0 0 60px rgba(102,217,239,0.4);--gradient-primary:linear-gradient(135deg,#4ecca3 0%,#66d9ef 50%,#a8e063 100%);--gradient-dark:linear-gradient(135deg,#0f2744 0%,#0a1929 100%);--gradient-card:linear-gradient(135deg,#142f4a 0%,#173554 100%);--gradient-aurora:linear-gradient(135deg,#4ecca3 0%,#66d9ef 33%,#ff6b9d 66%,#feca57 100%)}[data-theme='northern-lights'] .sidebar{background:linear-gradient(180deg,#0f2744 0%,#0a1929 100%)}[data-theme='northern-lights'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(78,204,163,0.5),var(--glow-primary)}[data-theme='northern-lights'] .nav-item.active{background:linear-gradient(90deg,rgba(78,204,163,0.2) 0%,rgba(102,217,239,0.1) 100%);border-left-color:#4ecca3;box-shadow:inset 0 0 30px rgba(78,204,163,0.2)}[data-theme='northern-lights'] .header{background:rgba(15,39,68,0.95);border-bottom:1px solid rgba(78,204,163,0.3)}[data-theme='northern-lights'] .timer-display{background:linear-gradient(135deg,#1c3c5a 0%,#142f4a 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5),0 0 30px rgba(78,204,163,0.1)}[data-theme='northern-lights'] .sidebar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-aurora);opacity:0.05;animation:aurora 20s ease-in-out infinite;pointer-events:none}@keyframes aurora{0%,100%{opacity:0.05;transform:translateY(0)}50%{opacity:0.1;transform:translateY(-20px)}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');[data-theme='nordic-ice']{--primary:#60a5fa;--primary-dark:#3b82f6;--primary-light:#93c5fd;--primary-rgb:96,165,250;--bg-dark:#0f172a;--bg-primary:#1e293b;--bg-secondary:#334155;--bg-tertiary:#475569;--bg-card:#334155;--bg-input:#475569;--bg-hover:#64748b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#b3bfcc;--text-muted:#94a3b8;--text-inverse:#0f172a;--border:#475569;--border-light:#64748b;--border-hover:#60a5fa;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--glow-primary:0 0 30px rgba(96,165,250,0.6);--gradient-primary:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);--gradient-dark:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme='nordic-ice'] .header{background:rgba(30,41,59,0.95);backdrop-filter:blur(10px)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');[data-theme='cherry-blossom']{--primary:#ec4899;--primary-dark:#db2777;--primary-light:#f472b6;--primary-rgb:236,72,153;--bg-dark:#1f0f14;--bg-primary:#3b1e29;--bg-secondary:#4f2937;--bg-tertiary:#633544;--bg-card:#4f2937;--bg-input:#633544;--bg-hover:#774051;--text-primary:#fdf2f8;--text-secondary:#fbcfe8;--text-tertiary:#fbb6db;--text-muted:#f9a8d4;--text-inverse:#1f0f14;--border:#633544;--border-light:#774051;--border-hover:#ec4899;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#a78bfa;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px rgba(0,0,0,0.6);--glow-primary:0 0 30px rgba(236,72,153,0.5);--gradient-primary:linear-gradient(135deg,#db2777 0%,#f472b6 100%);--gradient-dark:linear-gradient(135deg,#3b1e29 0%,#1f0f14 100%)}[data-theme='cherry-blossom'] .header{background:rgba(59,30,41,0.95);backdrop-filter:blur(10px)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');[data-theme='cyberpunk']{--primary:#00ffff;--primary-dark:#00cccc;--primary-light:#66ffff;--primary-rgb:0,255,255;--bg-dark:#0a0a0a;--bg-primary:#111111;--bg-secondary:#1a1a1a;--bg-tertiary:#242424;--bg-card:#1a1a1a;--bg-input:#242424;--bg-hover:#2e2e2e;--text-primary:#ffffff;--text-secondary:#00ffff;--text-tertiary:#00cccc;--text-muted:#888888;--text-inverse:#000000;--border:#00ffff;--border-light:#00ffff;--border-hover:#ff00ff;--success:#00ff00;--warning:#ffff00;--danger:#ff0066;--info:#00ffff;--shadow-sm:0 1px 3px rgba(0,255,255,0.3);--shadow-md:0 4px 6px rgba(0,255,255,0.4);--shadow-lg:0 10px 15px rgba(0,255,255,0.5);--glow-primary:0 0 40px rgba(0,255,255,0.8);--gradient-primary:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);--gradient-dark:linear-gradient(135deg,#111111 0%,#0a0a0a 100%)}[data-theme='cyberpunk'] .header{background:rgba(17,17,17,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--primary)}[data-theme='cyberpunk'] .nav-item.active{border-left:3px solid #ff00ff;text-shadow:0 0 10px currentColor}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');[data-theme='earth-tone']{--primary:#a78347;--primary-dark:#8b6914;--primary-light:#d4a574;--primary-rgb:167,131,71;--bg-dark:#1a1410;--bg-primary:#2b2218;--bg-secondary:#3c2f22;--bg-tertiary:#4d3c2c;--bg-card:#3c2f22;--bg-input:#4d3c2c;--bg-hover:#5e4936;--text-primary:#f5e6d3;--text-secondary:#d4a574;--text-tertiary:#c49563;--text-muted:#a78347;--text-inverse:#1a1410;--border:#4d3c2c;--border-light:#5e4936;--border-hover:#a78347;--success:#86a866;--warning:#d4a574;--danger:#c56a53;--info:#7a9a9f;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--glow-primary:0 0 20px rgba(167,131,71,0.5);--gradient-primary:linear-gradient(135deg,#8b6914 0%,#d4a574 100%);--gradient-dark:linear-gradient(135deg,#2b2218 0%,#1a1410 100%)}[data-theme='earth-tone'] .header{background:rgba(43,34,24,0.95);backdrop-filter:blur(10px)}.header #pageTitle{font-weight:600;letter-spacing:-0.02em}@media (max-width:768px){.theme-info{display:none}}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');[data-theme='cosmic-purple']{--primary:#b794f4;--primary-dark:#9f7aea;--primary-light:#d6bcfa;--primary-rgb:183,148,244;--bg-dark:#0f0818;--bg-primary:#1a0f3a;--bg-secondary:#251854;--bg-tertiary:#312168;--bg-card:#2d1b5f;--bg-input:#382470;--bg-hover:#432d7a;--text-primary:#f3e8ff;--text-secondary:#d6bcfa;--text-tertiary:#c8a8f0;--text-muted:#9f7aea;--text-inverse:#0f0818;--border:#432d7a;--border-light:#553c8b;--border-hover:#b794f4;--success:#68d391;--success-dark:#48bb78;--success-light:#9ae6b4;--warning:#fbb034;--warning-dark:#f49e0b;--warning-light:#fcd34d;--danger:#fc8181;--danger-dark:#f56565;--danger-light:#feb2b2;--info:#63b3ed;--info-dark:#4299e1;--info-light:#90cdf4;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px rgba(0,0,0,0.6);--shadow-xl:0 20px 25px rgba(0,0,0,0.7);--glow-primary:0 0 30px rgba(183,148,244,0.7);--glow-success:0 0 20px rgba(104,211,145,0.5);--glow-danger:0 0 20px rgba(252,129,129,0.5);--gradient-primary:linear-gradient(135deg,#9f7aea 0%,#d6bcfa 100%);--gradient-dark:linear-gradient(135deg,#1a0f3a 0%,#0f0818 100%);--gradient-card:linear-gradient(135deg,#2d1b5f 0%,#251854 100%)}[data-theme='cosmic-purple'] .sidebar{background:linear-gradient(180deg,#1a0f3a 0%,#0f0818 100%)}[data-theme='cosmic-purple'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(183,148,244,0.5)}[data-theme='cosmic-purple'] .nav-item.active{background:linear-gradient(90deg,rgba(183,148,244,0.2) 0%,rgba(183,148,244,0.05) 100%);border-left-color:#b794f4}[data-theme='cosmic-purple'] .header{background:rgba(26,15,58,0.95)}[data-theme='cosmic-purple'] .timer-display{background:linear-gradient(135deg,#382470 0%,#2d1b5f 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.5),0 0 20px rgba(183,148,244,0.3)}[data-theme='cosmic-purple'] .header #pageTitle,[data-theme='cosmic-purple'] .header .theme-info,[data-theme='cosmic-purple'] .header .sync-status{color:#f3e8ff !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');[data-theme='crimson-red']{--primary:#dc2626;--primary-dark:#b91c1c;--primary-light:#ef4444;--primary-rgb:220,38,38;--bg-dark:#1a0404;--bg-primary:#2d0a0a;--bg-secondary:#3f1212;--bg-tertiary:#4c1818;--bg-card:#3f1515;--bg-input:#4f1f1f;--bg-hover:#5d2525;--text-primary:#fef2f2;--text-secondary:#fecaca;--text-tertiary:#feb8b8;--text-muted:#fca5a5;--text-inverse:#1a0404;--border:#4c1818;--border-light:#5d2525;--border-hover:#dc2626;--success:#65a30d;--success-dark:#4d7c0f;--success-light:#84cc16;--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fbbf24;--danger:#dc2626;--danger-dark:#b91c1c;--danger-light:#ef4444;--info:#2563eb;--info-dark:#1d4ed8;--info-light:#3b82f6;--shadow-sm:0 1px 3px rgba(0,0,0,0.6);--shadow-md:0 4px 6px rgba(0,0,0,0.7);--shadow-lg:0 10px 15px rgba(0,0,0,0.8);--shadow-xl:0 20px 25px rgba(0,0,0,0.9);--glow-primary:0 0 30px rgba(220,38,38,0.7);--glow-success:0 0 20px rgba(101,163,13,0.5);--glow-danger:0 0 20px rgba(220,38,38,0.7);--gradient-primary:linear-gradient(135deg,#b91c1c 0%,#ef4444 100%);--gradient-dark:linear-gradient(135deg,#2d0a0a 0%,#1a0404 100%);--gradient-card:linear-gradient(135deg,#3f1515 0%,#3f1212 100%)}[data-theme='crimson-red'] .sidebar{background:linear-gradient(180deg,#2d0a0a 0%,#1a0404 100%)}[data-theme='crimson-red'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(220,38,38,0.5)}[data-theme='crimson-red'] .nav-item.active{background:linear-gradient(90deg,rgba(220,38,38,0.15) 0%,rgba(220,38,38,0.05) 100%);border-left-color:#dc2626}[data-theme='crimson-red'] .header{background:rgba(45,10,10,0.95)}[data-theme='crimson-red'] .timer-display{background:linear-gradient(135deg,#4f1f1f 0%,#3f1515 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.6),0 0 20px rgba(220,38,38,0.3)}[data-theme='crimson-red'] .header #pageTitle,[data-theme='crimson-red'] .header .theme-info,[data-theme='crimson-red'] .header .sync-status{color:#fef2f2 !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');[data-theme='golden-amber']{--primary:#f59e0b;--primary-dark:#d97706;--primary-light:#fbbf24;--primary-rgb:245,158,11;--bg-dark:#1a1207;--bg-primary:#2e2012;--bg-secondary:#3d2a17;--bg-tertiary:#4d361e;--bg-card:#41301a;--bg-input:#523d23;--bg-hover:#604829;--text-primary:#fffbeb;--text-secondary:#fde68a;--text-tertiary:#fdd66b;--text-muted:#fcd34d;--text-inverse:#1a1207;--border:#4d361e;--border-light:#604829;--border-hover:#f59e0b;--success:#65a30d;--success-dark:#4d7c0f;--success-light:#84cc16;--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fbbf24;--danger:#dc2626;--danger-dark:#b91c1c;--danger-light:#ef4444;--info:#0891b2;--info-dark:#0e7490;--info-light:#06b6d4;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--shadow-xl:0 20px 25px rgba(0,0,0,0.8);--glow-primary:0 0 30px rgba(245,158,11,0.7);--glow-success:0 0 20px rgba(101,163,13,0.5);--glow-danger:0 0 20px rgba(220,38,38,0.5);--gradient-primary:linear-gradient(135deg,#d97706 0%,#fbbf24 100%);--gradient-dark:linear-gradient(135deg,#2e2012 0%,#1a1207 100%);--gradient-card:linear-gradient(135deg,#41301a 0%,#3d2a17 100%)}[data-theme='golden-amber'] .sidebar{background:linear-gradient(180deg,#2e2012 0%,#1a1207 100%)}[data-theme='golden-amber'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(245,158,11,0.5)}[data-theme='golden-amber'] .nav-item.active{background:linear-gradient(90deg,rgba(245,158,11,0.2) 0%,rgba(245,158,11,0.05) 100%);border-left-color:#f59e0b}[data-theme='golden-amber'] .header{background:rgba(46,32,18,0.95)}[data-theme='golden-amber'] .practice-tip{background:linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(245,158,11,0.05) 100%)}[data-theme='golden-amber'] .header #pageTitle,[data-theme='golden-amber'] .header .theme-info,[data-theme='golden-amber'] .header .sync-status{color:#fffbeb !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');[data-theme='emerald-green']{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--primary-rgb:16,185,129;--bg-dark:#042f2e;--bg-primary:#134e4a;--bg-secondary:#1e5652;--bg-tertiary:#2a6460;--bg-card:#1f5754;--bg-input:#2d6a66;--bg-hover:#377874;--text-primary:#ecfdf5;--text-secondary:#a7f3d0;--text-tertiary:#8aedbe;--text-muted:#6ee7b7;--text-inverse:#042f2e;--border:#2a6460;--border-light:#377874;--border-hover:#10b981;--success:#10b981;--success-dark:#059669;--success-light:#34d399;--warning:#fbbf24;--warning-dark:#f59e0b;--warning-light:#fcd34d;--danger:#f87171;--danger-dark:#ef4444;--danger-light:#fca5a5;--info:#22d3ee;--info-dark:#06b6d4;--info-light:#67e8f9;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.6);--shadow-lg:0 10px 15px rgba(0,0,0,0.7);--shadow-xl:0 20px 25px rgba(0,0,0,0.8);--glow-primary:0 0 30px rgba(16,185,129,0.6);--glow-success:0 0 20px rgba(16,185,129,0.6);--glow-danger:0 0 20px rgba(248,113,113,0.5);--gradient-primary:linear-gradient(135deg,#059669 0%,#34d399 100%);--gradient-dark:linear-gradient(135deg,#134e4a 0%,#042f2e 100%);--gradient-card:linear-gradient(135deg,#1f5754 0%,#1e5652 100%)}[data-theme='emerald-green'] .sidebar{background:linear-gradient(180deg,#134e4a 0%,#042f2e 100%)}[data-theme='emerald-green'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(16,185,129,0.45)}[data-theme='emerald-green'] .nav-item.active{background:linear-gradient(90deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%);border-left-color:#10b981}[data-theme='emerald-green'] .header{background:rgba(19,78,74,0.95)}[data-theme='emerald-green'] .practice-tip{background:linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(16,185,129,0.05) 100%)}[data-theme='emerald-green'] .header #pageTitle,[data-theme='emerald-green'] .header .theme-info,[data-theme='emerald-green'] .header .sync-status{color:#ecfdf5 !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');[data-theme='slate-gray']{--primary:#64748b;--primary-dark:#475569;--primary-light:#94a3b8;--primary-rgb:100,116,139;--bg-dark:#0f172a;--bg-primary:#1e293b;--bg-secondary:#334155;--bg-tertiary:#475569;--bg-card:#334155;--bg-input:#475569;--bg-hover:#64748b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#b3bfcc;--text-muted:#94a3b8;--text-inverse:#0f172a;--border:#475569;--border-light:#64748b;--border-hover:#94a3b8;--success:#22c55e;--success-dark:#16a34a;--success-light:#4ade80;--warning:#eab308;--warning-dark:#ca8a04;--warning-light:#facc15;--danger:#e11d48;--danger-dark:#be123c;--danger-light:#f43f5e;--info:#0ea5e9;--info-dark:#0284c7;--info-light:#38bdf8;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px rgba(0,0,0,0.6);--glow-primary:0 0 20px rgba(100,116,139,0.5);--glow-success:0 0 20px rgba(34,197,94,0.5);--glow-danger:0 0 20px rgba(225,29,72,0.5);--gradient-primary:linear-gradient(135deg,#475569 0%,#94a3b8 100%);--gradient-dark:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);--gradient-card:linear-gradient(135deg,#334155 0%,#334155 100%)}[data-theme='slate-gray'] .sidebar{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%)}[data-theme='slate-gray'] .btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px 0 rgba(100,116,139,0.4)}[data-theme='slate-gray'] .nav-item.active{background:linear-gradient(90deg,rgba(100,116,139,0.15) 0%,rgba(100,116,139,0.05) 100%);border-left-color:#94a3b8}[data-theme='slate-gray'] .header{background:rgba(30,41,59,0.95)}[data-theme='slate-gray'] .timer-display{background:linear-gradient(135deg,#475569 0%,#334155 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)}[data-theme='slate-gray'] .header #pageTitle,[data-theme='slate-gray'] .header .theme-info,[data-theme='slate-gray'] .header .sync-status{color:#f1f5f9 !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');[data-theme='pastel-dream']{--primary:#e0b3ff;--primary-dark:#d19fff;--primary-light:#ecc8ff;--secondary:#ffb3e0;--secondary-dark:#ff9fd1;--secondary-light:#ffc8ec;--success:#98fb98;--success-dark:#77dd77;--success-light:#b4ffb4;--danger:#ffb3b3;--danger-dark:#ff9999;--danger-light:#ffcccc;--warning:#ffe4b3;--warning-dark:#ffd699;--warning-light:#fff0cc;--info:#b3d9ff;--info-dark:#99ccff;--info-light:#cce6ff;--bg-dark:#f8f3ff;--bg-darker:#f3ebff;--bg-primary:#fdfbff;--bg-secondary:#f8f3ff;--bg-tertiary:#f3ebff;--bg-card:#fdfaff;--bg-card-hover:#f8f3ff;--bg-input:#ede5ff;--bg-input-hover:#e5daff;--bg-modal:rgba(231,210,255,0.95);--bg-sidebar:#f5edff;--bg-overlay:rgba(231,210,255,0.4);--text-primary:#3a2d4c;--text-secondary:#6a5b7c;--text-tertiary:#8a7b9c;--text-muted:#baadcc;--text-disabled:#d0c5dc;--border:#e8dfff;--border-light:#f3edff;--border-focus:#d19fff;--border-error:#ffb3b3;--border-success:#98fb98;--shadow-sm:0 1px 3px 0 rgba(224,179,255,0.1);--shadow-md:0 4px 6px -1px rgba(224,179,255,0.15);--shadow-lg:0 10px 15px -3px rgba(224,179,255,0.2);--shadow-xl:0 20px 25px -5px rgba(224,179,255,0.25);--shadow-2xl:0 25px 50px -12px rgba(224,179,255,0.3);--shadow-inner:inset 0 2px 4px 0 rgba(224,179,255,0.1);--shadow-glow:0 0 20px rgba(224,179,255,0.4);--scrollbar-track:#f5f0ff;--scrollbar-thumb:#e0b3ff;--scrollbar-thumb-hover:#d19fff;--code-bg:#faf7ff;--code-text:#6b5b7b;--code-comment:#77dd77;--code-string:#ff9999;--code-keyword:#b3a6ff;--gradient-primary:linear-gradient(135deg,#e0b3ff 0%,#ffb3e0 100%);--gradient-success:linear-gradient(135deg,#98fb98 0%,#b4ffb4 100%);--gradient-danger:linear-gradient(135deg,#ffb3b3 0%,#ffcccc 100%);--gradient-warning:linear-gradient(135deg,#ffe4b3 0%,#fff0cc 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#faf7ff 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');[data-theme='cotton-candy']{--primary:#ffb6d9;--primary-dark:#ffa0cc;--primary-light:#ffcce5;--secondary:#a6d8ff;--secondary-dark:#8cc8ff;--secondary-light:#bfe5ff;--success:#b6ffb6;--success-dark:#99ff99;--success-light:#ccffcc;--danger:#ffb6b6;--danger-dark:#ff9999;--danger-light:#ffcccc;--warning:#ffdbb6;--warning-dark:#ffcc99;--warning-light:#ffe8cc;--info:#b6e5ff;--info-dark:#99d9ff;--info-light:#ccf0ff;--bg-dark:#fff0f7;--bg-darker:#ffe8f3;--bg-primary:#fffbfd;--bg-secondary:#fff5fa;--bg-tertiary:#fff0f7;--bg-card:#fffafc;--bg-card-hover:#fff5fa;--bg-input:#ffe0ec;--bg-input-hover:#ffd6e7;--bg-modal:rgba(255,182,217,0.95);--bg-sidebar:#ffebf5;--bg-overlay:rgba(255,182,217,0.4);--text-primary:#4c2d3f;--text-secondary:#7c5b6f;--text-tertiary:#9c7b8f;--text-muted:#ccadbf;--text-disabled:#dcc5d1;--border:#ffe0ec;--border-light:#fff0f7;--border-focus:#ffa0cc;--border-error:#ffb6b6;--border-success:#b6ffb6;--shadow-sm:0 1px 3px 0 rgba(255,182,217,0.15);--shadow-md:0 4px 6px -1px rgba(255,182,217,0.2);--shadow-lg:0 10px 15px -3px rgba(255,182,217,0.25);--shadow-xl:0 20px 25px -5px rgba(255,182,217,0.3);--shadow-2xl:0 25px 50px -12px rgba(255,182,217,0.35);--shadow-inner:inset 0 2px 4px 0 rgba(255,182,217,0.1);--shadow-glow:0 0 20px rgba(255,182,217,0.5);--scrollbar-track:#fff0f7;--scrollbar-thumb:#ffb6d9;--scrollbar-thumb-hover:#ffa0cc;--code-bg:#fff7fb;--code-text:#7b5b6b;--code-comment:#99cc99;--code-string:#ff99b3;--code-keyword:#99ccff;--gradient-primary:linear-gradient(135deg,#ffb6d9 0%,#a6d8ff 100%);--gradient-success:linear-gradient(135deg,#b6ffb6 0%,#ccffcc 100%);--gradient-danger:linear-gradient(135deg,#ffb6b6 0%,#ffcccc 100%);--gradient-warning:linear-gradient(135deg,#ffdbb6 0%,#ffe8cc 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#fff7fb 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');[data-theme='spring-meadow']{--primary:#b3e5b3;--primary-dark:#99dd99;--primary-light:#cceecc;--secondary:#ffb3cc;--secondary-dark:#ff99bb;--secondary-light:#ffccdd;--success:#a3e5a3;--success-dark:#88dd88;--success-light:#bbffbb;--danger:#ffb3a3;--danger-dark:#ff9988;--danger-light:#ffccbb;--warning:#ffe5a3;--warning-dark:#ffdd88;--warning-light:#fff0bb;--info:#a3d9ff;--info-dark:#88ccff;--info-light:#bbe6ff;--bg-dark:#f0fff0;--bg-darker:#e8ffe8;--bg-primary:#fbfffb;--bg-secondary:#f5fff5;--bg-tertiary:#f0fff0;--bg-card:#fafffa;--bg-card-hover:#f5fff5;--bg-input:#e0ffe0;--bg-input-hover:#d6ffd6;--bg-modal:rgba(179,229,179,0.95);--bg-sidebar:#ebffeb;--bg-overlay:rgba(179,229,179,0.4);--text-primary:#2d4c2d;--text-secondary:#5b7c5b;--text-tertiary:#7b9c7b;--text-muted:#adccad;--text-disabled:#c5dcc5;--border:#dff2df;--border-light:#f0fff0;--border-focus:#99dd99;--border-error:#ffb3a3;--border-success:#a3e5a3;--shadow-sm:0 1px 3px 0 rgba(179,229,179,0.15);--shadow-md:0 4px 6px -1px rgba(179,229,179,0.2);--shadow-lg:0 10px 15px -3px rgba(179,229,179,0.25);--shadow-xl:0 20px 25px -5px rgba(179,229,179,0.3);--shadow-2xl:0 25px 50px -12px rgba(179,229,179,0.35);--shadow-inner:inset 0 2px 4px 0 rgba(179,229,179,0.1);--shadow-glow:0 0 20px rgba(179,229,179,0.5);--scrollbar-track:#f0fff0;--scrollbar-thumb:#b3e5b3;--scrollbar-thumb-hover:#99dd99;--code-bg:#f7fff7;--code-text:#5b7b5b;--code-comment:#88cc88;--code-string:#ff99bb;--code-keyword:#88aaff;--gradient-primary:linear-gradient(135deg,#b3e5b3 0%,#ffb3cc 100%);--gradient-success:linear-gradient(135deg,#a3e5a3 0%,#bbffbb 100%);--gradient-danger:linear-gradient(135deg,#ffb3a3 0%,#ffccbb 100%);--gradient-warning:linear-gradient(135deg,#ffe5a3 0%,#fff0bb 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#f7fff7 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');[data-theme='sunset-sherbet']{--primary:#ffb399;--primary-dark:#ff9980;--primary-light:#ffccb3;--secondary:#ffb3b3;--secondary-dark:#ff9999;--secondary-light:#ffcccc;--success:#b3e5cc;--success-dark:#99ddbb;--success-light:#cceedc;--danger:#ffb3b3;--danger-dark:#ff9999;--danger-light:#ffcccc;--warning:#ffd199;--warning-dark:#ffc480;--warning-light:#ffddb3;--info:#b3ccff;--info-dark:#99bbff;--info-light:#ccddff;--bg-dark:#fff0e6;--bg-darker:#ffe8d9;--bg-primary:#fffbf7;--bg-secondary:#fff5ed;--bg-tertiary:#fff0e6;--bg-card:#fffaf5;--bg-card-hover:#fff5ed;--bg-input:#ffe0cc;--bg-input-hover:#ffd6bd;--bg-modal:rgba(255,179,153,0.95);--bg-sidebar:#ffebdd;--bg-overlay:rgba(255,179,153,0.4);--text-primary:#4c2d1e;--text-secondary:#7c5b4e;--text-tertiary:#9c7b6e;--text-muted:#ccad9e;--text-disabled:#dcc5b8;--border:#ffe0cc;--border-light:#fff0e5;--border-focus:#ff9980;--border-error:#ffb3b3;--border-success:#b3e5cc;--shadow-sm:0 1px 3px 0 rgba(255,179,153,0.15);--shadow-md:0 4px 6px -1px rgba(255,179,153,0.2);--shadow-lg:0 10px 15px -3px rgba(255,179,153,0.25);--shadow-xl:0 20px 25px -5px rgba(255,179,153,0.3);--shadow-2xl:0 25px 50px -12px rgba(255,179,153,0.35);--shadow-inner:inset 0 2px 4px 0 rgba(255,179,153,0.1);--shadow-glow:0 0 20px rgba(255,179,153,0.5);--scrollbar-track:#fff0e5;--scrollbar-thumb:#ffb399;--scrollbar-thumb-hover:#ff9980;--code-bg:#fff7f0;--code-text:#7b5b4b;--code-comment:#99cc99;--code-string:#ff9999;--code-keyword:#99aaff;--gradient-primary:linear-gradient(135deg,#ffb399 0%,#ffd199 100%);--gradient-success:linear-gradient(135deg,#b3e5cc 0%,#cceedc 100%);--gradient-danger:linear-gradient(135deg,#ffb3b3 0%,#ffcccc 100%);--gradient-warning:linear-gradient(135deg,#ffd199 0%,#ffddb3 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#fff7f0 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');[data-theme='ocean-breeze']{--primary:#99d9e5;--primary-dark:#80ccdd;--primary-light:#b3e5ee;--secondary:#99e5d9;--secondary-dark:#80ddcc;--secondary-light:#b3eee5;--success:#99e5b3;--success-dark:#80dd99;--success-light:#b3eecc;--danger:#ffb3b3;--danger-dark:#ff9999;--danger-light:#ffcccc;--warning:#ffe5b3;--warning-dark:#ffdd99;--warning-light:#fff0cc;--info:#99c7ff;--info-dark:#80b8ff;--info-light:#b3d6ff;--bg-dark:#f0faff;--bg-darker:#e6f5ff;--bg-primary:#f7feff;--bg-secondary:#f0faff;--bg-tertiary:#e6f5ff;--bg-card:#fafeff;--bg-card-hover:#f5fcff;--bg-input:#d9f0ff;--bg-input-hover:#cce9ff;--bg-modal:rgba(153,217,229,0.95);--bg-sidebar:#ebf7ff;--bg-overlay:rgba(153,217,229,0.4);--text-primary:#1e3a4c;--text-secondary:#4e6a7c;--text-tertiary:#6e8a9c;--text-muted:#9ebacc;--text-disabled:#b8cedc;--border:#cce9f2;--border-light:#e5f7ff;--border-focus:#80ccdd;--border-error:#ffb3b3;--border-success:#99e5b3;--shadow-sm:0 1px 3px 0 rgba(153,217,229,0.15);--shadow-md:0 4px 6px -1px rgba(153,217,229,0.2);--shadow-lg:0 10px 15px -3px rgba(153,217,229,0.25);--shadow-xl:0 20px 25px -5px rgba(153,217,229,0.3);--shadow-2xl:0 25px 50px -12px rgba(153,217,229,0.35);--shadow-inner:inset 0 2px 4px 0 rgba(153,217,229,0.1);--shadow-glow:0 0 20px rgba(153,217,229,0.5);--scrollbar-track:#e5f7ff;--scrollbar-thumb:#99d9e5;--scrollbar-thumb-hover:#80ccdd;--code-bg:#f0fcff;--code-text:#4b6b7b;--code-comment:#77cc99;--code-string:#ff99aa;--code-keyword:#6699ff;--gradient-primary:linear-gradient(135deg,#99d9e5 0%,#99e5d9 100%);--gradient-success:linear-gradient(135deg,#99e5b3 0%,#b3eecc 100%);--gradient-danger:linear-gradient(135deg,#ffb3b3 0%,#ffcccc 100%);--gradient-warning:linear-gradient(135deg,#ffe5b3 0%,#fff0cc 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#f0fcff 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');[data-theme='bubblegum-pop']{--primary:#ff99cc;--primary-dark:#ff80c0;--primary-light:#ffb3d9;--secondary:#cc99ff;--secondary-dark:#c080ff;--secondary-light:#d9b3ff;--success:#99ff99;--success-dark:#80ff80;--success-light:#b3ffb3;--danger:#ff9999;--danger-dark:#ff8080;--danger-light:#ffb3b3;--warning:#ffcc99;--warning-dark:#ffc080;--warning-light:#ffd9b3;--info:#99ccff;--info-dark:#80c0ff;--info-light:#b3d9ff;--bg-dark:#ffebf5;--bg-darker:#ffe0f0;--bg-primary:#fffbfe;--bg-secondary:#fff5fb;--bg-tertiary:#ffebf5;--bg-card:#fffafd;--bg-card-hover:#fff5fb;--bg-input:#ffd6eb;--bg-input-hover:#ffcce5;--bg-modal:rgba(255,153,204,0.95);--bg-sidebar:#ffe8f3;--bg-overlay:rgba(255,153,204,0.4);--text-primary:#4c1e3a;--text-secondary:#7c4e6a;--text-tertiary:#9c6e8a;--text-muted:#cc9eba;--text-disabled:#dcb8ca;--border:#ffe0f0;--border-light:#fff0fa;--border-focus:#ff80c0;--border-error:#ff9999;--border-success:#99ff99;--shadow-sm:0 1px 3px 0 rgba(255,153,204,0.2);--shadow-md:0 4px 6px -1px rgba(255,153,204,0.25);--shadow-lg:0 10px 15px -3px rgba(255,153,204,0.3);--shadow-xl:0 20px 25px -5px rgba(255,153,204,0.35);--shadow-2xl:0 25px 50px -12px rgba(255,153,204,0.4);--shadow-inner:inset 0 2px 4px 0 rgba(255,153,204,0.15);--shadow-glow:0 0 20px rgba(255,153,204,0.6);--scrollbar-track:#fff0fa;--scrollbar-thumb:#ff99cc;--scrollbar-thumb-hover:#ff80c0;--code-bg:#fff7fc;--code-text:#7b4b6b;--code-comment:#88cc88;--code-string:#ff8080;--code-keyword:#9999ff;--gradient-primary:linear-gradient(135deg,#ff99cc 0%,#cc99ff 100%);--gradient-success:linear-gradient(135deg,#99ff99 0%,#b3ffb3 100%);--gradient-danger:linear-gradient(135deg,#ff9999 0%,#ffb3b3 100%);--gradient-warning:linear-gradient(135deg,#ffcc99 0%,#ffd9b3 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,#fff7fc 100%);--opacity-hover:0.95;--opacity-disabled:0.6;--opacity-overlay:0.5}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');[data-theme='pastel-dream']{--bg-primary:#f3ebff;--bg-secondary:#f8f3ff;--bg-tertiary:#ede5ff}[data-theme='pastel-dream'] body,[data-theme='pastel-dream'] .main-content,[data-theme='pastel-dream'] .content-wrapper{background:linear-gradient(135deg,#f3ebff 0%,#f8f3ff 100%) !important;min-height:100vh}[data-theme='pastel-dream'] .modal-content{background:linear-gradient(135deg,#fdfaff 0%,#f8f3ff 100%);border:2px solid #e0b3ff}[data-theme='pastel-dream'] .btn-primary{background:linear-gradient(135deg,#e0b3ff 0%,#d19fff 100%);color:#3a2d4c;box-shadow:0 4px 15px rgba(224,179,255,0.4)}[data-theme='pastel-dream'] .card{background:rgba(253,250,255,0.9);backdrop-filter:blur(10px);border:1px solid #ede5ff}[data-theme='cotton-candy']{--bg-primary:#ffe8f3;--bg-secondary:#e6f5ff;--bg-tertiary:#ffd6e7}[data-theme='cotton-candy'] body,[data-theme='cotton-candy'] .main-content,[data-theme='cotton-candy'] .content-wrapper{background:linear-gradient(135deg,#ffe8f3 0%,#e6f5ff 100%) !important;min-height:100vh}[data-theme='cotton-candy'] .modal-content{background:linear-gradient(135deg,#fffafc 0%,#f5fcff 100%);border:2px solid #ffb6d9}[data-theme='cotton-candy'] .btn-primary{background:linear-gradient(135deg,#ffb6d9 0%,#a6d8ff 100%);color:#4c2d3f;box-shadow:0 4px 15px rgba(255,182,217,0.4)}[data-theme='cotton-candy'] .card{background:rgba(255,250,252,0.9);backdrop-filter:blur(10px);border:1px solid #ffe0ec}[data-theme='spring-meadow']{--bg-primary:#e8ffe8;--bg-secondary:#fff0f7;--bg-tertiary:#d6ffd6}[data-theme='spring-meadow'] body,[data-theme='spring-meadow'] .main-content,[data-theme='spring-meadow'] .content-wrapper{background:linear-gradient(135deg,#e8ffe8 0%,#fff0f7 100%) !important;min-height:100vh}[data-theme='spring-meadow'] .modal-content{background:linear-gradient(135deg,#fafffa 0%,#fff5fa 100%);border:2px solid #b3e5b3}[data-theme='spring-meadow'] .btn-primary{background:linear-gradient(135deg,#b3e5b3 0%,#99dd99 100%);color:#2d4c2d;box-shadow:0 4px 15px rgba(179,229,179,0.4)}[data-theme='spring-meadow'] .card{background:rgba(250,255,250,0.9);backdrop-filter:blur(10px);border:1px solid #dff2df}[data-theme='sunset-sherbet']{--bg-primary:#ffe8d9;--bg-secondary:#fff0e6;--bg-tertiary:#ffd6bd}[data-theme='sunset-sherbet'] body,[data-theme='sunset-sherbet'] .main-content,[data-theme='sunset-sherbet'] .content-wrapper{background:linear-gradient(135deg,#ffe8d9 0%,#fff0e6 100%) !important;min-height:100vh}[data-theme='sunset-sherbet'] .modal-content{background:linear-gradient(135deg,#fffaf5 0%,#ffe8d9 100%);border:2px solid #ffb399}[data-theme='sunset-sherbet'] .btn-primary{background:linear-gradient(135deg,#ffb399 0%,#ffd199 100%);color:#4c2d1e;box-shadow:0 4px 15px rgba(255,179,153,0.4)}[data-theme='sunset-sherbet'] .card{background:rgba(255,250,245,0.9);backdrop-filter:blur(10px);border:1px solid #ffe0cc}[data-theme='ocean-breeze']{--bg-primary:#e6f5ff;--bg-secondary:#f0faff;--bg-tertiary:#cce9ff}[data-theme='ocean-breeze'] body,[data-theme='ocean-breeze'] .main-content,[data-theme='ocean-breeze'] .content-wrapper{background:linear-gradient(135deg,#e6f5ff 0%,#f0faff 100%) !important;min-height:100vh}[data-theme='ocean-breeze'] .modal-content{background:linear-gradient(135deg,#fafeff 0%,#e6f5ff 100%);border:2px solid #99d9e5}[data-theme='ocean-breeze'] .btn-primary{background:linear-gradient(135deg,#99d9e5 0%,#99e5d9 100%);color:#1e3a4c;box-shadow:0 4px 15px rgba(153,217,229,0.4)}[data-theme='ocean-breeze'] .card{background:rgba(250,254,255,0.9);backdrop-filter:blur(10px);border:1px solid #cce9f2}[data-theme='bubblegum-pop']{--bg-primary:#ffe0f0;--bg-secondary:#f0e6ff;--bg-tertiary:#ffcce5}[data-theme='bubblegum-pop'] body,[data-theme='bubblegum-pop'] .main-content,[data-theme='bubblegum-pop'] .content-wrapper{background:linear-gradient(135deg,#ffe0f0 0%,#f0e6ff 100%) !important;min-height:100vh}[data-theme='bubblegum-pop'] .modal-content{background:linear-gradient(135deg,#fffafd 0%,#f8f0ff 100%);border:2px solid #ff99cc}[data-theme='bubblegum-pop'] .btn-primary{background:linear-gradient(135deg,#ff99cc 0%,#cc99ff 100%);color:#4c1e3a;box-shadow:0 4px 15px rgba(255,153,204,0.4)}[data-theme='bubblegum-pop'] .card{background:rgba(255,250,253,0.9);backdrop-filter:blur(10px);border:1px solid #ffe0f0}[data-theme='pastel-dream'] .sidebar,[data-theme='cotton-candy'] .sidebar,[data-theme='spring-meadow'] .sidebar,[data-theme='sunset-sherbet'] .sidebar,[data-theme='ocean-breeze'] .sidebar,[data-theme='bubblegum-pop'] .sidebar{backdrop-filter:blur(10px);box-shadow:2px 0 20px rgba(0,0,0,0.05)}[data-theme='pastel-dream'] .nav-item.active,[data-theme='cotton-candy'] .nav-item.active,[data-theme='spring-meadow'] .nav-item.active,[data-theme='sunset-sherbet'] .nav-item.active,[data-theme='ocean-breeze'] .nav-item.active,[data-theme='bubblegum-pop'] .nav-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:white;font-weight:600}[data-theme='pastel-dream'] .form-control:focus,[data-theme='cotton-candy'] .form-control:focus,[data-theme='spring-meadow'] .form-control:focus,[data-theme='sunset-sherbet'] .form-control:focus,[data-theme='ocean-breeze'] .form-control:focus,[data-theme='bubblegum-pop'] .form-control:focus{background:white;box-shadow:0 0 0 4px var(--primary-light)}[data-theme='pastel-dream'] .achievement-badge.earned,[data-theme='cotton-candy'] .achievement-badge.earned,[data-theme='spring-meadow'] .achievement-badge.earned,[data-theme='sunset-sherbet'] .achievement-badge.earned,[data-theme='ocean-breeze'] .achievement-badge.earned,[data-theme='bubblegum-pop'] .achievement-badge.earned{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:2px solid white;box-shadow:0 4px 15px rgba(0,0,0,0.1)}[data-theme='pastel-dream'] .stat-card,[data-theme='cotton-candy'] .stat-card,[data-theme='spring-meadow'] .stat-card,[data-theme='sunset-sherbet'] .stat-card,[data-theme='ocean-breeze'] .stat-card,[data-theme='bubblegum-pop'] .stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);border:1px solid var(--border)}[data-theme='pastel-dream'] .timer-display,[data-theme='cotton-candy'] .timer-display,[data-theme='spring-meadow'] .timer-display,[data-theme='sunset-sherbet'] .timer-display,[data-theme='ocean-breeze'] .timer-display,[data-theme='bubblegum-pop'] .timer-display{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}[data-theme='pastel-dream'] .btn-success,[data-theme='cotton-candy'] .btn-success,[data-theme='spring-meadow'] .btn-success,[data-theme='sunset-sherbet'] .btn-success,[data-theme='ocean-breeze'] .btn-success,[data-theme='bubblegum-pop'] .btn-success{color:#1a4d1a}[data-theme='pastel-dream'] .btn-danger,[data-theme='cotton-candy'] .btn-danger,[data-theme='spring-meadow'] .btn-danger,[data-theme='sunset-sherbet'] .btn-danger,[data-theme='ocean-breeze'] .btn-danger,[data-theme='bubblegum-pop'] .btn-danger{color:#7f1d1d}[data-theme='pastel-dream'] .fab,[data-theme='cotton-candy'] .fab,[data-theme='spring-meadow'] .fab,[data-theme='sunset-sherbet'] .fab,[data-theme='ocean-breeze'] .fab,[data-theme='bubblegum-pop'] .fab{color:var(--text-primary)}[data-theme='pastel-dream'] .nav-item.active,[data-theme='cotton-candy'] .nav-item.active,[data-theme='spring-meadow'] .nav-item.active,[data-theme='sunset-sherbet'] .nav-item.active,[data-theme='ocean-breeze'] .nav-item.active,[data-theme='bubblegum-pop'] .nav-item.active{color:var(--text-primary) !important}[data-theme='light'] .btn-primary{color:white}[data-theme='light'] .btn-success{color:white}[data-theme='light'] .btn-danger{color:white}[data-theme='pastel-dream'] .metronome-status,[data-theme='cotton-candy'] .metronome-status,[data-theme='spring-meadow'] .metronome-status,[data-theme='sunset-sherbet'] .metronome-status,[data-theme='ocean-breeze'] .metronome-status,[data-theme='bubblegum-pop'] .metronome-status,[data-theme='pastel-dream'] .accent-pattern-minimal label,[data-theme='cotton-candy'] .accent-pattern-minimal label,[data-theme='spring-meadow'] .accent-pattern-minimal label,[data-theme='sunset-sherbet'] .accent-pattern-minimal label,[data-theme='ocean-breeze'] .accent-pattern-minimal label,[data-theme='bubblegum-pop'] .accent-pattern-minimal label{color:var(--text-secondary) !important}[data-theme='pastel-dream'] .metronome-btn.start,[data-theme='cotton-candy'] .metronome-btn.start,[data-theme='spring-meadow'] .metronome-btn.start,[data-theme='sunset-sherbet'] .metronome-btn.start,[data-theme='ocean-breeze'] .metronome-btn.start,[data-theme='bubblegum-pop'] .metronome-btn.start{color:white !important}[data-theme='pastel-dream'] label,[data-theme='cotton-candy'] label,[data-theme='spring-meadow'] label,[data-theme='sunset-sherbet'] label,[data-theme='ocean-breeze'] label,[data-theme='bubblegum-pop'] label,[data-theme='light'] label{color:var(--text-secondary) !important}[data-theme='pastel-dream'] .tempo-display,[data-theme='cotton-candy'] .tempo-display,[data-theme='spring-meadow'] .tempo-display,[data-theme='sunset-sherbet'] .tempo-display,[data-theme='ocean-breeze'] .tempo-display,[data-theme='bubblegum-pop'] .tempo-display{color:var(--text-primary) !important;background:transparent !important;-webkit-text-fill-color:var(--text-primary) !important}[data-theme='pastel-dream'] .section-title,[data-theme='cotton-candy'] .section-title,[data-theme='spring-meadow'] .section-title,[data-theme='sunset-sherbet'] .section-title,[data-theme='ocean-breeze'] .section-title,[data-theme='bubblegum-pop'] .section-title,[data-theme='light'] .section-title{color:var(--text-primary) !important}[data-theme='pastel-dream'] .stat-label,[data-theme='cotton-candy'] .stat-label,[data-theme='spring-meadow'] .stat-label,[data-theme='sunset-sherbet'] .stat-label,[data-theme='ocean-breeze'] .stat-label,[data-theme='bubblegum-pop'] .stat-label,[data-theme='light'] .stat-label{color:var(--text-secondary) !important;opacity:1 !important}[data-theme='pastel-dream'] .stat-value,[data-theme='cotton-candy'] .stat-value,[data-theme='spring-meadow'] .stat-value,[data-theme='sunset-sherbet'] .stat-value,[data-theme='ocean-breeze'] .stat-value,[data-theme='bubblegum-pop'] .stat-value{color:var(--primary) !important;-webkit-text-fill-color:var(--primary) !important}[data-theme='pastel-dream'] .streak-display h3,[data-theme='cotton-candy'] .streak-display h3,[data-theme='spring-meadow'] .streak-display h3,[data-theme='sunset-sherbet'] .streak-display h3,[data-theme='ocean-breeze'] .streak-display h3,[data-theme='bubblegum-pop'] .streak-display h3,[data-theme='light'] .streak-display h3{color:var(--text-primary) !important}[data-theme='pastel-dream'] .calendar-legend,[data-theme='cotton-candy'] .calendar-legend,[data-theme='spring-meadow'] .calendar-legend,[data-theme='sunset-sherbet'] .calendar-legend,[data-theme='ocean-breeze'] .calendar-legend,[data-theme='bubblegum-pop'] .calendar-legend,[data-theme='light'] .calendar-legend{color:var(--text-secondary) !important}[data-theme='pastel-dream'] h1,[data-theme='pastel-dream'] h2,[data-theme='pastel-dream'] h3,[data-theme='pastel-dream'] h4,[data-theme='pastel-dream'] h5,[data-theme='pastel-dream'] h6,[data-theme='cotton-candy'] h1,[data-theme='cotton-candy'] h2,[data-theme='cotton-candy'] h3,[data-theme='cotton-candy'] h4,[data-theme='cotton-candy'] h5,[data-theme='cotton-candy'] h6,[data-theme='spring-meadow'] h1,[data-theme='spring-meadow'] h2,[data-theme='spring-meadow'] h3,[data-theme='spring-meadow'] h4,[data-theme='spring-meadow'] h5,[data-theme='spring-meadow'] h6,[data-theme='sunset-sherbet'] h1,[data-theme='sunset-sherbet'] h2,[data-theme='sunset-sherbet'] h3,[data-theme='sunset-sherbet'] h4,[data-theme='sunset-sherbet'] h5,[data-theme='sunset-sherbet'] h6,[data-theme='ocean-breeze'] h1,[data-theme='ocean-breeze'] h2,[data-theme='ocean-breeze'] h3,[data-theme='ocean-breeze'] h4,[data-theme='ocean-breeze'] h5,[data-theme='ocean-breeze'] h6,[data-theme='bubblegum-pop'] h1,[data-theme='bubblegum-pop'] h2,[data-theme='bubblegum-pop'] h3,[data-theme='bubblegum-pop'] h4,[data-theme='bubblegum-pop'] h5,[data-theme='bubblegum-pop'] h6,[data-theme='light'] h1,[data-theme='light'] h2,[data-theme='light'] h3,[data-theme='light'] h4,[data-theme='light'] h5,[data-theme='light'] h6{color:var(--text-primary) !important}[data-theme='pastel-dream'] .text-muted,[data-theme='cotton-candy'] .text-muted,[data-theme='spring-meadow'] .text-muted,[data-theme='sunset-sherbet'] .text-muted,[data-theme='ocean-breeze'] .text-muted,[data-theme='bubblegum-pop'] .text-muted,[data-theme='light'] .text-muted{color:var(--text-secondary) !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');[data-theme='pastel-dream']{background-color:#f3ebff !important}[data-theme='pastel-dream'] body,[data-theme='pastel-dream'] html,[data-theme='pastel-dream'] #app,[data-theme='pastel-dream'] #root,[data-theme='pastel-dream'] .app-container,[data-theme='pastel-dream'] .main-container,[data-theme='pastel-dream'] .content-area,[data-theme='pastel-dream'] main{background:#f3ebff !important;background-image:linear-gradient(to bottom right,#f3ebff,#f8f3ff) !important}[data-theme='cotton-candy']{background-color:#ffe8f3 !important}[data-theme='cotton-candy'] body,[data-theme='cotton-candy'] html,[data-theme='cotton-candy'] #app,[data-theme='cotton-candy'] #root,[data-theme='cotton-candy'] .app-container,[data-theme='cotton-candy'] .main-container,[data-theme='cotton-candy'] .content-area,[data-theme='cotton-candy'] main{background:#ffe8f3 !important;background-image:linear-gradient(to bottom right,#ffe8f3,#e6f5ff) !important}[data-theme='spring-meadow']{background-color:#e8ffe8 !important}[data-theme='spring-meadow'] body,[data-theme='spring-meadow'] html,[data-theme='spring-meadow'] #app,[data-theme='spring-meadow'] #root,[data-theme='spring-meadow'] .app-container,[data-theme='spring-meadow'] .main-container,[data-theme='spring-meadow'] .content-area,[data-theme='spring-meadow'] main{background:#e8ffe8 !important;background-image:linear-gradient(to bottom right,#e8ffe8,#fff0f7) !important}[data-theme='sunset-sherbet']{background-color:#ffe8d9 !important}[data-theme='sunset-sherbet'] body,[data-theme='sunset-sherbet'] html,[data-theme='sunset-sherbet'] #app,[data-theme='sunset-sherbet'] #root,[data-theme='sunset-sherbet'] .app-container,[data-theme='sunset-sherbet'] .main-container,[data-theme='sunset-sherbet'] .content-area,[data-theme='sunset-sherbet'] main{background:#ffe8d9 !important;background-image:linear-gradient(to bottom right,#ffe8d9,#fff0e6) !important}[data-theme='ocean-breeze']{background-color:#e6f5ff !important}[data-theme='ocean-breeze'] body,[data-theme='ocean-breeze'] html,[data-theme='ocean-breeze'] #app,[data-theme='ocean-breeze'] #root,[data-theme='ocean-breeze'] .app-container,[data-theme='ocean-breeze'] .main-container,[data-theme='ocean-breeze'] .content-area,[data-theme='ocean-breeze'] main{background:#e6f5ff !important;background-image:linear-gradient(to bottom right,#e6f5ff,#f0faff) !important}[data-theme='bubblegum-pop']{background-color:#ffe0f0 !important}[data-theme='bubblegum-pop'] body,[data-theme='bubblegum-pop'] html,[data-theme='bubblegum-pop'] #app,[data-theme='bubblegum-pop'] #root,[data-theme='bubblegum-pop'] .app-container,[data-theme='bubblegum-pop'] .main-container,[data-theme='bubblegum-pop'] .content-area,[data-theme='bubblegum-pop'] main{background:#ffe0f0 !important;background-image:linear-gradient(to bottom right,#ffe0f0,#f0e6ff) !important}[data-theme='pastel-dream'] .practice-page,[data-theme='cotton-candy'] .practice-page,[data-theme='spring-meadow'] .practice-page,[data-theme='sunset-sherbet'] .practice-page,[data-theme='ocean-breeze'] .practice-page,[data-theme='bubblegum-pop'] .practice-page{background:transparent !important}[data-theme='pastel-dream'] .dashboard,[data-theme='cotton-candy'] .dashboard,[data-theme='spring-meadow'] .dashboard,[data-theme='sunset-sherbet'] .dashboard,[data-theme='ocean-breeze'] .dashboard,[data-theme='bubblegum-pop'] .dashboard{background:transparent !important}[data-theme='pastel-dream'] .sidebar,[data-theme='cotton-candy'] .sidebar,[data-theme='spring-meadow'] .sidebar,[data-theme='sunset-sherbet'] .sidebar,[data-theme='ocean-breeze'] .sidebar,[data-theme='bubblegum-pop'] .sidebar{background:rgba(255,255,255,0.7) !important;backdrop-filter:blur(10px) !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.m-6{margin:var(--space-2xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mt-6{margin-top:var(--space-2xl)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-xs)}.mr-2{margin-right:var(--space-sm)}.mr-3{margin-right:var(--space-md)}.mr-4{margin-right:var(--space-lg)}.mr-5{margin-right:var(--space-xl)}.mr-6{margin-right:var(--space-2xl)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mb-6{margin-bottom:var(--space-2xl)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-xs)}.ml-2{margin-left:var(--space-sm)}.ml-3{margin-left:var(--space-md)}.ml-4{margin-left:var(--space-lg)}.ml-5{margin-left:var(--space-xl)}.ml-6{margin-left:var(--space-2xl)}.ml-auto{margin-left:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-2{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-3{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-4{margin-left:var(--space-lg);margin-right:var(--space-lg)}.mx-5{margin-left:var(--space-xl);margin-right:var(--space-xl)}.mx-6{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-2{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-3{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-4{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.my-5{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.my-6{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.my-auto{margin-top:auto;margin-bottom:auto}.-m-1{margin:calc(var(--space-xs) * -1)}.-m-2{margin:calc(var(--space-sm) * -1)}.-m-3{margin:calc(var(--space-md) * -1)}.-m-4{margin:calc(var(--space-lg) * -1)}.-mt-1{margin-top:calc(var(--space-xs) * -1)}.-mt-2{margin-top:calc(var(--space-sm) * -1)}.-mt-3{margin-top:calc(var(--space-md) * -1)}.-mt-4{margin-top:calc(var(--space-lg) * -1)}.-mr-1{margin-right:calc(var(--space-xs) * -1)}.-mr-2{margin-right:calc(var(--space-sm) * -1)}.-mr-3{margin-right:calc(var(--space-md) * -1)}.-mr-4{margin-right:calc(var(--space-lg) * -1)}.-mb-1{margin-bottom:calc(var(--space-xs) * -1)}.-mb-2{margin-bottom:calc(var(--space-sm) * -1)}.-mb-3{margin-bottom:calc(var(--space-md) * -1)}.-mb-4{margin-bottom:calc(var(--space-lg) * -1)}.-ml-1{margin-left:calc(var(--space-xs) * -1)}.-ml-2{margin-left:calc(var(--space-sm) * -1)}.-ml-3{margin-left:calc(var(--space-md) * -1)}.-ml-4{margin-left:calc(var(--space-lg) * -1)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.p-6{padding:var(--space-2xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-xs)}.pt-2{padding-top:var(--space-sm)}.pt-3{padding-top:var(--space-md)}.pt-4{padding-top:var(--space-lg)}.pt-5{padding-top:var(--space-xl)}.pt-6{padding-top:var(--space-2xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-xs)}.pr-2{padding-right:var(--space-sm)}.pr-3{padding-right:var(--space-md)}.pr-4{padding-right:var(--space-lg)}.pr-5{padding-right:var(--space-xl)}.pr-6{padding-right:var(--space-2xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-xs)}.pb-2{padding-bottom:var(--space-sm)}.pb-3{padding-bottom:var(--space-md)}.pb-4{padding-bottom:var(--space-lg)}.pb-5{padding-bottom:var(--space-xl)}.pb-6{padding-bottom:var(--space-2xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-xs)}.pl-2{padding-left:var(--space-sm)}.pl-3{padding-left:var(--space-md)}.pl-4{padding-left:var(--space-lg)}.pl-5{padding-left:var(--space-xl)}.pl-6{padding-left:var(--space-2xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-3{padding-left:var(--space-md);padding-right:var(--space-md)}.px-4{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-5{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-6{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-3{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-4{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-5{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-6{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.gap-0{gap:0}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}.gap-6{gap:var(--space-2xl)}.row-gap-0{row-gap:0}.row-gap-1{row-gap:var(--space-xs)}.row-gap-2{row-gap:var(--space-sm)}.row-gap-3{row-gap:var(--space-md)}.row-gap-4{row-gap:var(--space-lg)}.row-gap-5{row-gap:var(--space-xl)}.row-gap-6{row-gap:var(--space-2xl)}.col-gap-0{column-gap:0}.col-gap-1{column-gap:var(--space-xs)}.col-gap-2{column-gap:var(--space-sm)}.col-gap-3{column-gap:var(--space-md)}.col-gap-4{column-gap:var(--space-lg)}.col-gap-5{column-gap:var(--space-xl)}.col-gap-6{column-gap:var(--space-2xl)}@media (min-width:768px){.md\:m-0{margin:0}.md\:m-1{margin:var(--space-xs)}.md\:m-2{margin:var(--space-sm)}.md\:m-3{margin:var(--space-md)}.md\:m-4{margin:var(--space-lg)}.md\:m-5{margin:var(--space-xl)}.md\:m-6{margin:var(--space-2xl)}.md\:p-0{padding:0}.md\:p-1{padding:var(--space-xs)}.md\:p-2{padding:var(--space-sm)}.md\:p-3{padding:var(--space-md)}.md\:p-4{padding:var(--space-lg)}.md\:p-5{padding:var(--space-xl)}.md\:p-6{padding:var(--space-2xl)}.md\:gap-0{gap:0}.md\:gap-1{gap:var(--space-xs)}.md\:gap-2{gap:var(--space-sm)}.md\:gap-3{gap:var(--space-md)}.md\:gap-4{gap:var(--space-lg)}.md\:gap-5{gap:var(--space-xl)}.md\:gap-6{gap:var(--space-2xl)}}@media (min-width:1024px){.lg\:m-0{margin:0}.lg\:m-1{margin:var(--space-xs)}.lg\:m-2{margin:var(--space-sm)}.lg\:m-3{margin:var(--space-md)}.lg\:m-4{margin:var(--space-lg)}.lg\:m-5{margin:var(--space-xl)}.lg\:m-6{margin:var(--space-2xl)}.lg\:p-0{padding:0}.lg\:p-1{padding:var(--space-xs)}.lg\:p-2{padding:var(--space-sm)}.lg\:p-3{padding:var(--space-md)}.lg\:p-4{padding:var(--space-lg)}.lg\:p-5{padding:var(--space-xl)}.lg\:p-6{padding:var(--space-2xl)}.lg\:gap-0{gap:0}.lg\:gap-1{gap:var(--space-xs)}.lg\:gap-2{gap:var(--space-sm)}.lg\:gap-3{gap:var(--space-md)}.lg\:gap-4{gap:var(--space-lg)}.lg\:gap-5{gap:var(--space-xl)}.lg\:gap-6{gap:var(--space-2xl)}}.space-x-0>*+*{margin-left:0}.space-x-1>*+*{margin-left:var(--space-xs)}.space-x-2>*+*{margin-left:var(--space-sm)}.space-x-3>*+*{margin-left:var(--space-md)}.space-x-4>*+*{margin-left:var(--space-lg)}.space-x-5>*+*{margin-left:var(--space-xl)}.space-y-0>*+*{margin-top:0}.space-y-1>*+*{margin-top:var(--space-xs)}.space-y-2>*+*{margin-top:var(--space-sm)}.space-y-3>*+*{margin-top:var(--space-md)}.space-y-4>*+*{margin-top:var(--space-lg)}.space-y-5>*+*{margin-top:var(--space-xl)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');@import url('./utilities/spacing.css');.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.hidden{display:none !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.right-0{right:0 !important}.right-50{right:50% !important}.right-100{right:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.left-0{left:0 !important}.left-50{left:50% !important}.left-100{left:100% !important}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.z-0{z-index:0 !important}.z-10{z-index:10 !important}.z-20{z-index:20 !important}.z-30{z-index:30 !important}.z-40{z-index:40 !important}.z-50{z-index:50 !important}.z-100{z-index:100 !important}.z-1000{z-index:1000 !important}.z-9999{z-index:9999 !important}.z-auto{z-index:auto !important}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}.clearfix::after{content:'';display:table;clear:both}.object-contain{object-fit:contain !important}.object-cover{object-fit:cover !important}.object-fill{object-fit:fill !important}.object-none{object-fit:none !important}.object-scale-down{object-fit:scale-down !important}.hide-mobile{display:none !important}.show-mobile{display:block !important}@media (min-width:768px){.md\:d-none{display:none !important}.md\:d-inline{display:inline !important}.md\:d-inline-block{display:inline-block !important}.md\:d-block{display:block !important}.md\:d-flex{display:flex !important}.md\:d-inline-flex{display:inline-flex !important}.md\:d-grid{display:grid !important}.hide-tablet{display:none !important}.show-tablet{display:block !important}}@media (min-width:1024px){.lg\:d-none{display:none !important}.lg\:d-inline{display:inline !important}.lg\:d-inline-block{display:inline-block !important}.lg\:d-block{display:block !important}.lg\:d-flex{display:flex !important}.lg\:d-inline-flex{display:inline-flex !important}.lg\:d-grid{display:grid !important}.hide-desktop{display:none !important}.show-desktop{display:block !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}}.cursor-auto{cursor:auto !important}.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-text{cursor:text !important}.cursor-move{cursor:move !important}.cursor-not-allowed{cursor:not-allowed !important}.cursor-help{cursor:help !important}.cursor-grab{cursor:grab !important}.cursor-grabbing{cursor:grabbing !important}.user-select-none{user-select:none !important}.user-select-text{user-select:text !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.resize-none{resize:none !important}.resize-both{resize:both !important}.resize-horizontal{resize:horizontal !important}.resize-vertical{resize:vertical !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');@import url('./utilities/spacing.css');@import url('./utilities/display.css');.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.text-uppercase{text-transform:uppercase !important}.text-lowercase{text-transform:lowercase !important}.text-capitalize{text-transform:capitalize !important}.text-normal-case{text-transform:none !important}.text-thin{font-weight:100 !important}.text-extralight{font-weight:200 !important}.text-light{font-weight:300 !important}.text-normal{font-weight:400 !important}.text-medium{font-weight:500 !important}.text-semibold{font-weight:600 !important}.text-bold{font-weight:700 !important}.text-extrabold{font-weight:800 !important}.text-black{font-weight:900 !important}.text-italic{font-style:italic !important}.text-normal-style{font-style:normal !important}.text-underline{text-decoration:underline !important}.text-line-through{text-decoration:line-through !important}.text-no-decoration{text-decoration:none !important}.text-overline{text-decoration:overline !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-pre{white-space:pre !important}.text-pre-line{white-space:pre-line !important}.text-pre-wrap{white-space:pre-wrap !important}.text-break{word-break:break-word !important}.text-break-all{word-break:break-all !important}.text-break-normal{word-break:normal !important}.text-truncate{overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important}.text-ellipsis{text-overflow:ellipsis !important}.text-clip{text-overflow:clip !important}.text-xs{font-size:0.75rem !important;line-height:1rem !important}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-base{font-size:1rem !important;line-height:1.5rem !important}.text-lg{font-size:1.125rem !important;line-height:1.75rem !important}.text-xl{font-size:1.25rem !important;line-height:1.75rem !important}.text-2xl{font-size:1.5rem !important;line-height:2rem !important}.text-3xl{font-size:1.875rem !important;line-height:2.25rem !important}.text-4xl{font-size:2.25rem !important;line-height:2.5rem !important}.text-5xl{font-size:3rem !important;line-height:1 !important}.text-6xl{font-size:3.75rem !important;line-height:1 !important}.text-7xl{font-size:4.5rem !important;line-height:1 !important}.text-8xl{font-size:6rem !important;line-height:1 !important}.text-9xl{font-size:8rem !important;line-height:1 !important}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-muted{color:var(--text-muted) !important}.text-success{color:var(--success) !important}.text-warning{color:var(--warning) !important}.text-danger{color:var(--danger) !important}.text-info{color:var(--info) !important}.text-white{color:#ffffff !important}.text-black{color:#000000 !important}.text-gray-100{color:#f3f4f6 !important}.text-gray-200{color:#e5e7eb !important}.text-gray-300{color:#d1d5db !important}.text-gray-400{color:#9ca3af !important}.text-gray-500{color:#6b7280 !important}.text-gray-600{color:#4b5563 !important}.text-gray-700{color:#374151 !important}.text-gray-800{color:#1f2937 !important}.text-gray-900{color:#111827 !important}.leading-none{line-height:1 !important}.leading-tight{line-height:1.25 !important}.leading-snug{line-height:1.375 !important}.leading-normal{line-height:1.5 !important}.leading-relaxed{line-height:1.625 !important}.leading-loose{line-height:2 !important}.leading-3{line-height:0.75rem !important}.leading-4{line-height:1rem !important}.leading-5{line-height:1.25rem !important}.leading-6{line-height:1.5rem !important}.leading-7{line-height:1.75rem !important}.leading-8{line-height:2rem !important}.leading-9{line-height:2.25rem !important}.leading-10{line-height:2.5rem !important}.tracking-tighter{letter-spacing:-0.05em !important}.tracking-tight{letter-spacing:-0.025em !important}.tracking-normal{letter-spacing:0em !important}.tracking-wide{letter-spacing:0.025em !important}.tracking-wider{letter-spacing:0.05em !important}.tracking-widest{letter-spacing:0.1em !important}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif !important}.font-serif{font-family:ui-serif,Georgia,Cambria,'Times New Roman',Times,serif !important}.font-mono{font-family:ui-monospace,SFMono-Regular,'SF Mono',Consolas,'Liberation Mono',Menlo,monospace !important}.select-none{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.select-text{-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important}.select-all{-webkit-user-select:all !important;-moz-user-select:all !important;-ms-user-select:all !important;user-select:all !important}.select-auto{-webkit-user-select:auto !important;-moz-user-select:auto !important;-ms-user-select:auto !important;user-select:auto !important}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-top{vertical-align:text-top !important}.align-text-bottom{vertical-align:text-bottom !important}.align-sub{vertical-align:sub !important}.align-super{vertical-align:super !important}.indent-0{text-indent:0px !important}.indent-px{text-indent:1px !important}.indent-0-5{text-indent:0.125rem !important}.indent-1{text-indent:0.25rem !important}.indent-1-5{text-indent:0.375rem !important}.indent-2{text-indent:0.5rem !important}.indent-2-5{text-indent:0.625rem !important}.indent-3{text-indent:0.75rem !important}.indent-3-5{text-indent:0.875rem !important}.indent-4{text-indent:1rem !important}.indent-5{text-indent:1.25rem !important}.indent-6{text-indent:1.5rem !important}.indent-7{text-indent:1.75rem !important}.indent-8{text-indent:2rem !important}.writing-mode-horizontal{writing-mode:horizontal-tb !important}.writing-mode-vertical-lr{writing-mode:vertical-lr !important}.writing-mode-vertical-rl{writing-mode:vertical-rl !important}.text-ltr{direction:ltr !important}.text-rtl{direction:rtl !important}.word-spacing-normal{word-spacing:normal !important}.word-spacing-tight{word-spacing:-0.05em !important}.word-spacing-wide{word-spacing:0.05em !important}.word-spacing-wider{word-spacing:0.1em !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');@import url('./utilities/spacing.css');@import url('./utilities/display.css');.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-normal{text-transform:none !important}.text-decoration-none{text-decoration:none !important}.text-underline{text-decoration:underline !important}.text-line-through{text-decoration:line-through !important}.font-weight-light{font-weight:300 !important}.font-weight-normal{font-weight:400 !important}.font-weight-medium{font-weight:500 !important}.font-weight-semibold{font-weight:600 !important}.font-weight-bold{font-weight:700 !important}.font-italic{font-style:italic !important}.font-normal{font-style:normal !important}.text-nowrap{white-space:nowrap !important}.text-wrap{white-space:normal !important}.text-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.text-success{color:var(--success) !important}.text-danger{color:var(--danger) !important}.text-warning{color:var(--warning) !important}.text-info{color:var(--info) !important}.bg-transparent{background-color:transparent !important}.bg-primary{background-color:var(--primary) !important}.bg-secondary{background-color:var(--secondary) !important}.bg-success{background-color:var(--success) !important}.bg-danger{background-color:var(--danger) !important}.bg-warning{background-color:var(--warning) !important}.bg-info{background-color:var(--info) !important}.bg-dark{background-color:var(--bg-dark) !important}.bg-card{background-color:var(--bg-card) !important}.bg-input{background-color:var(--bg-input) !important}.bg-gradient-primary{background:var(--gradient-primary) !important}.bg-gradient-success{background:var(--gradient-success) !important}.bg-gradient-danger{background:var(--gradient-danger) !important}.bg-gradient-warning{background:var(--gradient-warning) !important}.border-0{border:0 !important}.border{border:1px solid var(--border) !important}.border-2{border:2px solid var(--border) !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.border-primary{border-color:var(--primary) !important}.border-secondary{border-color:var(--secondary) !important}.border-success{border-color:var(--success) !important}.border-danger{border-color:var(--danger) !important}.border-warning{border-color:var(--warning) !important}.rounded-0{border-radius:0 !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded{border-radius:var(--radius-md) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.rounded-full{border-radius:9999px !important}.shadow-none{box-shadow:none !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.shadow-2xl{box-shadow:var(--shadow-2xl) !important}.shadow-inner{box-shadow:var(--shadow-inner) !important}.w-auto{width:auto !important}.w-0{width:0 !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-full{width:100% !important}.w-screen{width:100vw !important}.max-w-none{max-width:none !important}.max-w-sm{max-width:640px !important}.max-w-md{max-width:768px !important}.max-w-lg{max-width:1024px !important}.max-w-xl{max-width:1280px !important}.max-w-2xl{max-width:1536px !important}.max-w-full{max-width:100% !important}.min-w-0{min-width:0 !important}.min-w-full{min-width:100% !important}.h-auto{height:auto !important}.h-0{height:0 !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-full{height:100% !important}.h-screen{height:100vh !important}.min-h-0{min-height:0 !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.aspect-square{aspect-ratio:1 / 1 !important}.aspect-video{aspect-ratio:16 / 9 !important}.aspect-4-3{aspect-ratio:4 / 3 !important}.rotate-0{transform:rotate(0deg) !important}.rotate-45{transform:rotate(45deg) !important}.rotate-90{transform:rotate(90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.-rotate-180{transform:rotate(-180deg) !important}.scale-0{transform:scale(0) !important}.scale-50{transform:scale(0.5) !important}.scale-75{transform:scale(0.75) !important}.scale-100{transform:scale(1) !important}.scale-125{transform:scale(1.25) !important}.scale-150{transform:scale(1.5) !important}.translate-center{transform:translate(-50%,-50%) !important;position:absolute !important;top:50% !important;left:50% !important}.transition-none{transition:none !important}.transition-all{transition:all var(--transition-base) !important}.transition-fast{transition:all var(--transition-fast) !important}.transition-slow{transition:all var(--transition-slow) !important}.list-none{list-style:none !important}.list-disc{list-style-type:disc !important}.list-decimal{list-style-type:decimal !important}.img-fluid{max-width:100% !important;height:auto !important}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-top{vertical-align:text-top !important}.align-text-bottom{vertical-align:text-bottom !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.focus-visible:focus{outline:2px solid var(--primary) !important;outline-offset:2px !important}.disabled,[disabled]{opacity:0.5 !important;cursor:not-allowed !important;pointer-events:none !important}@media print{.no-print{display:none !important}.print-only{display:block !important}}.container{width:100% !important;max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;padding-left:var(--space-lg) !important;padding-right:var(--space-lg) !important}.gradient-text{background:var(--gradient-primary) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}.animate-spin{animation:spin 1s linear infinite !important}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite !important}.animate-bounce{animation:bounce 1s infinite !important}.animate-fade-in{animation:fadeIn var(--transition-base) !important}.animate-slide-in{animation:slideIn var(--transition-base) !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.filter-none{filter:none !important}.filter-grayscale{filter:grayscale(100%) !important}.filter-blur{filter:blur(4px) !important}.filter-blur-sm{filter:blur(2px) !important}.filter-blur-lg{filter:blur(8px) !important}.filter-brightness-50{filter:brightness(0.5) !important}.filter-brightness-75{filter:brightness(0.75) !important}.filter-brightness-125{filter:brightness(1.25) !important}.filter-brightness-150{filter:brightness(1.5) !important}.backdrop-blur{backdrop-filter:blur(10px) !important}.backdrop-blur-sm{backdrop-filter:blur(4px) !important}.backdrop-blur-lg{backdrop-filter:blur(20px) !important}.scroll-smooth{scroll-behavior:smooth !important}.scroll-snap-x{scroll-snap-type:x mandatory !important;overflow-x:auto !important}.scroll-snap-y{scroll-snap-type:y mandatory !important;overflow-y:auto !important}.scroll-snap-start{scroll-snap-align:start !important}.scroll-snap-center{scroll-snap-align:center !important}.scroll-snap-end{scroll-snap-align:end !important}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.hover\:scale-105:hover{transform:scale(1.05) !important}.hover\:scale-110:hover{transform:scale(1.1) !important}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg) !important}.hover\:opacity-80:hover{opacity:0.8 !important}.active\:scale-95:active{transform:scale(0.95) !important}.active\:opacity-70:active{opacity:0.7 !important}.focus\:outline-none:focus{outline:none !important}.focus\:ring:focus{outline:none !important;box-shadow:0 0 0 3px rgba(99,102,241,0.1) !important}.skeleton-loading{background:linear-gradient( 90deg,var(--bg-input) 0%,var(--bg-card) 50%,var(--bg-input) 100% ) !important;background-size:200% 100% !important;animation:skeleton-loading 1.5s ease-in-out infinite !important}.loading-dots::after{content:'...' !important;animation:loading-dots 1.5s infinite !important}@keyframes loading-dots{0%{content:'.'}33%{content:'..'}66%{content:'...'}}@media (max-width:767px){.hide-sm{display:none !important}}@media (min-width:768px) and (max-width:1023px){.hide-md{display:none !important}}@media (min-width:1024px){.hide-lg{display:none !important}}@media (max-width:767px){.show-only-sm{display:block !important}}@media (min-width:768px) and (max-width:1023px){.show-only-md{display:block !important}}@media (min-width:1024px){.show-only-lg{display:block !important}}.focus-trap{position:relative !important}.focus-trap:focus-within{outline:2px solid var(--primary) !important;outline-offset:4px !important}.skip-to-content{position:absolute !important;left:-9999px !important;z-index:999 !important;padding:1em !important;background-color:var(--bg-card) !important;color:var(--text-primary) !important;text-decoration:none !important}.skip-to-content:focus{left:50% !important;transform:translateX(-50%) !important;top:10px !important}@media (prefers-contrast:high){.high-contrast-border{border:2px solid currentColor !important}}@media (prefers-reduced-motion:reduce){.motion-safe{animation:none !important;transition:none !important}}.clearfix::after{content:'' !important;display:table !important;clear:both !important}.aspect-ratio-box{position:relative !important;width:100% !important}.aspect-ratio-box::before{content:'' !important;display:block !important;padding-bottom:56.25% !important}.aspect-ratio-box>*{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.line-clamp-1{display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.line-clamp-2{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.line-clamp-3{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.debug *{outline:1px solid red !important}.debug-grid{background-image:repeating-linear-gradient( 0deg,rgba(255,0,0,0.1),rgba(255,0,0,0.1) 10px,transparent 10px,transparent 20px ),repeating-linear-gradient( 90deg,rgba(255,0,0,0.1),rgba(255,0,0,0.1) 10px,transparent 10px,transparent 20px ) !important}#__ARTIFACT_CONTAINER__,.artifact-container,[data-artifact-container]{display:none !important}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');@import url('./utilities/spacing.css');@import url('./utilities/display.css');@import url('./utilities/helpers.css');.audio-controls{display:flex;flex-direction:column;gap:var(--space-lg)}.speed-control-section{background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-lg)}.speed-buttons{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.speed-decrease-buttons{display:flex;gap:var(--space-sm)}.speed-increase-buttons{display:flex;gap:var(--space-sm);margin-left:auto}.speed-buttons>.btn{min-width:60px}.speed-buttons>.btn:nth-child(1),.speed-buttons>.btn:nth-child(2),.speed-buttons>.btn:nth-child(3){margin-right:0}.speed-buttons>.btn:nth-child(4){margin-left:auto}.speed-buttons>.btn:nth-child(4),.speed-buttons>.btn:nth-child(5),.speed-buttons>.btn:nth-child(6){margin-left:var(--space-sm)}.speed-display{flex:1;text-align:center;font-size:var(--text-lg);font-weight:600;color:var(--primary)}.speed-control-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-lg)}.speed-control-grid .speed-decrease-buttons{justify-self:start}.speed-control-grid .speed-increase-buttons{justify-self:end}#audioTab .metronome-widget,#audioTab .metronome-container,#audioTab .metronome-section,#audioTab .metronome-component,#audioTab [class*='metronome']:not(.btn){display:none !important}.audio-layout .metronome-widget,.audio-layout .metronome-container,.audio-layout .metronome-section,.audio-layout .metronome-component{display:none !important}.tab-pane[data-tab='audio'] .metronome-widget,.tab-pane[data-tab='audio'] .metronome-container,.tab-pane[data-tab='audio'] .metronome-section{display:none !important}#metronomeTab .metronome-widget,#metronomeTab .metronome-container,#metronomeTab .metronome-section,#metronomeTab .metronome-component{display:block !important}.tab-pane[data-tab='metronome'] .metronome-widget,.tab-pane[data-tab='metronome'] .metronome-container{display:block !important}.pitch-control-section{background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.pitch-buttons{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.pitch-decrease-buttons{display:flex;gap:var(--space-sm)}.pitch-increase-buttons{display:flex;gap:var(--space-sm);margin-left:auto}@media (max-width:768px){.speed-buttons,.pitch-buttons{flex-direction:column;gap:var(--space-md)}.speed-decrease-buttons,.speed-increase-buttons,.pitch-decrease-buttons,.pitch-increase-buttons{width:100%;justify-content:center;margin-left:0}.speed-display{order:-1;margin-bottom:var(--space-md)}.speed-buttons .btn,.pitch-buttons .btn{min-width:80px}}.audio-player-container{display:flex;flex-direction:column;gap:var(--space-lg)}.audio-player-controls{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.transport-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.progress-section{margin-bottom:var(--space-lg)}.loop-controls{background:var(--bg-input);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-lg)}.loop-controls h4{margin:0 0 var(--space-sm) 0;font-size:var(--text-base)}.loop-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.loop-main-controls{display:flex;align-items:center;gap:var(--space-md);flex:0 0 75%;justify-content:space-between}.loop-main-controls .btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);white-space:nowrap;flex:0 0 auto}.loop-info{color:var(--primary);font-weight:600;font-size:var(--text-sm);background:var(--bg-dark);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);white-space:nowrap;flex:0 0 auto}.loop-enable{margin:0;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap;flex:0 0 auto}@media (max-width:768px){.loop-content{flex-direction:column;gap:var(--space-sm)}.loop-main-controls{flex:1 1 100%;width:100%;justify-content:center;gap:var(--space-sm)}.loop-enable{width:auto}}@media (max-width:1024px){.loop-main-controls{flex:0 0 70%;gap:var(--space-sm)}}.save-session-btn{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) auto 0;padding:var(--space-md) var(--space-xl);background:var(--success);color:white;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-base)}.save-session-btn:hover{background:var(--success-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@import url('./base/reset.css');@import url('./base/variables.css');@import url('./base/typography.css');@import url('./base/animations.css');@import url('./base/mobile-enhancements.css');@import url('./layout/grid.css');@import url('./layout/sidebar.css');@import url('./layout/header.css');@import url('./layout/responsive.css');@import url('./components/buttons.css');@import url('./components/forms.css');@import url('./components/cards.css');@import url('./components/modals.css');@import url('./components/timer.css');@import url('./components/audio-player.css');@import url('./components/metronome.css');@import url('./components/metronome-image.css');@import url('./components/achievements.css');@import url('./components/lazy-image.css');@import url('./components/goals.css');@import url('./components/stats.css');@import url('./components/quick-stats.css');@import url('./components/heatmap.css');@import url('./components/waveform.css');@import url('./components/notifications.css');@import url('./components/footer.css');@import url('./components/tips-popup.css');@import url('./components/cloud-sync-manager.css');@import url('./components/top-navigation.css');@import './components/practice-form.css';@import './components/practice-log-modal.css';@import './components/repertoire.css';@import './components/unified-practice.css';@import './components/daily-suggestion.css';@import url('./components/mobile-timer.css');@import url('./components/mobile-audio-player.css');@import url('./components/mobile-navigation.css');@import url('./components/mobile-practice-tabs.css');@import url('./components/mobile-unified-practice.css');@import './components/recent-sessions.css';@import './components/calendar-stats.css';@import url('./components/history-practice-again.css');@import url('./components/save-session-image.css');@import url('./components/history-thumbnails.css');@import './minimal-practice.css';@import url('./components/fretboard.css');@import url('./components/fretboard-v2.css');@import url('./components/fretboard-simple.css');@import url('./components/fretboard-notes.css');@import url('./components/c-major-fretboard.css');@import url('./pages/auth.css');@import url('./pages/dashboard-new.css');@import url('./pages/calendar.css');@import url('./pages/settings.css');@import url('./pages/learning.css');@import url('./pages/drills.css');@import url('./courses/courses.css');@import url('./themes/dark.css');@import url('./themes/light.css');@import url('./themes/midnight-blue.css');@import url('./themes/forest-green.css');@import url('./themes/sunset-orange.css');@import url('./themes/royal-purple.css');@import url('./themes/ocean-teal.css');@import url('./themes/neon-cyber.css');@import url('./themes/coffee-brown.css');@import url('./themes/northern-lights.css');@import url('./themes/nordic-ice.css');@import url('./themes/cherry-blossom.css');@import url('./themes/cyberpunk.css');@import url('./themes/earth-tone.css');@import url('./themes/cosmic-purple.css');@import url('./themes/crimson-red.css');@import url('./themes/golden-amber.css');@import url('./themes/emerald-green.css');@import url('./themes/slate-gray.css');@import url('./themes/pastel-dream.css');@import url('./themes/cotton-candy.css');@import url('./themes/spring-meadow.css');@import url('./themes/sunset-sherbet.css');@import url('./themes/ocean-breeze.css');@import url('./themes/bubblegum-pop.css');@import url('./themes/pastel-overrides.css');@import url('./themes/pastel-backgrounds.css');@import url('./utilities/spacing.css');@import url('./utilities/display.css');@import url('./utilities/helpers.css');@import url('./utilities/audio-player-fixes.css');.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.text-uppercase{text-transform:uppercase !important}.text-lowercase{text-transform:lowercase !important}.text-capitalize{text-transform:capitalize !important}.text-bold{font-weight:bold !important}.text-normal{font-weight:normal !important}.text-light{font-weight:300 !important}.text-italic{font-style:italic !important}.text-normal-style{font-style:normal !important}.text-underline{text-decoration:underline !important}.text-line-through{text-decoration:line-through !important}.text-no-decoration{text-decoration:none !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-break:break-word !important}.text-truncate{overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.875rem !important}.text-4xl{font-size:2.25rem !important}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-muted{color:var(--text-muted) !important}.text-success{color:var(--success) !important}.text-warning{color:var(--warning) !important}.text-danger{color:var(--danger) !important}.text-info{color:var(--info) !important}.leading-none{line-height:1 !important}.leading-tight{line-height:1.25 !important}.leading-snug{line-height:1.375 !important}.leading-normal{line-height:1.5 !important}.leading-relaxed{line-height:1.625 !important}.leading-loose{line-height:2 !important}.main-content .menu-toggle{display:none}@media (max-width:768px){.main-content .menu-toggle{display:block}}.timer-section{margin-bottom:var(--space-xl)}.audio-player-wrapper{padding:var(--space-lg)}.metronome-wrapper{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--space-lg)}.session-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.session-date{color:var(--text-secondary);font-size:0.875rem}.session-duration{color:var(--primary);font-weight:600}.session-details{display:flex;flex-direction:column;gap:var(--space-xs)}.session-detail{display:flex;gap:var(--space-xs);font-size:0.875rem}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary)}.session-notes{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-size:0.875rem;color:var(--text-secondary);font-style:italic}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--space-xl);font-style:italic}.app-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:9999}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#error-message{max-width:90%;margin:0 auto;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,0.3)}#error-message strong{color:var(--danger);display:block;margin-bottom:1rem;font-size:1.2rem}#error-message button{margin:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all 0.2s ease}#error-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.streak-heatmap{padding:1rem}.heatmap-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;max-width:300px}.heatmap-day{width:10px;height:10px;background:var(--text-muted);border-radius:2px;opacity:0.3}.heatmap-day.has-practice{background:var(--success);opacity:1}.data-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;padding:1rem;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{color:var(--text-secondary);font-size:0.875rem}.summary-value{color:var(--text-primary);font-weight:600}.btn-danger{background:var(--danger);color:white;border:1px solid var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.practice-reminder-notification{animation:slideInRight 0.3s ease}.practice-reminder-notification .reminder-content h4{margin:0 0 8px 0;color:var(--primary)}.practice-reminder-notification .reminder-content p{margin:0 0 16px 0;color:var(--text-primary)}.practice-reminder-notification .reminder-actions{display:flex;gap:12px}.practice-reminder-notification .reminder-actions button{flex:1}.practice-recommendations{margin-bottom:2rem}.recommendations-title{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.recommendation-section{margin-bottom:2rem}.section-title{margin-bottom:1rem;color:var(--text-primary)}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.recommendation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all 0.2s ease}.recommendation-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.repertoire-card{border-left:4px solid var(--primary)}.goal-card{border-left:4px solid var(--success)}.warmup-card{border-left:4px solid var(--warning)}.balance-card{border-left:4px solid var(--info)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.recommendation-card h5{margin:0 0 0.5rem 0;color:var(--text-primary)}.recommendation-desc{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem}.exercise-list{margin-bottom:1rem}.exercise-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid rgba(var(--border),0.5)}.exercise-item:last-child{border-bottom:none}.exercise-name{color:var(--text-primary);font-weight:500}.exercise-meta{display:flex;gap:1rem;align-items:center}.exercise-focus{color:var(--text-secondary);font-size:0.85rem;text-transform:capitalize}.exercise-duration{color:var(--primary);font-size:0.85rem;font-weight:600}.recommendation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.total-duration{color:var(--text-secondary);font-size:0.9rem}.priority{padding:2px 8px;border-radius:4px;font-size:0.75rem;font-weight:600;text-transform:uppercase}.priority-high{background:rgba(239,68,68,0.1);color:var(--danger)}.priority-medium{background:rgba(245,158,11,0.1);color:var(--warning)}.priority-low{background:rgba(59,130,246,0.1);color:var(--info)}@media (max-width:768px){.recommendation-cards{grid-template-columns:1fr}}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px}.badge-success{background:var(--success-bg,#10b98115);color:var(--success,#10b981)}.account-info{background:var(--bg-secondary);padding:1rem;border-radius:8px;margin-bottom:1rem}.account-info p{margin:0.5rem 0}.admin-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.admin-section h4{margin-bottom:0.5rem;color:var(--text-primary)}.settings-note{color:var(--text-secondary);font-size:0.875rem;margin-top:0.5rem}body>.admin-banner{position:fixed !important;top:30px !important;right:-45px !important;background:linear-gradient(135deg,#FFD700,#FFA500) !important;color:#1a1a1a !important;font-weight:700 !important;font-size:14px !important;letter-spacing:0.1em !important;padding:8px 60px !important;transform:rotate(45deg) !important;transform-origin:center !important;box-shadow:0 4px 12px rgba(0,0,0,0.4) !important;z-index:99999 !important;text-align:center !important;min-width:200px !important;text-transform:uppercase !important;overflow:visible !important;display:block !important;width:auto !important;height:auto !important}.admin-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);pointer-events:none}.admin-banner::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.2) 80%,transparent)}