:root{color:#11122e;font-synthesis:none;background:#f7f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,math-field{font:inherit}button{cursor:pointer}.math-tool-shell{background:radial-gradient(circle at 70% 18%,#eef7ff 0,#f8f7ff 40%,#f4f2ff 100%);min-height:100vh}.round-pill{background:#29293e;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:750}.eyebrow{color:#7471ba;letter-spacing:.18em;margin:0 0 10px;font-size:13px;font-weight:850}.workspace{width:100%;max-width:1320px;margin:0 auto;padding:clamp(22px,3vw,42px)}.tool-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.tool-heading h1{letter-spacing:-.025em;margin:0;font-size:clamp(27px,3vw,38px)}.tool-actions{align-items:center;gap:10px;display:flex}.hint-button{color:#5318c1;background:#fff;border:1px solid #d8d4ea;border-radius:999px;padding:10px 16px;font-weight:800}.story-card,.builder-card,.graph-card{background:#ffffffeb;border:1px solid #e1e2ef;border-radius:24px;box-shadow:0 18px 55px #40288b17}.story-card{justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.story-card h2,.builder-card h2,.graph-card h2{margin:0;font-size:24px}.story-card p:not(.eyebrow),.graph-caption{color:#5e607d;margin:8px 0 0;line-height:1.5}.story-values{gap:10px;display:flex}.story-values div{text-align:center;background:#f2efff;border-radius:16px;min-width:112px;padding:14px}.story-values span{color:#666586;font-size:12px;display:block}.story-values strong{color:#5d1bd8;margin-top:4px;font-size:22px;display:block}.work-grid{grid-template-columns:minmax(360px,1.08fr) minmax(300px,.92fr);gap:20px;margin-top:20px;display:grid}.builder-card,.graph-card{padding:24px}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.token-tray{background:#f6f4ff;border-radius:18px;flex-wrap:wrap;gap:12px;min-height:92px;margin:26px 0 20px;padding:18px;display:flex}.math-token{color:#fff;background:linear-gradient(150deg,#8a36ff,#5a16d7);border:0;border-radius:14px;min-width:68px;height:56px;padding:0 18px;font-size:23px;font-weight:800;transition:transform .15s,opacity .15s;box-shadow:0 8px 18px #6322e238}.math-token:hover{transform:translateY(-2px)}.math-token.used{opacity:.55}.math-label{color:#4e4f6d;margin-bottom:8px;font-size:14px;font-weight:750;display:block}.math-field-slot{min-height:72px}math-field{background:#fff;border:2px solid #d7d5eb;border-radius:16px;width:100%;min-height:68px;padding:12px 16px;font-size:28px}math-field:focus-within{border-color:#7628f4;box-shadow:0 0 0 4px #7628f41f}.feedback{color:#656681;min-height:44px;margin:12px 0;line-height:1.4}.feedback.success{color:#087b50;font-weight:700}.feedback.error{color:#b32e50;font-weight:650}.feedback.hint{color:#714e00;background:#fff6cb;border-radius:10px;padding:10px 12px}.primary-button{color:#fff;background:linear-gradient(90deg,#6622e8,#8c24ff);border:0;border-radius:14px;width:100%;padding:15px 20px;font-weight:800;box-shadow:0 10px 22px #6e21e738}.primary-button:disabled{cursor:wait;opacity:.65}.text-button{color:#625e83;background:0 0;border:0;padding:8px 10px;font-weight:700}.relation-board{background:#fbfcff;border:0;border-radius:16px;width:100%;height:330px;margin-top:18px}.runtime-message{color:#373651;background:#f7f8ff;place-items:center;min-height:100vh;padding:24px;display:grid}.runtime-message div{background:#fff;border:1px solid #e3e2ef;border-radius:18px;padding:24px 28px}@media (width<=900px){.work-grid{grid-template-columns:1fr}}@media (width<=620px){.tool-heading{flex-direction:column;align-items:flex-start}.tool-actions{justify-content:space-between;width:100%}.story-card{flex-direction:column;align-items:flex-start}.story-values{width:100%}.story-values div{flex:1;min-width:0;padding:10px 6px}.story-values strong{font-size:18px}.work-grid{grid-template-columns:minmax(0,1fr)}.workspace{padding:14px}}