:root{--stride-teal:#1d9e75;--stride-teal-dark:#0f6e56;--stride-teal-light:#5dcaa5;--stride-teal-bg:#e8f5ee;--text-primary:#1a1a1a;--text-secondary:#5a5750;--text-muted:#6b6860;--text-hint:#9c9a92;--text-faint:#b5b2a9;--skill-speaking:#d85a30;--skill-speaking-bg:#d85a300d;--skill-speaking-border:#d85a301f;--skill-speaking-tag:#d85a3014;--skill-listening:#378add;--skill-listening-bg:#378add0d;--skill-listening-border:#378add1f;--skill-listening-tag:#378add14;--skill-vocabulary:#639922;--skill-vocabulary-bg:#6399220d;--skill-vocabulary-border:#6399221f;--skill-vocabulary-tag:#63992214;--skill-grammar:#7f77dd;--skill-grammar-bg:#7f77dd0d;--skill-grammar-border:#7f77dd1f;--skill-grammar-tag:#7f77dd14;--skill-reading:#ba7517;--skill-reading-bg:#ba75170d;--skill-reading-border:#ba75171f;--skill-reading-tag:#ba751714;--skill-writing:#d4537e;--skill-writing-bg:#d4537e0d;--skill-writing-border:#d4537e1f;--skill-writing-tag:#d4537e14;--skill-reflection:#888780;--skill-reflection-bg:#8887800a;--skill-reflection-border:#8887801a;--skill-reflection-tag:#88878014;--glass-bg:#ffffffe0;--glass-border:#fff9;--glass-bg-hover:#fffffff2;--selected-border:2px solid var(--stride-teal);--selected-shadow:0 4px 16px #1d9e751f;--app-gradient:linear-gradient(170deg, #e8f5ee 0%, #f7f5f0 35%, #fdf6ee 65%, #f0ede6 100%);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-pill:20px;--radius-circle:50%}*,:before,:after{box-sizing:border-box}body{background:var(--app-gradient);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:.5px solid var(--glass-border);border-radius:var(--radius-lg)}.selectable-card{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;padding:16px 20px;transition:all .15s}.selectable-card:hover{background:var(--glass-bg-hover)}.selectable-card.selected{border:var(--selected-border);box-shadow:var(--selected-shadow);background:#fff}@keyframes stride-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.stride-pulse{animation:1.4s ease-in-out infinite stride-pulse}.btn-primary{background:linear-gradient(135deg, var(--stride-teal) 0%, var(--stride-teal-dark) 100%);border-radius:var(--radius-md);text-align:center;cursor:pointer;color:#fff;border:none;width:100%;padding:16px;font-size:16px;font-weight:500;transition:transform .1s,box-shadow .1s;box-shadow:0 6px 20px #1d9e7540}.btn-primary:active{transform:scale(.98);box-shadow:0 3px 12px #1d9e7533}