.legacy-panel {
  --bg: #030303;
  --bg-elevated: #080808;
  --bg-card: rgba(5, 5, 5, 0.85);
  --bg-hover: #111111;
  --border: rgba(255, 255, 255, 0.10);
  --text: #FFFFFF;
  --text-muted: #A8A8A8;
  --accent: #FF1A1A;
  --accent-dim: #8B0000;
  --success: #34D399;
  --danger: #f87171;
  --radius: 16px;
  --radius-sm: 10px;
  --font: "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", monospace;
  color: var(--text);
}

.legacy-panel .course-player-body { max-width: none; }

.legacy-panel .dashboard-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:2rem;display:flex}.legacy-panel .hero-stats{flex-direction:column;gap:1.25rem;display:flex}.legacy-panel .hero-stat{color:var(--text-muted);align-items:center;gap:.75rem;display:flex}.legacy-panel .hero-stat-value{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2;display:block}.legacy-panel .hero-stat-label{font-size:.8rem}.legacy-panel .progress-ring-fill{transition:stroke-dashoffset .6s}.legacy-panel .progress-ring-text{fill:var(--text);font-size:1.5rem;font-weight:700;font-family:var(--font)}.legacy-panel .streak-badge{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.legacy-panel .streak-badge.legacy-panel .active{color:#fb923c}.legacy-panel .streak-count{font-size:1.5rem;font-weight:700;line-height:1}.legacy-panel .streak-label{font-size:.75rem;display:block}.legacy-panel .start-banner{border-radius:var(--radius);color:var(--accent);background:#818cf81a;border:1px solid #818cf84d;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.legacy-panel .week-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.legacy-panel .week-card-header{color:var(--accent);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.legacy-panel .week-card h3{font-size:.95rem}.legacy-panel .week-focus{margin-bottom:.35rem;font-size:1rem}.legacy-panel .week-deliverable{color:var(--text-muted);font-size:.85rem}.legacy-panel .dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.legacy-panel .phase-overview,.legacy-panel .activity-calendar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.legacy-panel .phase-overview h3,.legacy-panel .activity-calendar h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem}.legacy-panel .phase-bar-row{grid-template-columns:120px 1fr 40px;align-items:center;gap:.75rem;margin-bottom:.6rem;display:grid}.legacy-panel .phase-bar-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.legacy-panel .phase-bar-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.legacy-panel .phase-bar-fill{border-radius:4px;height:100%;transition:width .4s}.legacy-panel .phase-bar-pct{color:var(--text-muted);text-align:right;font-size:.75rem;font-family:var(--mono)}.legacy-panel .cal-grid{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}.legacy-panel .cal-cell{aspect-ratio:1;background:var(--border);border-radius:3px;transition:background .2s}.legacy-panel .cal-cell.legacy-panel .active{background:rgba(129, 140, 248, calc(.2 + var(--intensity) * .8))}.legacy-panel .curriculum-view{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}.legacy-panel .curriculum-sidebar h2{margin-bottom:1rem;font-size:1.1rem}.legacy-panel .phase-cards{flex-direction:column;gap:.5rem;display:flex}.legacy-panel .phase-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font);color:var(--text);padding:.85rem 1rem;transition:all .15s;display:block}.legacy-panel .phase-card:hover{border-color:var(--phase-color);background:var(--bg-hover)}.legacy-panel .phase-card.legacy-panel .active{border-color:var(--phase-color);box-shadow:0 0 0 1px var(--phase-color)}.legacy-panel .phase-card-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.legacy-panel .phase-duration{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.legacy-panel .phase-done-icon{color:var(--success)}.legacy-panel .phase-card-title{margin-bottom:.5rem;font-size:.85rem;font-weight:600}.legacy-panel .phase-card-progress{align-items:center;gap:.5rem;display:flex}.legacy-panel .phase-card-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.legacy-panel .phase-card-bar-fill{background:var(--phase-color);border-radius:2px;height:100%;transition:width .3s}.legacy-panel .phase-card-count{color:var(--text-muted);font-size:.7rem;font-family:var(--mono)}.legacy-panel .phase-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.legacy-panel .phase-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.legacy-panel .phase-detail h2{margin:.25rem 0;font-size:1.4rem}.legacy-panel .phase-goal{color:var(--text-muted);font-size:.9rem}.legacy-panel .stat-pill{color:var(--accent);font-size:.8rem;font-family:var(--mono);background:#818cf826;border-radius:20px;padding:.3rem .75rem}.legacy-panel .topics-section,.legacy-panel .checkpoint-section,.legacy-panel .resources-section{margin-bottom:1.5rem}.legacy-panel .topics-section h3,.legacy-panel .checkpoint-section h3,.legacy-panel .resources-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.legacy-panel .topic-list{list-style:none}.legacy-panel .topic-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.6rem 0;display:flex}.legacy-panel .topic-item:last-child{border-bottom:none}.legacy-panel .topic-item.legacy-panel .done .legacy-panel .topic-text{color:var(--text-muted);text-decoration:line-through}.legacy-panel .topic-check{background:var(--bg-hover);cursor:pointer;width:24px;height:24px;color:var(--text-muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .15s;display:flex}.legacy-panel .topic-item.legacy-panel .done .legacy-panel .topic-check{color:var(--success);background:#34d39933}.legacy-panel .topic-check:hover{background:var(--border)}.legacy-panel .topic-text{font-size:.9rem;line-height:1.5}.legacy-panel .checkpoint-text{border-left:3px solid var(--phase-color,var(--accent));border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#818cf814;padding:1rem;font-size:.9rem}.legacy-panel .resource-list{list-style:none}.legacy-panel .resource-list li{margin-bottom:.4rem}.legacy-panel .resource-list a{color:var(--accent);align-items:center;gap:.4rem;font-size:.9rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.legacy-panel .resource-list a:hover{opacity:.8;text-decoration:underline}.legacy-panel .daily-log{max-width:800px}.legacy-panel .daily-log-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.legacy-panel .daily-date h2{text-align:center;font-size:1.5rem}.legacy-panel .daily-date-sub{text-align:center;color:var(--text-muted);font-size:.85rem;display:block}.legacy-panel .nav-btn{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.legacy-panel .nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.legacy-panel .nav-btn:disabled{opacity:.3;cursor:not-allowed}.legacy-panel .daily-metrics{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.legacy-panel .metric-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.legacy-panel .metric-field label{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.legacy-panel .metric-field input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--mono);padding:.5rem .75rem;font-size:1.25rem;font-weight:600}.legacy-panel .metric-field input:focus{border-color:var(--accent);outline:none}.legacy-panel .mood-picker{gap:.35rem;display:flex}.legacy-panel .mood-btn{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;font-size:1.2rem;transition:all .15s}.legacy-panel .mood-btn:hover{border-color:var(--accent);transform:scale(1.1)}.legacy-panel .mood-btn.legacy-panel .selected{border-color:var(--accent);background:#818cf826;transform:scale(1.15)}.legacy-panel .daily-notes{margin-bottom:2rem}.legacy-panel .daily-notes label{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;display:block}.legacy-panel .daily-notes textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font);resize:vertical;padding:1rem;font-size:.9rem;line-height:1.6}.legacy-panel .daily-notes textarea:focus{border-color:var(--accent);outline:none}.legacy-panel .daily-notes textarea::placeholder{color:var(--text-muted)}.legacy-panel .daily-topics h3{margin-bottom:.25rem;font-size:1rem}.legacy-panel .daily-topics-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.legacy-panel .daily-phase-group{margin-bottom:1rem}.legacy-panel .daily-phase-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.legacy-panel .daily-topic-grid{flex-wrap:wrap;gap:.35rem;display:flex}.legacy-panel .daily-topic-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font);text-align:left;border-radius:20px;padding:.3rem .65rem;transition:all .15s}.legacy-panel .daily-topic-chip:hover{border-color:var(--text-muted);color:var(--text)}.legacy-panel .daily-topic-chip.legacy-panel .active{color:var(--text)}.legacy-panel .settings-panel{max-width:600px}.legacy-panel .settings-panel h2{margin-bottom:1.5rem;font-size:1.5rem}.legacy-panel .settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.5rem}.legacy-panel .settings-section h3{align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.95rem;display:flex}.legacy-panel .settings-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.legacy-panel .settings-section input[type=date]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);padding:.5rem .75rem}.legacy-panel .settings-section input[type=date]:focus{border-color:var(--accent);outline:none}.legacy-panel .settings-actions{flex-wrap:wrap;gap:.75rem;display:flex}.legacy-panel .btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.legacy-panel .btn.legacy-panel .secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.legacy-panel .btn.legacy-panel .secondary:hover{border-color:var(--accent);color:var(--accent)}.legacy-panel .btn.legacy-panel .danger{color:var(--danger);background:#f8717126;border:1px solid #f871714d}.legacy-panel .btn.legacy-panel .danger:hover{background:#f8717140}.legacy-panel .settings-section.legacy-panel .danger{border-color:#f8717133}.legacy-panel .courses-view{max-width:1100px}.legacy-panel .courses-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.legacy-panel .courses-header h2{margin-bottom:.25rem;font-size:1.5rem}.legacy-panel .courses-subtitle{color:var(--text-muted);font-size:.9rem}.legacy-panel .courses-summary{gap:1.25rem;display:flex}.legacy-panel .courses-summary-stat{text-align:center}.legacy-panel .summary-value{font-size:1.5rem;font-weight:700;font-family:var(--mono);display:block}.legacy-panel .summary-label{color:var(--text-muted);font-size:.75rem}.legacy-panel .course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.legacy-panel .course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.legacy-panel .course-card-accent{background:var(--course-color);height:3px;position:absolute;top:0;left:0;right:0}.legacy-panel .course-category{text-transform:uppercase;letter-spacing:.05em;color:var(--course-color);font-size:.7rem;font-weight:600}.legacy-panel .course-card-title{font-size:1rem;font-weight:600;line-height:1.4}.legacy-panel .course-card-stats{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.legacy-panel .course-card-stats span{align-items:center;gap:.3rem;display:flex}.legacy-panel .course-launch-btn{border-radius:var(--radius-sm);background:var(--course-color);color:#fff;font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.legacy-panel .course-launch-btn:hover{opacity:.9;transform:translateY(-1px)}.legacy-panel .course-player-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.legacy-panel .back-btn{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;transition:all .15s;display:flex}.legacy-panel .back-btn:hover{border-color:var(--accent);color:var(--accent)}.legacy-panel .course-player-title{flex:1;min-width:200px}.legacy-panel .course-player-title h2{margin-bottom:.15rem;font-size:1.25rem}.legacy-panel .course-player-meta{color:var(--text-muted);font-size:.8rem}.legacy-panel .launch-btn{flex-shrink:0}.legacy-panel .course-player-progress-bar-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;height:28px;margin-bottom:1.25rem;display:flex;position:relative;overflow:hidden}.legacy-panel .course-player-progress-bar{opacity:.35;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.legacy-panel .course-player-progress-bar-wrap span{z-index:1;color:var(--text-muted);font-size:.8rem;font-family:var(--mono);padding:0 .75rem;position:relative}.legacy-panel .course-player-body{grid-template-columns:1fr 340px;align-items:start;gap:1.25rem;display:grid}.legacy-panel .video-panel{min-width:0}.legacy-panel .video-frame{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.legacy-panel .yt-embed{width:100%;height:100%;position:absolute;inset:0}.legacy-panel .yt-embed iframe{border:none;width:100%;height:100%}.legacy-panel .video-placeholder{background:var(--bg-card);color:var(--text-muted);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.legacy-panel .video-placeholder.legacy-panel .error{color:var(--danger)}.legacy-panel .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.legacy-panel .now-playing{color:var(--text-muted);margin-top:.75rem;font-size:.85rem;line-height:1.4}.legacy-panel .video-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 220px);padding:1rem;position:sticky;top:1rem;overflow-y:auto}.legacy-panel .video-sidebar h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.85rem}.legacy-panel .video-list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.legacy-panel .video-list-item{background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--font);color:var(--text);border:1px solid #0000;gap:.65rem;padding:.5rem;transition:all .15s;display:flex}.legacy-panel .video-list-item:hover{background:var(--bg-hover);border-color:var(--border)}.legacy-panel .video-list-item.legacy-panel .active{background:var(--bg-hover)}.legacy-panel .video-list-item.legacy-panel .done .legacy-panel .video-list-title{color:var(--text-muted)}.legacy-panel .video-thumb-wrap{aspect-ratio:16/9;border-radius:4px;flex-shrink:0;width:96px;position:relative;overflow:hidden}.legacy-panel .video-thumb{object-fit:cover;width:100%;height:100%}.legacy-panel .video-playing-badge,.legacy-panel .video-done-badge{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:4px;right:4px}.legacy-panel .video-playing-badge{background:var(--accent);color:#fff}.legacy-panel .video-done-badge{background:var(--success);color:#fff}.legacy-panel .video-list-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.legacy-panel .video-list-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.legacy-panel .video-list-duration{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.legacy-panel .course-dashboard-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1.25rem 1.5rem}.legacy-panel .course-dashboard-header{color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.legacy-panel .course-dashboard-header h3{flex:1;font-size:.95rem}.legacy-panel .course-dashboard-pill{color:var(--text-muted);font-size:.75rem;font-family:var(--mono)}.legacy-panel .course-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.legacy-panel .course-dashboard-card{background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid;padding:.75rem 1rem}.legacy-panel .course-dashboard-title{margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}.legacy-panel .course-dashboard-meta{color:var(--text-muted);font-size:.75rem}.legacy-panel .roadmap-view{max-width:900px}.legacy-panel .roadmap-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding:1.75rem 2rem;display:flex}.legacy-panel .roadmap-hero-label{color:var(--accent);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.legacy-panel .roadmap-hero h2{margin-bottom:.5rem;font-size:1.5rem}.legacy-panel .roadmap-hero p{color:var(--text-muted);max-width:520px;font-size:.9rem}.legacy-panel .roadmap-hero-stat{text-align:center;flex-shrink:0}.legacy-panel .roadmap-hero-pct{color:var(--accent);font-size:2.5rem;font-weight:700;line-height:1;display:block}.legacy-panel .roadmap-hero-sub{color:var(--text-muted);font-size:.8rem}.legacy-panel .roadmap-legend{color:var(--text-muted);gap:1.5rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.legacy-panel .roadmap-legend span{align-items:center;gap:.35rem;display:flex}.legacy-panel .legend-pending{color:var(--text-muted)}.legacy-panel .legend-active{color:var(--accent)}.legacy-panel .legend-done{color:var(--success)}.legacy-panel .roadmap-timeline{flex-direction:column;gap:0;display:flex}.legacy-panel .roadmap-stage{grid-template-columns:48px 1fr;gap:1rem;display:grid}.legacy-panel .roadmap-stage-marker{flex-direction:column;align-items:center;display:flex}.legacy-panel .roadmap-stage-num{background:var(--stage-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.legacy-panel .roadmap-connector{background:var(--border);flex:1;width:2px;min-height:24px;margin:4px 0}.legacy-panel .roadmap-stage-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.5rem}.legacy-panel .roadmap-stage-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.legacy-panel .roadmap-stage-duration{text-transform:uppercase;letter-spacing:.05em;color:var(--stage-color);font-size:.7rem;font-weight:600}.legacy-panel .roadmap-stage-header h3{margin:.2rem 0;font-size:1.1rem}.legacy-panel .roadmap-stage-desc{color:var(--text-muted);font-size:.85rem}.legacy-panel .roadmap-stage-stats{text-align:center;flex-shrink:0}.legacy-panel .roadmap-stage-ring{width:48px;height:48px;margin:0 auto .25rem;position:relative}.legacy-panel .roadmap-stage-ring svg{width:100%;height:100%}.legacy-panel .roadmap-stage-ring span{font-size:.7rem;font-weight:700;font-family:var(--mono);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.legacy-panel .roadmap-stage-count{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.legacy-panel .roadmap-items{flex-direction:column;gap:.35rem;display:flex}.legacy-panel .roadmap-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:left;width:100%;font-family:var(--font);color:var(--text);align-items:center;gap:.75rem;padding:.65rem .85rem;transition:all .15s;display:flex}.legacy-panel .roadmap-item:hover{border-color:var(--item-color);background:var(--bg-hover)}.legacy-panel .roadmap-item.legacy-panel .done{border-color:#34d3994d}.legacy-panel .roadmap-item.legacy-panel .active{border-color:#818cf866}.legacy-panel .roadmap-item-icon{background:var(--bg-hover);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.legacy-panel .roadmap-item.legacy-panel .done .legacy-panel .roadmap-item-icon{color:var(--success);background:#34d39933}.legacy-panel .roadmap-item.legacy-panel .active .legacy-panel .roadmap-item-icon{color:var(--accent);background:#818cf833}.legacy-panel .roadmap-item-body{flex:1;min-width:0}.legacy-panel .roadmap-item-label{font-size:.9rem;font-weight:500;display:block}.legacy-panel .roadmap-item-detail{color:var(--text-muted);font-size:.75rem}.legacy-panel .roadmap-item-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.legacy-panel .roadmap-item:hover .legacy-panel .roadmap-item-arrow{opacity:1;color:var(--item-color)}.legacy-panel .sidebar-brand div,.legacy-panel .nav-item span,.legacy-panel .sidebar-progress{display:none}.legacy-panel .sidebar-brand{margin-bottom:1.5rem}.legacy-panel .nav-item{justify-content:center;padding:.65rem}.legacy-panel .main{margin-left:64px;padding:1.25rem}.legacy-panel .dashboard-grid,.legacy-panel .curriculum-view,.legacy-panel .daily-metrics{grid-template-columns:1fr}.legacy-panel .dashboard-hero{text-align:center;flex-direction:column;gap:1.5rem}.legacy-panel .hero-stats{align-items:center}.legacy-panel .course-player-body{grid-template-columns:1fr}.legacy-panel .video-sidebar{max-height:400px;position:static}.legacy-panel .courses-header{flex-direction:column}}

/* Fix over-scoped compound selectors */
.legacy-panel .phase-card.active { border-color: var(--phase-color); box-shadow: 0 0 0 1px var(--phase-color); }
.legacy-panel .topic-item.done .topic-text { color: var(--text-muted); text-decoration: line-through; }
.legacy-panel .topic-item.done .topic-check { color: var(--success); background: rgba(52,211,153,0.2); }
.legacy-panel .btn.secondary { background: var(--bg-hover); color: var(--text); border: 1px solid var(--border); }
.legacy-panel .btn.secondary:hover { border-color: var(--accent); color: var(--accent); }
.legacy-panel .btn.danger { color: var(--danger); background: rgba(255, 59, 92, 0.15); border: 1px solid rgba(255, 23, 68, 0.35); }
.legacy-panel .roadmap-item.done { border-color: rgba(52,211,153,0.3); }
.legacy-panel .roadmap-item.active { border-color: rgba(255, 26, 26, 0.35); }
.legacy-panel .roadmap-item.done .roadmap-item-icon { color: var(--success); background: rgba(255, 255, 255, 0.12); }
.legacy-panel .roadmap-item.active .roadmap-item-icon { color: var(--accent); background: rgba(255, 26, 26, 0.15); }
.legacy-panel .video-list-item.active { background: var(--bg-hover); }
.legacy-panel .mood-btn.selected { border-color: var(--accent); background: rgba(255, 26, 26, 0.12); }
.legacy-panel .daily-topic-chip.active { color: var(--text); }
@media (max-width: 900px) {
  .legacy-panel .curriculum-view { grid-template-columns: 1fr; }
  .legacy-panel .course-player-body { grid-template-columns: 1fr; }
}

/* ── Mobile optimizations ── */
@media (max-width: 768px) {
  .legacy-panel .courses-view,
  .legacy-panel .roadmap-view,
  .legacy-panel .daily-log,
  .legacy-panel .settings-panel {
    max-width: 100%;
  }

  .legacy-panel .courses-header {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1.25rem;
  }

  .legacy-panel .courses-summary {
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
  }

  .legacy-panel .courses-summary-stat {
    flex: 1;
    min-width: 0;
  }

  .legacy-panel .summary-value {
    font-size: 1.25rem;
  }

  .legacy-panel .course-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .legacy-panel .course-card {
    padding: 1rem;
  }

  .legacy-panel .course-launch-btn {
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
  }

  .legacy-panel .course-player-header {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .legacy-panel .course-player-title {
    min-width: 0;
  }

  .legacy-panel .course-player-title h2 {
    font-size: 1.1rem;
    line-height: 1.3;
  }

  .legacy-panel .launch-btn {
    width: 100%;
    justify-content: center;
  }

  .legacy-panel .back-btn {
    width: fit-content;
    padding: 0.6rem 1rem;
  }

  .legacy-panel .video-sidebar {
    max-height: 50vh;
    position: static;
    padding: 0.75rem;
  }

  .legacy-panel .video-list-item {
    padding: 0.65rem;
    gap: 0.75rem;
  }

  .legacy-panel .video-thumb-wrap {
    width: 112px;
  }

  .legacy-panel .video-list-title {
    font-size: 0.85rem;
  }

  .legacy-panel .roadmap-hero {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
    padding: 1.25rem;
  }

  .legacy-panel .roadmap-hero h2 {
    font-size: 1.25rem;
  }

  .legacy-panel .roadmap-hero-stat {
    text-align: left;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }

  .legacy-panel .roadmap-hero-pct {
    font-size: 2rem;
  }

  .legacy-panel .roadmap-stage {
    grid-template-columns: 40px 1fr;
    gap: 0.75rem;
  }

  .legacy-panel .roadmap-stage-num {
    width: 32px;
    height: 32px;
    font-size: 0.8rem;
  }

  .legacy-panel .roadmap-stage-card {
    padding: 1rem;
    margin-bottom: 0.75rem;
  }

  .legacy-panel .roadmap-stage-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .legacy-panel .roadmap-stage-stats {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
  }

  .legacy-panel .roadmap-stage-ring {
    width: 40px;
    height: 40px;
    margin: 0;
  }

  .legacy-panel .roadmap-legend {
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    font-size: 0.75rem;
  }

  .legacy-panel .roadmap-item {
    padding: 0.75rem;
  }

  .legacy-panel .daily-log-header {
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
  }

  .legacy-panel .daily-date {
    order: -1;
    width: 100%;
  }

  .legacy-panel .daily-date h2 {
    font-size: 1.25rem;
  }

  .legacy-panel .nav-btn {
    width: 44px;
    height: 44px;
  }

  .legacy-panel .daily-metrics {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .legacy-panel .metric-field {
    padding: 0.85rem 1rem;
  }

  .legacy-panel .mood-btn {
    width: 44px;
    height: 44px;
    font-size: 1.35rem;
  }

  .legacy-panel .daily-notes textarea {
    min-height: 120px;
    font-size: 16px; /* prevents iOS zoom on focus */
  }

  .legacy-panel .settings-panel h2 {
    font-size: 1.25rem;
  }

  .legacy-panel .settings-section {
    padding: 1rem;
  }

  .legacy-panel .settings-actions {
    flex-direction: column;
  }

  .legacy-panel .settings-actions .btn {
    width: 100%;
    justify-content: center;
    padding: 0.75rem 1rem;
  }

  .legacy-panel .btn {
    min-height: 44px;
  }

  .legacy-panel .course-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .legacy-panel .courses-summary {
    flex-wrap: wrap;
  }

  .legacy-panel .video-thumb-wrap {
    width: 96px;
  }

  .legacy-panel .phase-bar-row {
    grid-template-columns: 80px 1fr 32px;
    gap: 0.5rem;
  }
}