:root{color-scheme:light;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--panel:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hidden{display:none!important}.mobile-only,.month-view{display:none}
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;background:linear-gradient(120deg,#1d4ed8,#4338ca);box-shadow:0 18px 40px -25px #1e3a8a;color:#fff}.dashboard-hero h1{font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}.dashboard-hero p:not(.eyebrow){max-width:660px;margin-top:9px;color:#dbeafe}.eyebrow,.chart-kicker{text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.105em}.eyebrow{margin-bottom:8px;color:#bfdbfe}.chart-kicker{color:#2563eb;margin-bottom:4px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px -25px #334155}.status-panel{margin-top:22px;padding:24px;color:var(--muted)}.status-panel a{color:#1d4ed8;font-weight:700;text-decoration:underline}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.metric{min-height:116px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric p{font-size:.78rem;color:var(--muted);font-weight:650}.metric strong{display:block;margin-top:8px;font-size:1.42rem;letter-spacing:-.025em;color:var(--ink)}.metric>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.metric .blue{background:#dbeafe;color:#2563eb}.metric .amber{background:#fef3c7;color:#d97706}.metric .green{background:#dcfce7;color:#16a34a}.metric .violet{background:#ede9fe;color:#7c3aed}.metric .orange{background:#ffedd5;color:#ea580c}.metric .cyan{background:#cffafe;color:#0891b2}.metric .indigo{background:#e0e7ff;color:#4f46e5}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.chart-card{min-width:0;padding:22px}.chart-card header h2,.activity-head h2,.history-panel h2{font-size:1.1rem;font-weight:800;color:var(--ink);letter-spacing:-.015em}.chart-card header p:not(.chart-kicker),.activity-head p:not(.chart-kicker),.history-panel>div:first-child>p{margin-top:4px;font-size:.79rem;line-height:1.45;color:var(--muted)}.chart-wrap{position:relative;height:270px;margin-top:18px}.chart-wrap-square{height:270px}.chart-wrap-tall{height:290px}.chart-summary{min-height:38px;margin-top:13px;padding-top:12px;border-top:1px solid #f1f5f9;color:#475569;font-size:.78rem;line-height:1.45}.chart-empty{min-height:270px;margin-top:18px;padding:28px;display:grid;place-items:center;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:var(--muted);font-size:.85rem}
.activity-panel{margin-top:18px;padding:22px}.activity-head{display:flex;justify-content:space-between;gap:20px}.heat-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.7rem;white-space:nowrap}.year-scroll{margin-top:20px;overflow-x:auto;padding-bottom:6px}.year-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:4px;width:max-content;min-width:100%}.heat-cell{display:block;width:12px;height:12px;border-radius:3px;background:#e2e8f0}.heat-cell.invisible{visibility:hidden}.heat-cell.one,.month-day.one{background:#bfdbfe}.heat-cell.two,.month-day.two{background:#60a5fa}.heat-cell.three_plus,.month-day.three_plus{background:#2563eb}
.history-panel{margin-top:18px;padding:22px}.history-status{margin:18px 0;padding:18px;border-radius:12px;background:#f8fafc;color:var(--muted)}.attempt-list{display:grid;gap:10px;margin-top:18px}.attempt-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.attempt-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.attempt-title h3{font-size:.92rem;font-weight:800;color:var(--ink)}.attempt-card p{margin-top:6px;color:var(--muted);font-size:.75rem}.attempt-card>div>strong{display:block;margin-top:6px;font-size:.8rem;color:#334155}.attempt-actions{flex:none}.pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.65rem;font-weight:750}.pill.training{background:#dcfce7;color:#15803d}.pill.simulation{background:#dbeafe;color:#1d4ed8}.pill.warning{background:#ffedd5;color:#c2410c}.load-more-wrap{text-align:center;margin-top:18px}
.button{min-height:44px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:.8rem;font-weight:750;transition:.16s ease}.button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:#2563eb;color:#fff}.button-quiet{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe}.button-quiet:hover{background:#eff6ff}.button-hero{background:#fff;color:#1d4ed8;box-shadow:0 8px 25px -16px #0f172a}.footer-link{min-height:44px;display:inline-flex;align-items:center}.footer-link:hover{color:#2563eb;text-decoration:underline}
.review-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.7)}.review-dialog{width:min(780px,100%);max-height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 30px 80px #0f172a66}.review-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.review-dialog h2{font-size:1.2rem;font-weight:800}.review-dialog header p:not(.chart-kicker){font-size:.78rem;color:var(--muted)}.review-body{overflow-y:auto;padding:24px;overscroll-behavior:contain}.review-body h3{font-size:1rem;font-weight:750;line-height:1.55}.review-result{display:inline-flex;margin-bottom:13px;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.review-result.correct{background:#dcfce7;color:#15803d}.review-result.wrong{background:#fee2e2;color:#b91c1c}.review-options{display:grid;gap:9px;margin:20px 0}.review-option{padding:13px;border:1px solid var(--line);border-radius:11px}.review-option.selected{border-color:#f59e0b;background:#fffbeb}.review-option.correct{border-color:#22c55e;background:#f0fdf4}.review-option strong{float:right;font-size:.7rem}.review-body aside,.review-expired{padding:17px;border-radius:12px;background:#eff6ff;color:#334155}.review-body aside p,.review-expired p{margin-top:6px;line-height:1.55}.review-dialog>footer{display:flex;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--line)}.modal-open{overflow:hidden}
.month-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:18px 0}.month-controls strong{text-align:center}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekdays span{text-align:center;color:var(--muted);font-size:.68rem}.month-day{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#e2e8f0;color:#334155;font-size:.68rem;font-style:normal}
.coaching-section{margin-top:28px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:1.35rem;font-weight:850;letter-spacing:-.025em;color:var(--ink)}.section-heading p:not(.chart-kicker){margin-top:4px;color:var(--muted);font-size:.82rem}.coach-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.coach-card{grid-column:span 2;min-width:0;padding:22px;border-color:#dbeafe}.coach-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.coach-card h3{font-size:1.13rem;font-weight:850;line-height:1.35;color:var(--ink)}.coach-kicker{margin-bottom:5px;text-transform:uppercase;font-size:.68rem;font-weight:850;letter-spacing:.08em;color:#0f172a}.blue-text{color:#1d4ed8}.green-text{color:#047857}.coach-stat{font-size:2rem;font-weight:900;line-height:1;white-space:nowrap}.coach-copy{margin-top:16px;color:#475569;font-size:.84rem;line-height:1.55}.mastery-track{height:13px;margin-top:18px;overflow:hidden;border-radius:999px;background:#e2e8f0}.mastery-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#059669);transition:width .45s ease}
.compact-grid{display:grid;grid-template-columns:repeat(14,minmax(12px,1fr));grid-template-rows:repeat(2,36px);grid-auto-flow:column;gap:6px;margin-top:17px}.coach-day{display:block;min-width:11px;min-height:11px;border:1px solid #d1d5db;border-radius:6px;background:#e5e7eb}.coach-day.one,.year-month .heat-cell.one{border-color:#86efac;background:#bbf7d0}.coach-day.two,.year-month .heat-cell.two{border-color:#4ade80;background:#4ade80}.coach-day.three_plus,.year-month .heat-cell.three_plus{border-color:#16a34a;background:#16a34a}.coach-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:15px;color:#475569;font-size:.68rem}.coach-legend span{display:inline-flex;align-items:center;gap:5px}.coach-legend .coach-day{width:11px;height:11px;border-radius:3px}
.pace-track{position:relative;display:flex;height:14px;margin-top:17px;overflow:visible;border-radius:999px}.pace-track span{display:block}.pace-rushing{width:25%;border-radius:999px 0 0 999px;background:#fbbf24}.pace-optimal{width:50%;background:#22c55e}.pace-stalling{width:25%;border-radius:0 999px 999px 0;background:#fb7185}.pace-track i{position:absolute;top:-4px;width:3px;height:22px;border-radius:2px;background:#0f172a;box-shadow:0 0 0 2px #fff;transform:translateX(-50%)}.pace-labels{display:flex;justify-content:space-between;margin-top:10px;color:#64748b;font-size:.68rem}
.roadmap-card{grid-column:span 4}.roadmap-card header>span{max-width:105px;color:#64748b;font-size:.72rem}.roadmap-card header p{margin-top:4px;color:#64748b;font-size:.78rem}.roadmap-summary{margin:16px 0 8px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#475569;font-size:.76rem}.roadmap-table{margin-top:16px}.roadmap-head,.roadmap-row{display:grid;grid-template-columns:1.35fr 1fr 1fr .65fr .9fr;align-items:center;gap:10px}.roadmap-head{padding:0 12px 8px;color:#64748b;font-size:.7rem}.roadmap-row{min-height:58px;padding:8px 12px;border-left:3px solid transparent;color:#475569;font-size:.78rem}.roadmap-row.recommended{border-left-color:#2563eb;background:#eff6ff}.roadmap-row strong{color:#172033}.roadmap-row .button{width:max-content}.roadmap-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.68rem;font-style:normal;font-weight:800}
.interest-card{grid-column:span 2}.interest-card dl{display:grid;gap:12px;margin:20px 0}.interest-card dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.interest-card dt{color:#64748b;font-size:.76rem}.interest-card dd{color:#172033;font-size:.78rem;font-weight:800;text-align:right}.year-months{display:flex;align-items:flex-start;gap:18px;width:max-content;min-width:100%}.year-month{flex:none}.year-month>b{display:block;margin-bottom:8px;color:#475569;font-size:.64rem;text-align:center;text-transform:uppercase}.year-month>div{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:4px}
.metric small{display:block;margin-top:5px;color:#64748b;font-size:.66rem;line-height:1.3}.analytics-heading{margin-top:34px;margin-bottom:14px}.analytics-heading+.chart-grid{margin-top:0}.chart-card,.coach-card,.attempt-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.chart-card:hover,.coach-card:hover{border-color:#bfdbfe;box-shadow:0 16px 34px -26px #1e40af}.attempt-card:hover{border-color:#bfdbfe;background:#fff}.history-panel{margin-top:28px}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-card,.roadmap-card,.interest-card{grid-column:span 3}.roadmap-card{grid-column:span 6}.chart-grid{grid-template-columns:1fr}.chart-wrap,.chart-wrap-square,.chart-wrap-tall{height:250px}}
@media(max-width:640px){main.container{padding-top:18px;padding-bottom:24px}.dashboard-hero{align-items:flex-start;flex-direction:column;padding:22px;border-radius:18px}.button-hero{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.metric{min-height:105px;padding:15px}.metric strong{font-size:1.15rem}.metric>span{width:34px;height:34px}.coach-grid{display:block}.coach-card,.roadmap-card,.interest-card{margin-top:12px;padding:18px}.compact-grid{grid-template-rows:repeat(2,32px);gap:5px}.coach-stat{font-size:1.7rem}.roadmap-head{display:none}.roadmap-row{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:8px;padding:14px;border:1px solid #e2e8f0;border-left:3px solid transparent;border-radius:12px}.roadmap-row.recommended{border-left-color:#2563eb}.roadmap-row [data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:#64748b;font-size:.62rem;font-weight:700}.roadmap-row span:last-child{grid-column:1/-1}.roadmap-row .button{width:100%}.chart-grid{gap:12px;margin-top:12px}.chart-card,.activity-panel,.history-panel{padding:17px;border-radius:15px}.chart-wrap,.chart-wrap-square,.chart-wrap-tall{height:230px;margin-top:12px}.chart-summary{min-height:0}.desktop-only,.year-view,.heat-legend{display:none}.mobile-only,.month-view{display:block}.activity-head{display:block}.attempt-card{align-items:flex-start;flex-direction:column}.attempt-actions,.attempt-actions .button{width:100%}.review-modal{padding:0}.review-dialog{max-height:100vh;height:100%;border-radius:0}.review-dialog>header{padding:16px}.review-body{padding:18px}}
@media(max-width:380px){.metric-grid{grid-template-columns:1fr}nav .container{padding-left:10px;padding-right:10px}.mm-icon-btn{width:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}