:root{
  --paper:#f8fbff;
  --cream:#edf3f8;
  --cream-2:#f3f7fb;
  --ink:#1f2933;
  --muted:#65707c;
  --line:rgba(31,41,51,.12);
  --glass:rgba(255,255,255,.78);
  --shadow:0 20px 60px rgba(31,41,51,.12);
  --soft-shadow:0 10px 30px rgba(31,41,51,.10);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:16px;
  --accent:#9cc9bd;
  --accent-2:#f4caa5;
  --danger-soft:#f9d5d0;
  --success-soft:#dff2df;
  --header-h:72px;
  --nav-h:72px;
}
*{box-sizing:border-box}
html,body{height:100%;min-height:100dvh;min-height:-webkit-fill-available;margin:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(156,201,189,.28), transparent 28rem),
    radial-gradient(circle at 85% 15%, rgba(244,202,165,.32), transparent 30rem),
    linear-gradient(145deg,#f8fbff,#e8f0f7);
  overflow:hidden;
}
button,select,input{font:inherit}
button{cursor:pointer}
button:focus-visible,select:focus-visible{outline:3px solid rgba(79,128,212,.35);outline-offset:3px}
.screen{display:none;height:100%;min-height:0}.screen.is-active{display:block}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:#667085}.fieldLabel{display:block;font-size:11px;font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}.iconBtn{width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(31,41,51,.06);display:inline-grid;place-items:center;font-weight:900;color:var(--ink)}.pillBtn,.primaryBtn,.secondaryBtn,.toolBtn{border:1px solid var(--line);border-radius:999px;min-height:42px;padding:0 16px;font-weight:850;background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(31,41,51,.08)}.primaryBtn{background:#1f2933;color:#fff;border-color:#1f2933}.secondaryBtn,.pillBtn--ghost{background:rgba(255,255,255,.62)}.toolBtn{min-height:38px;padding:0 13px;font-size:13px}.toolBtn.is-active{background:var(--success-soft);border-color:rgba(46,125,50,.25)}
@media (max-width:760px){:root{--header-h:64px;--nav-h:70px}.iconBtn{width:38px;height:38px}.primaryBtn,.secondaryBtn,.pillBtn{min-height:40px}}

/* v3.0.0 b200 — rounded UI font pass. */
:root{
  --tiles-ui-font:"Nunito","Avenir Next","Trebuchet MS",ui-rounded,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
body,button,select,input,.appShell{
  font-family:var(--tiles-ui-font);
}
.tile,.tilePreview,.previewEquation,.workingPanel,.notationText,.fullQuizQuestion .mathExpr{
  font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;
}