:root{--bg:#f7f8fa;--panel:#fff;--text:#1b1f27;--muted:#5d6675;--line:#dde1e8;--accent:#3156d3;--accent-text:#fff;--good:#1a7f4b;--bad:#c0392b;--concept:#1a7f4b;--application:#b26a00;--challenge:#a42a7a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--panel:#1b2029;--text:#e8ebf1;--muted:#9aa4b5;--line:#2d3442;--accent:#7f9cff;--accent-text:#0d1220;--good:#4cc38a;--bad:#ff7b6e;--concept:#4cc38a;--application:#f0b44c;--challenge:#e47cc1}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}.page{max-width:900px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 4px;font-size:1.8rem}h2{margin:32px 0 12px;font-size:1.1rem}.muted{color:var(--muted)}.back{color:var(--accent);text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:12px;flex-direction:column;gap:8px;padding:14px;text-decoration:none;display:flex}.card:hover,.card:focus-visible{border-color:var(--accent)}.card .meta{color:var(--muted);justify-content:space-between;margin-top:auto;font-size:.85rem;display:flex}.stars{letter-spacing:2px;color:var(--application)}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.badge{text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;font-size:.7rem;font-weight:700}.badge.concept{color:var(--concept)}.badge.application{color:var(--application)}.badge.challenge{color:var(--challenge)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font:inherit;cursor:pointer;background:var(--accent);min-height:44px;color:var(--accent-text);border:0;border-radius:8px;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn[disabled]{opacity:.5;cursor:not-allowed}.field{font:inherit;width:10rem;min-height:44px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}label{margin-bottom:4px;font-weight:600;display:block}.feedback{border-left:4px solid var(--line);background:var(--bg);border-radius:8px;margin:12px 0 0;padding:10px 12px}.feedback.good{border-color:var(--good)}.feedback.bad{border-color:var(--bad)}.hints{color:var(--muted);padding-left:20px}.big-stars{letter-spacing:4px;color:var(--application);margin:0;font-size:2rem}svg{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}