@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--accent-primary: #0ea5e9;--accent-secondary: #8b5cf6;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--success: #10b981;--error: #ef4444;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}:root[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #12182b;--bg-tertiary: #1a2338;--accent-primary: #06b6d4;--accent-secondary: #a78bfa;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #1e293b;--success: #34d399;--error: #f87171;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5)}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logo{font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--accent-primary);letter-spacing:-.5px}.theme-toggle{background:var(--bg-tertiary);border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.nav-section{margin-top:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary);margin-bottom:.25rem}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-weight:500}.nav-icon{font-size:1.25rem}.main-content{flex:1;margin-left:280px;padding:2rem 3rem;min-height:100vh}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:var(--text-muted)}.timer-container{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px;margin-bottom:2rem}.scramble-section{margin-bottom:1.5rem}.scramble-display{font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.8;word-spacing:.5rem;background:var(--bg-tertiary);padding:1rem;border-radius:12px}.timer-display{font-family:Roboto Mono,monospace;font-size:6rem;font-weight:700;color:var(--text-primary);margin:2rem 0;transition:color .2s}.timer-display.running{color:var(--accent-primary)}.timer-display.holding{color:var(--success)}.timer-hint{color:var(--text-muted);font-size:1rem}.toggle-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.toggle-label{color:var(--text-secondary);font-weight:500}.toggle-switch{width:50px;height:26px;background:var(--bg-tertiary);border-radius:13px;cursor:pointer;position:relative;transition:background .3s;border:2px solid var(--border-color)}.toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-slider{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s}.toggle-switch.active .toggle-slider{transform:translate(24px)}.inspection-container{margin:2rem 0}.inspection-label{color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.inspection-timer{font-family:Roboto Mono,monospace;font-size:5rem;font-weight:700;color:var(--accent-primary)}.inspection-timer.warning{color:#f59e0b}.inspection-timer.critical{color:var(--error);animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.stat-card.highlight .stat-label{color:#fffc}.stat-value{font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700}.stat-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.recent-solves{margin-top:2rem;background:var(--bg-secondary);border-radius:16px;padding:1.5rem}.recent-solves h3{margin-bottom:1rem;color:var(--text-primary)}.solves-list{display:flex;flex-direction:column;gap:.5rem}.solve-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px}.solve-item.dnf{opacity:.5}.solve-num{color:var(--text-muted);font-size:.875rem;width:50px}.solve-time{font-family:Roboto Mono,monospace;font-weight:600;font-size:1.125rem}.solve-actions{display:flex;gap:.5rem}.solve-actions button{background:var(--bg-secondary);border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:all .2s}.solve-actions button:hover,.solve-actions button.active{background:var(--accent-primary);color:#fff}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-practice{background:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-practice:hover{background:var(--accent-primary);color:#fff}.cube-visualization{display:flex;justify-content:center;margin:1.5rem 0;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px}.cube-net{display:grid;grid-template-columns:repeat(12,28px);grid-template-rows:repeat(9,28px);gap:3px;padding:.5rem}.cube-sticker{border-radius:4px;border:1.5px solid rgba(0,0,0,.25);box-shadow:0 1px 3px #0000001a}.sticker-white{background:#fff}.sticker-yellow{background:#ffd500}.sticker-green{background:#00d158}.sticker-blue{background:#0046ad}.sticker-red{background:#dc2626}.sticker-orange{background:#ff5800}.notation-guide{background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border-color);overflow:hidden}.notation-guide-toggle{width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.notation-guide-header{display:flex;align-items:center;gap:.75rem}.notation-guide-icon{font-size:1.5rem}.notation-guide-title{text-align:left}.notation-guide-name{font-weight:600;font-size:1.1rem}.notation-guide-subtitle{font-size:.85rem;color:var(--text-muted)}.notation-guide-arrow{font-size:1rem;transition:transform .2s}.notation-guide-arrow.expanded{transform:rotate(180deg)}.notation-guide-content{padding:0 1.25rem 1.5rem}.notation-intro{background:var(--bg-tertiary);border-radius:10px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid var(--accent-primary)}.notation-intro p{margin:0;color:var(--text-secondary);line-height:1.6}.notation-section-title{color:var(--accent-primary);margin-bottom:1rem;font-size:1rem}.notation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.notation-card{background:var(--bg-tertiary);border-radius:10px;padding:1rem;text-align:center;border:2px solid transparent}.notation-move{font-size:2rem;font-weight:700;font-family:Roboto Mono,monospace}.notation-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notation-desc{font-size:.8rem;color:var(--text-muted)}.notation-modifiers{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.notation-modifier{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);padding:1rem;border-radius:10px}.modifier-example{font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-primary);min-width:50px}.modifier-info{display:flex;flex-direction:column}.modifier-info strong{color:var(--text-primary)}.modifier-info span{color:var(--text-secondary);font-size:.9rem}.notation-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1.5rem}.notation-advanced-item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.advanced-move{font-family:Roboto Mono,monospace;font-weight:600;color:var(--accent-secondary);min-width:30px}.advanced-desc{font-size:.85rem;color:var(--text-secondary)}.notation-tips{background:var(--bg-tertiary);border-radius:10px;padding:1rem}.notation-tips h4{color:var(--text-primary);margin-bottom:.75rem}.notation-tips ul{margin:0;padding-left:1.25rem}.notation-tips li{color:var(--text-secondary);margin-bottom:.5rem}.progress-banner{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-info h3{font-size:1rem;color:var(--text-primary)}.progress-info p{color:var(--text-muted);font-size:.875rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.5rem 1rem;background:var(--bg-secondary);border-radius:20px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .2s;border:1px solid var(--border-color)}.filter-chip:hover{background:var(--bg-tertiary)}.filter-chip.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sort-controls{margin-top:1rem;display:flex;align-items:center;gap:1rem}.sort-label{color:var(--text-muted);font-size:.875rem}.alg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.alg-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;transition:all .2s;border:2px solid transparent}.alg-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.alg-card.learned{border-color:var(--success)}.alg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;cursor:pointer}.alg-header h4{font-size:1rem;color:var(--text-primary)}.checkbox{width:24px;height:24px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--success);transition:all .2s}.alg-card.learned .checkbox{background:var(--success);border-color:var(--success);color:#fff}.alg-case{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.alg-cube-section{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.alg-cube-face{flex-shrink:0}.alg-scramble{flex:1}.scramble-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.scramble-text{font-family:Roboto Mono,monospace;font-size:.85rem;color:var(--text-secondary)}.alg-solution{font-family:Roboto Mono,monospace;font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.75rem;border-radius:6px;word-break:break-word}.alg-solution-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8rem}.move-count{color:var(--accent-primary);font-weight:500}.alg-notes{color:var(--text-muted);font-style:italic}.alg-alternatives{margin-bottom:.75rem;border-top:1px solid var(--border-color);padding-top:.75rem}.alternatives-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:.85rem;padding:.25rem 0;transition:opacity .2s}.alternatives-toggle:hover{opacity:.8}.alternative-item:hover{border-color:var(--accent-primary)}.alt-name{font-weight:600;color:var(--text-primary)}.alt-moves{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .375rem;border-radius:4px}.alt-solution{font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem;border-radius:4px;word-break:break-word}.alt-notes{font-size:.75rem;color:var(--text-muted);margin-top:.375rem;font-style:italic}.alg-description{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.alg-badges{display:flex;gap:.5rem;margin-bottom:1rem}.difficulty-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.difficulty-badge.beginner{background:#10b98133;color:var(--success)}.difficulty-badge.intermediate{background:#f59e0b33;color:#f59e0b}.difficulty-badge.advanced{background:#ef444433;color:var(--error)}.frequency-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted)}.alg-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.alg-best-time{font-family:Roboto Mono,monospace;font-size:.85rem;color:var(--accent-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.training-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.training-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.training-modal-header h2{font-size:1.25rem;color:var(--text-primary)}.training-modal-body{padding:1.5rem}.training-scramble-section{display:flex;gap:1.5rem;margin-bottom:1.5rem}.training-cube-face{flex-shrink:0}.training-scramble-info{flex:1}.scramble-moves{font-family:Roboto Mono,monospace;font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);padding:.75rem;border-radius:8px;margin-bottom:.75rem}.training-solution{margin-top:1rem}.training-timer-section{text-align:center;padding:2rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.training-timer-display{font-family:Roboto Mono,monospace;font-size:4rem;font-weight:700;color:var(--text-primary);transition:color .2s}.training-timer-display.running{color:var(--accent-primary)}.training-timer-display.holding{color:var(--success)}.training-timer-hint{color:var(--text-muted);margin-top:.5rem}.training-stats-section h3{margin-bottom:1rem;color:var(--text-primary)}.training-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.training-stat-card{background:var(--bg-tertiary);padding:1rem;border-radius:8px;text-align:center}.training-stat-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.training-stat-value{font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700;color:var(--accent-primary)}.training-recent-times{margin-bottom:1rem}.training-recent-times h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.recent-times-list{display:flex;flex-wrap:wrap;gap:.5rem}.recent-time-chip{font-family:Roboto Mono,monospace;font-size:.85rem;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.recent-time-chip.best{background:var(--success);color:#fff}.training-practice-count{text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.auth-modal{background:var(--bg-secondary);border-radius:16px;padding:2rem;width:90%;max-width:400px;position:relative;animation:slideUp .3s ease}.auth-modal h2{margin-bottom:.5rem;color:var(--text-primary)}.auth-modal p{color:var(--text-secondary);margin-bottom:1.5rem}.auth-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.auth-input:focus{outline:none;border-color:var(--accent-primary)}.auth-error{background:#ef44441a;color:var(--error);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.auth-success{text-align:center;padding:2rem 0}.auth-success h3{color:var(--success);margin-bottom:.5rem}.sync-status{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem}.sync-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.sync-indicator.online{background:var(--success)}.sync-indicator.offline{background:var(--text-muted)}.sync-indicator.syncing{background:#f59e0b;animation:pulse 1s infinite}.sync-user{flex:1;font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-button{background:var(--bg-secondary);border:none;padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;color:var(--text-secondary)}.sync-button:hover{background:var(--accent-primary);color:#fff}.level-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.level-label{color:var(--text-secondary);font-weight:500}.practice-plan{background:var(--bg-secondary);border-radius:16px;overflow:hidden}.plan-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.plan-header h2{margin-bottom:.5rem;color:var(--text-primary)}.plan-header p{color:var(--text-muted);margin-bottom:1rem}.plan-progress{display:flex;flex-direction:column;gap:.5rem}.plan-progress span{font-size:.875rem;color:var(--text-secondary)}.drills-list{padding:1rem}.drill-card{background:var(--bg-tertiary);border-radius:12px;margin-bottom:.75rem;overflow:hidden;border:2px solid transparent;transition:all .2s}.drill-card.completed{border-color:var(--success)}.drill-header{display:flex;align-items:center;padding:1rem;cursor:pointer}.drill-icon{font-size:1.5rem;margin-right:1rem}.drill-info{flex:1}.drill-info h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.drill-duration{font-size:.85rem;color:var(--text-muted)}.drill-checkbox{width:28px;height:28px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);transition:all .2s}.drill-card.completed .drill-checkbox{background:var(--success);border-color:var(--success);color:#fff}.drill-content{padding:0 1rem 1rem;border-top:1px solid var(--border-color)}.drill-context-section{background:var(--bg-secondary);padding:1rem;border-radius:8px;margin:1rem 0;border-left:3px solid var(--accent-primary)}.drill-context-section h4{color:var(--accent-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.drill-context-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.drill-overview{color:var(--text-secondary);margin:1rem 0}.drill-exercises{display:flex;flex-direction:column;gap:1rem}.exercise{background:var(--bg-secondary);padding:1rem;border-radius:8px}.exercise h4{color:var(--text-primary);margin-bottom:.5rem}.exercise p{color:var(--text-muted);font-size:.9rem;margin-bottom:.75rem}.exercise ol{margin:0;padding-left:1.25rem}.exercise li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.drill-tips{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.drill-tips h4{color:var(--text-primary);margin-bottom:.5rem}.drill-tips ul{margin:0;padding-left:1.25rem}.drill-tips li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.diagnosis-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.diagnosis-intro h3{color:var(--text-primary);margin-bottom:.75rem}.diagnosis-intro p{color:var(--text-secondary);margin-bottom:.5rem}.solve-count{color:var(--text-muted);margin:1rem 0}.diagnosis-results{background:var(--bg-secondary);border-radius:16px;padding:1.5rem}.results-header{margin-bottom:1.5rem}.results-header h3{color:var(--text-primary);margin-bottom:.25rem}.results-header p{color:var(--text-muted);font-size:.9rem}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.skills-section{margin-bottom:1.5rem}.skills-section h4{color:var(--text-primary);margin-bottom:1rem}.skill-bar{margin-bottom:1rem}.skill-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.skill-icon{font-size:1rem}.skill-label{flex:1;color:var(--text-primary);font-weight:500}.skill-score{font-family:Roboto Mono,monospace;color:var(--text-secondary)}.skill-track{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.skill-fill{height:100%;border-radius:4px;transition:width .5s ease}.recommendations-section h4{color:var(--text-primary);margin-bottom:1rem}.recommendation-card{background:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:4px solid var(--accent-primary)}.recommendation-card h5{color:var(--text-primary);margin-bottom:.5rem}.recommendation-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.settings-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h3{color:var(--text-primary);margin-bottom:1rem}.account-card{padding:0}.account-header{display:flex;align-items:center;gap:1rem}.account-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.account-info h3{color:var(--text-primary);margin-bottom:0}.account-info p{color:var(--text-muted);font-size:.875rem;margin:0}.settings-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.leaderboard-placeholder{background:var(--bg-secondary);border-radius:16px;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.leaderboard-placeholder h3{color:var(--text-primary);margin-bottom:.5rem}.leaderboard-placeholder p{color:var(--text-muted);margin-bottom:1.5rem}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.timer-display{font-size:4rem}.training-timer-display{font-size:3rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.alg-grid{grid-template-columns:1fr}.training-scramble-section{flex-direction:column}.training-stats-grid{grid-template-columns:repeat(3,1fr)}.stats-summary{grid-template-columns:1fr}}.alg-solution-section{margin-bottom:.75rem}.alg-solution-meta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.move-count{font-size:.75rem;color:var(--accent-primary);font-weight:600}.alg-notes{font-size:.75rem;color:var(--text-muted);font-style:italic}.alg-alternatives{margin:.75rem 0;border-top:1px solid var(--border-color);padding-top:.75rem}.alternatives-toggle{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;padding:.25rem 0;transition:color .2s}.alternatives-toggle:hover{color:var(--accent-secondary)}.alternatives-toggle span:first-child{font-size:.7rem}.alternatives-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.alternative-item{background:var(--bg-tertiary);border-radius:8px;padding:.75rem;cursor:pointer;border:2px solid transparent;transition:all .2s}.alternative-item:hover{border-color:var(--border-color)}.alternative-item.selected{border-color:var(--accent-primary);background:#06b6d41a}.alt-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.alt-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.alt-moves{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:4px}.alt-selected{margin-left:auto;color:var(--accent-primary);font-weight:700}.alt-solution{font-family:Roboto Mono,monospace;font-size:.85rem;color:var(--text-secondary);word-break:break-word}.alt-notes{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.25rem}@media (max-width: 768px){.alternatives-list{max-height:200px;overflow-y:auto}}