@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');:root{--ink:#18201d;--cream:#f4f0e5;--paper:#fffdf6;--green:#254f3d;--lime:#d9ed72;--coral:#f1886f;--blue:#8dc8d8;--muted:#66706b;--line:#d8d4c8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{font:700 23px 'Fraunces';text-decoration:none}.logo i{color:var(--green)}.back{text-decoration:none;font-size:13px}.level-pill{background:var(--ink);color:white;padding:8px 13px;border-radius:99px;font-size:11px}.kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--green)}.dash-hero{max-width:1180px;margin:auto;padding:70px 24px 55px;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.dash-hero h1{font:700 clamp(54px,8vw,92px)/.88 'Fraunces';letter-spacing:-.055em;margin:14px 0 24px}.dash-hero h1 em{font-style:normal;color:var(--green)}.dash-hero>div>p{color:var(--muted);font-size:17px;line-height:1.55}.goal-card{background:var(--green);color:white;padding:25px;display:flex;align-items:center;gap:24px;box-shadow:8px 8px 0 var(--lime)}.goal-ring{--progress:0deg;flex:0 0 120px;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,var(--green) 57%,transparent 59%),conic-gradient(var(--lime) var(--progress),#ffffff28 0)}.goal-ring b{font:700 33px 'Fraunces'}.goal-ring span{font-size:9px;text-transform:uppercase}.goal-card small{color:var(--lime);font-weight:700;letter-spacing:.12em}.goal-card h2{font:600 25px 'Fraunces';margin:7px 0}.goal-card p{font-size:12px;opacity:.75}.dashboard{max-width:1180px;margin:auto;padding:15px 24px 90px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.panel{background:var(--paper);border:1px solid var(--line);padding:24px}.overview{grid-column:span 12;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px}.metric{background:var(--paper);padding:20px}.metric span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.metric b{display:block;font:700 38px 'Fraunces';margin:7px 0}.metric small{color:var(--green);font-weight:700}.activity{grid-column:span 7}.recommend{grid-column:span 5;background:var(--blue)}.mastery{grid-column:span 7}.weakness{grid-column:span 5}.achievements{grid-column:span 12}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.panel h2{font:600 30px 'Fraunces';margin:6px 0}.panel-head p,.panel>p{color:var(--muted);font-size:13px;line-height:1.5}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:190px;align-items:end}.day{height:100%;display:flex;flex-direction:column;justify-content:end;gap:7px;text-align:center}.day-bar{min-height:4px;background:var(--green);transition:.4s}.day.today .day-bar{background:var(--coral)}.day b{font-size:10px}.day span{font-size:9px;color:var(--muted)}.recommend h3{font:700 37px/1 'Fraunces';margin:12px 0}.recommend a{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:12px 15px;font-weight:700;margin-top:10px}.skill-list{display:grid;gap:13px}.skill-row{display:grid;grid-template-columns:150px 1fr 45px;gap:12px;align-items:center}.skill-row span{font-size:12px}.skill-track{height:9px;background:#e7e2d7}.skill-fill{height:100%;background:var(--green)}.skill-row b{text-align:right;font-size:12px}.weak-list{display:grid;gap:9px}.weak-item{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);text-decoration:none}.weak-item span{font-size:12px}.weak-item b{color:var(--coral)}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.achievement{border:1px solid var(--line);padding:16px;opacity:.45}.achievement.earned{opacity:1;background:#f2f6dd;border-color:var(--lime)}.achievement i{font-style:normal;font-size:25px}.achievement b{display:block;font:600 18px 'Fraunces';margin:8px 0}.achievement span{font-size:11px;color:var(--muted)}.loading{grid-column:1/-1;text-align:center;padding:80px;color:var(--muted)}.empty{padding:25px;border:1px dashed var(--line);color:var(--muted)}footer{text-align:center;padding:30px;color:var(--muted);font-size:12px}@media(max-width:800px){.dash-hero{grid-template-columns:1fr}.overview{grid-template-columns:repeat(2,1fr)}.activity,.recommend,.mastery,.weakness,.achievements{grid-column:span 12}.achievement-grid{grid-template-columns:repeat(2,1fr)}.skill-row{grid-template-columns:105px 1fr 38px}.goal-card{align-items:flex-start}.goal-ring{flex-basis:100px;width:100px;height:100px}}@media(max-width:480px){.back{font-size:0}.back:after{content:'←';font-size:18px}.dash-hero{padding-top:45px}.overview{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.goal-card{gap:15px;padding:18px}.goal-ring{flex-basis:90px;width:90px;height:90px}.dashboard{padding-left:14px;padding-right:14px}.panel{padding:19px}}