:root{--color-first:#2f6df6;--color-second:#ff8a3d;--bg:#eef2f8;--card:#fff;--panel:#f6f8fc;--text:#1c2433;--text-soft:#64708a;--border:#cdd6e6;--accent:#2f6df6;--focus:#7aa2ff;--group-outline:#46516a;--group-fill:#fff;--highlight:#17b26a;--highlight-soft:#17b26a40;--danger:#e5484d;--danger-soft:#fdecec;--disabled:#dfe4ee;--disabled-text:#a4afc4;--shadow:0 2px 12px #1f2d4b0f;--cube-size:clamp(14px, 3.2vw, 26px);--cube-gap:2px;--group-pad:4px;color:var(--text);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}@media (width<=640px){:root{--cube-size:clamp(11px, 4vw, 18px);--cube-gap:1.5px}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;margin:0;padding:0}#app{min-height:100vh}.input-row[data-v-c486f609]{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.75rem;display:flex}.field[data-v-c486f609]{flex-direction:column;align-items:center;gap:.25rem;display:flex}.field-label[data-v-c486f609]{letter-spacing:.08em;color:var(--text-soft);font-size:.7rem;font-weight:700}.num-input[data-v-c486f609]{text-align:center;border:2.5px solid var(--border);width:4.5rem;color:var(--text);background:#fff;border-radius:10px;padding:.55rem .5rem;font-family:inherit;font-size:1.6rem;font-weight:700}.num-input.first[data-v-c486f609]{border-color:var(--color-first)}.num-input.second[data-v-c486f609]{border-color:var(--color-second)}.num-input[data-v-c486f609]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.num-input.invalid[data-v-c486f609]{border-color:var(--danger);background:var(--danger-soft)}.op[data-v-c486f609]{color:var(--text-soft);padding-bottom:.4rem;font-size:1.8rem;font-weight:700}.btn[data-v-c486f609]{cursor:pointer;border:none;border-radius:10px;font-family:inherit;font-weight:700}.equals[data-v-c486f609]{background:var(--accent);color:#fff;width:3.2rem;height:3.2rem;font-size:1.6rem}.equals[data-v-c486f609]:disabled{background:var(--disabled);color:var(--disabled-text);cursor:not-allowed}.equals[data-v-c486f609]:not(:disabled):hover{filter:brightness(1.05)}.reset[data-v-c486f609]{height:3.2rem;color:var(--text);border:2px solid var(--border);background:#fff;padding:0 1rem;font-size:.95rem}.reset[data-v-c486f609]:hover{background:var(--group-fill)}.btn[data-v-c486f609]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.error[data-v-c486f609]{text-align:center;color:var(--danger);margin:.75rem 0 0;font-size:.9rem;font-weight:600}.equation[data-v-662f0046]{justify-content:center;align-items:center;gap:.4rem;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;line-height:1;display:flex}.term.first[data-v-662f0046]{color:var(--color-first)}.term.second[data-v-662f0046]{color:var(--color-second)}.term.result[data-v-662f0046]{color:var(--text);animation:.4s reveal-662f0046}.sym[data-v-662f0046]{color:var(--text-soft)}@keyframes reveal-662f0046{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.term.result[data-v-662f0046]{animation:none}}.unit-cube[data-v-2cb71eb8]{width:var(--cube-size);height:var(--cube-size);box-sizing:border-box;border:1.5px solid #00000047;border-radius:3px;display:inline-block}.is-first[data-v-2cb71eb8]{background:var(--color-first)}.is-second[data-v-2cb71eb8]{background:var(--color-second)}.ten-block[data-v-6baeb935]{grid-template-columns:repeat(2, var(--cube-size));gap:var(--cube-gap);padding:var(--group-pad);border:2.5px solid var(--group-outline);background:var(--group-fill);border-radius:8px;display:grid}.ten-block.is-new[data-v-6baeb935]{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight-soft);animation:.6s pop-6baeb935}@keyframes pop-6baeb935{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ten-block.is-new[data-v-6baeb935]{animation:none}}.hundred-block[data-v-18bf257e]{grid-template-columns:repeat(10, var(--cube-size));gap:var(--cube-gap);padding:var(--group-pad);border:3px solid var(--group-outline);background:var(--group-fill);border-radius:10px;display:grid}.hundred-block.is-new[data-v-18bf257e]{border-color:var(--highlight);box-shadow:0 0 0 3px var(--highlight-soft);animation:.7s pop-18bf257e}@keyframes pop-18bf257e{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hundred-block.is-new[data-v-18bf257e]{animation:none}}.board[data-v-4fd596c6]{width:100%}.operands[data-v-4fd596c6]{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.operand[data-v-4fd596c6]{border:2px dashed var(--border);background:var(--panel);border-radius:14px;flex:240px;max-width:480px;padding:1rem}.operand.first[data-v-4fd596c6]{border-color:var(--color-first)}.operand.second[data-v-4fd596c6]{border-color:var(--color-second)}.operand-title[data-v-4fd596c6]{letter-spacing:.06em;color:var(--text);margin:0 0 .75rem;font-size:.85rem}.operand-cubes[data-v-4fd596c6],.cluster[data-v-4fd596c6]{flex-wrap:wrap;align-items:flex-start;gap:.6rem;display:flex}.operand-cubes[data-v-4fd596c6]{gap:.9rem}.ones-cluster[data-v-4fd596c6]{gap:var(--cube-gap)}.zones[data-v-4fd596c6]{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.zone[data-v-4fd596c6]{background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;min-width:0;padding:.75rem;display:flex}.zone.new-tens[data-v-4fd596c6]{background:var(--highlight-soft);border:2px solid var(--highlight)}.zone.first-tens[data-v-4fd596c6]{border:2px solid color-mix(in srgb, var(--color-first) 35%, transparent)}.zone.second-tens[data-v-4fd596c6]{border:2px solid color-mix(in srgb, var(--color-second) 35%, transparent)}.zone-title[data-v-4fd596c6]{letter-spacing:.09em;color:var(--text-soft);text-align:center;margin:0;font-size:.72rem;font-weight:800}.zone-title.accent[data-v-4fd596c6]{color:var(--highlight)}.zone-body[data-v-4fd596c6]{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.7rem;display:flex}.ones-body[data-v-4fd596c6]{gap:var(--cube-gap);max-width:calc(var(--cube-size) * 6 + var(--cube-gap) * 5 + 1rem)}.empty-note[data-v-4fd596c6]{color:var(--text-soft);font-size:1.5rem;font-weight:800}.controls[data-v-45de131c]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn[data-v-45de131c]{cursor:pointer;border:2px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:700}.nav[data-v-45de131c]:not(:disabled):hover{background:var(--group-fill)}.btn[data-v-45de131c]:disabled{background:var(--disabled);color:var(--disabled-text);border-color:var(--disabled);cursor:not-allowed}.btn[data-v-45de131c]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.indicator[data-v-45de131c]{color:var(--text-soft);text-align:center;min-width:6.5rem;font-weight:700}.app[data-v-c9b019f4]{flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.app-header[data-v-c9b019f4]{text-align:center}.app-header h1[data-v-c9b019f4]{color:var(--text);margin:0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800}.subtitle[data-v-c9b019f4]{color:var(--text-soft);margin:.35rem 0 0;font-size:1rem}.input-panel[data-v-c9b019f4],.equation-panel[data-v-c9b019f4],.visual-panel[data-v-c9b019f4],.controls-panel[data-v-c9b019f4]{background:var(--card);box-shadow:var(--shadow);border-radius:18px;padding:1.25rem}.equation-panel[data-v-c9b019f4]{text-align:center;flex-direction:column;gap:.75rem;display:flex}.captions[data-v-c9b019f4]{flex-direction:column;gap:.15rem;display:flex}.caption[data-v-c9b019f4]{color:var(--text-soft);margin:0;font-size:1.05rem;font-weight:600}.caption.big[data-v-c9b019f4]{color:var(--text);font-size:1.6rem;font-weight:800}.visual-panel[data-v-c9b019f4]{overflow-wrap:anywhere}.empty-state[data-v-c9b019f4]{text-align:center;color:var(--text-soft);padding:2rem 1rem}.empty-state p[data-v-c9b019f4]{margin:.25rem 0}.hint[data-v-c9b019f4]{font-size:.9rem}.app-footer[data-v-c9b019f4]{color:var(--text-soft);justify-content:center;gap:1.5rem;font-size:.9rem;font-weight:600;display:flex}.legend[data-v-c9b019f4]{align-items:center;gap:.4rem;display:inline-flex}.swatch[data-v-c9b019f4]{border:1.5px solid #00000047;border-radius:3px;width:1rem;height:1rem}.swatch.first[data-v-c9b019f4]{background:var(--color-first)}.swatch.second[data-v-c9b019f4]{background:var(--color-second)}