:root{--bg:#0f0f13;--surface:#16161d;--surface2:#1e1e28;--surface3:#252533;--border:#ffffff14;--border2:#ffffff24;--text:#e8e8f0;--muted:#88a;--faint:#55556a;--blue:#4e8ef7;--blue-dim:#1a2e5a;--green:#3ecf8e;--green-dim:#0d3324;--amber:#f5a623;--amber-dim:#3a2800;--red:#f05252;--red-dim:#3a0f0f;--purple:#a78bfa;--purple-dim:#2a1a5a;--teal:#2dd4bf;--teal-dim:#0a2e2a;--font:"Segoe UI", -apple-system, sans-serif;--mono:"JetBrains Mono", "Fira Mono", monospace;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.6}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);flex:1;font-size:14px;font-weight:600}.topbar-title span{color:var(--blue)}.overall-pill{background:var(--surface3);color:var(--muted);border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.overall-pill .pct{color:var(--green);font-size:13px;font-weight:600}.topbar-btn{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.topbar-btn:hover{color:var(--text);background:var(--surface3)}.topbar-btn.unlocked{color:var(--green);border-color:#3ecf8e4d}.view-banner{background:var(--blue-dim);border-radius:var(--radius);color:#7aabf5;border:1px solid #4e8ef733;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;font-size:13px;display:flex}.view-banner span{flex:1}.view-banner button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600}.layout{min-height:calc(100vh - 52px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:220px;height:calc(100vh - 52px);padding:16px 0;position:sticky;top:52px;overflow-y:auto}.main{flex:1;max-width:760px;padding:24px 20px}.sidebar-section{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;padding:6px 16px 2px;font-size:10px;font-weight:600}.sidebar-item{cursor:pointer;color:var(--muted);border-left:2px solid #0000;align-items:center;gap:10px;padding:7px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--text);background:var(--surface2)}.sidebar-item.active{color:var(--text);border-left-color:var(--blue);background:var(--blue-dim)}.sidebar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-pct{margin-left:auto;font-size:11px;font-weight:600}.phase-block{margin-bottom:32px;scroll-margin-top:70px}.phase-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.phase-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.phase-title{font-size:17px;font-weight:600}.phase-sub{color:var(--muted);margin-top:2px;font-size:12px}.phase-progress-wrap{text-align:right;margin-left:auto}.phase-pct-label{margin-bottom:4px;font-size:12px;font-weight:600}.phase-bar{background:var(--surface3);border-radius:2px;width:100px;height:4px;overflow:hidden}.phase-bar-fill{border-radius:2px;height:100%;transition:width .3s}.section{margin-bottom:20px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.topic-grid{gap:6px;display:grid}.topic-item{background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.topic-item:hover{border-color:var(--border2);background:var(--surface3)}.topic-item.done{background:var(--green-dim);border-color:#3ecf8e33}.topic-item.done .topic-name{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.topic-item.done .topic-desc{color:var(--faint)}body.view-mode .topic-item{cursor:default}body.view-mode .topic-item:hover{border-color:var(--border);background:var(--surface2)}body.view-mode .topic-item.done:hover{background:var(--green-dim);border-color:#3ecf8e33}.topic-check{border:1.5px solid var(--faint);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .15s;display:flex}.topic-item.done .topic-check{background:var(--green);border-color:var(--green)}.topic-check svg{display:none}.topic-item.done .topic-check svg{display:block}.topic-content{flex:1;min-width:0}.topic-name{color:var(--text);font-size:13px;font-weight:500}.topic-desc{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5}.topic-link{color:var(--blue);margin-top:4px;font-size:11px;text-decoration:none;display:inline-block}.topic-link:hover{text-decoration:underline}.topic-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:10px;font-weight:600}.badge-free{color:var(--green);background:#3ecf8e26}.badge-key{color:var(--blue);background:#4e8ef726}.badge-paid{color:var(--red);background:#f052521f}.badge-exam{color:var(--purple);background:#a78bfa26}.warn{background:var(--amber-dim);border-left:3px solid var(--amber);border-radius:0 var(--radius) var(--radius) 0;color:#c4892a;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.6}.warn strong{color:var(--amber);font-weight:600}.info{background:var(--blue-dim);border-left:3px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;color:#7aabf5;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.6}.info strong{color:var(--blue);font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;pointer-events:all}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);width:360px;max-width:90vw;padding:32px;transition:transform .25s;transform:translateY(-12px)}.modal-overlay.visible .modal-box{transform:translateY(0)}.modal-icon{margin-bottom:12px;font-size:28px}.modal-title{margin-bottom:6px;font-size:18px;font-weight:700}.modal-sub{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.5}.modal-input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--mono);letter-spacing:.05em;outline:none;margin-bottom:8px;padding:10px 14px}.modal-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4e8ef726}.modal-error{color:var(--red);min-height:18px;margin-bottom:16px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-primary{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:9px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:9px 16px;font-size:13px;transition:all .15s}.btn-ghost:hover{color:var(--text);border-color:var(--border2)}.dash-overlay{background:var(--bg);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;position:fixed;inset:0;overflow-y:auto;transform:translateY(20px)}.dash-overlay.visible{opacity:1;pointer-events:all;transform:translateY(0)}.dash-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:16px;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.dash-topbar-title{flex:1;font-size:15px;font-weight:700}.dash-body{max-width:980px;margin:0 auto;padding:28px 24px}.dash-section-title{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:11px;font-weight:700}.dash-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.stat-card-label{color:var(--faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px}.stat-card-value{font-size:34px;font-weight:700;line-height:1}.stat-card-value.green{color:var(--green)}.stat-card-value.blue{color:var(--blue)}.stat-card-value.amber{color:var(--amber)}.stat-card-value.red{color:var(--red)}.overall-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;padding:24px}.overall-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.overall-progress-label{font-size:14px;font-weight:600}.overall-progress-pct{color:var(--green);font-size:28px;font-weight:700}.overall-bar-track{background:var(--surface3);border-radius:5px;height:10px;overflow:hidden}.overall-bar-fill{background:linear-gradient(90deg, var(--blue), var(--green));border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dash-charts-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.dash-card-title{color:var(--text);margin-bottom:16px;font-size:13px;font-weight:600}.dash-donuts-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.donut-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.donut-label{color:var(--text);text-align:center;font-size:11px;font-weight:600;line-height:1.3}.donut-sub{color:var(--faint);font-size:10px}@media (width<=640px){.sidebar{display:none}.main{padding:16px 14px}.topbar-title{font-size:13px}.phase-progress-wrap{display:none}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-charts-row{grid-template-columns:1fr}.dash-donuts-grid{grid-template-columns:repeat(2,1fr)}}