:root{--hs-bg: #f7f4ef;--hs-surface: #ffffff;--hs-ink: #0f2138;--hs-ink-soft: #355070;--hs-accent: #e63d5f;--hs-green: #2c6e49;--hs-aqua: #66d9e8;--hs-radius: 16px;--hs-shadow: 0 12px 26px rgba(15, 33, 56, .12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans Display,Segoe UI,sans-serif;background:var(--hs-bg);color:var(--hs-ink)}a{color:inherit}.app-shell{max-width:1180px;margin:0 auto;padding:1rem}.card{background:var(--hs-surface);border-radius:var(--hs-radius);box-shadow:var(--hs-shadow);padding:1rem}.button{border:0;border-radius:999px;padding:.6rem 1rem;font-weight:700;cursor:pointer}.button-primary{background:var(--hs-accent);color:#fff}.button-secondary{background:var(--hs-ink);color:#fff}.button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--hs-aqua);outline-offset:2px}.stack,.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.module-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pill{display:inline-block;padding:.3rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.pill-progress{background:#e6f4ea;color:#1b5e20}.pill-complete{background:#e3f2fd;color:#0d47a1}.pill-locked{background:#fce4ec;color:#880e4f}input,select{width:100%;padding:.65rem;border-radius:10px;border:1px solid #c6ced8}label{display:grid;gap:.4rem;font-weight:600}.small{font-size:.85rem;color:var(--hs-ink-soft)}iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px}