Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

Imagine holding a fluffy feather in one hand and a chunky rock in the other.

The rock pushes down hard against your palm, while the feather feels like almost nothing at all!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="aspect-ratio" content="4:3">
<title>Comparing Weights: Heavy and Light</title>
<style>
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    user-select: none;
    -webkit-user-select: none;
  }

  body {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100%;
    padding: 12px;
    color: #1e2945;
  }

  .stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  /* Balance Structure */
  .stand {
    position: absolute;
    bottom: 24px;
    width: 12px;
    height: 120px;
    background: #cbd5e1;
    border-radius: 6px;
    z-index: 1;
  }

  .base {
    position: absolute;
    bottom: 12px;
    width: 100px;
    height: 14px;
    background: #94a3b8;
    border-radius: 7px;
    z-index: 1;
  }

  .fulcrum-pin {
    position: absolute;
    bottom: 136px;
    width: 22px;
    height: 22px;
    background: #22b7ff;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-radius: 50%;
    z-index: 4;
  }

  .beam-container {
    position: absolute;
    bottom: 147px;
    width: 280px;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 2;
  }

  .beam {
    width: 100%;
    height: 10px;
    background: #475569;
    border-radius: 5px;
  }

  /* Left & Right Pans */
  .pan-assembly {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .pan-assembly.left {
    left: 0;
    transform-origin: top center;
  }

  .pan-assembly.right {
    right: 0;
    transform-origin: top center;
  }

  .strings {
    width: 70px;
    height: 50px;
    border-left: 2px dashed #94a3b8;
    border-right: 2px dashed #94a3b8;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    background: rgba(148, 163, 184, 0.05);
  }

  .plate {
    width: 90px;
    height: 10px;
    background: #64748b;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.08);
  }

  .item-holder {
    position: absolute;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .item-icon {
    font-size: 42px;
    line-height: 1;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
  }

  /* Dynamic Weight Badges */
  .badge {
    margin-top: 4px;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    transition: all 0.4s ease;
  }

  .badge-heavy {
    background: #e0f2fe;
    color: #0369a1;
    box-shadow: 0 2px 4px rgba(3, 105, 161, 0.15);
  }

  .badge-light {
    background: #f1f5f9;
    color: #64748b;
  }

  /* Controls */
  .controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    width: 100%;
    max-width: 440px;
    margin-top: 12px;
  }

  .btn {
    appearance: none;
    border: none;
    background: #ffffff;
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s, box-shadow 0.2s;
  }

  .btn:active {
    background: #e2e8f0;
  }

  .btn.active {
    background: #22b7ff;
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(34, 183, 255, 0.35);
  }

  .swap-btn {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
  }
</style>
</head>
<body>

  <div class="stage">
    <div class="beam-container" id="beam">
      <div class="beam"></div>
      
      
      <div class="pan-assembly left" id="panLeft">
        <div class="strings"></div>
        <div class="plate"></div>
        <div class="item-holder">
          <div class="item-icon" id="leftIcon">🪨</div>
          <div class="badge badge-heavy" id="leftBadge">Heavy ⬇</div>
        </div>
      </div>

      
      <div class="pan-assembly right" id="panRight">
        <div class="strings"></div>
        <div class="plate"></div>
        <div class="item-holder">
          <div class="item-icon" id="rightIcon">🪶</div>
          <div class="badge badge-light" id="rightBadge">Light ⬆</div>
        </div>
      </div>
    </div>

    <div class="fulcrum-pin"></div>
    <div class="stand"></div>
    <div class="base"></div>
  </div>

  <div class="controls">
    <button class="btn active" onclick="setPair(0, this)">🪨 vs 🪶</button>
    <button class="btn" onclick="setPair(1, this)">🍉 vs 🍓</button>
    <button class="btn" onclick="setPair(2, this)">🧱 vs 🎈</button>
    <button class="btn swap-btn" onclick="swapSides()">⇄ Swap</button>
  </div>

<script>
  const pairs = [
    { heavy: '🪨', light: '🪶' },
    { heavy: '🍉', light: '🍓' },
    { heavy: '🧱', light: '🎈' }
  ];

  let currentPairIndex = 0;
  let isHeavyOnLeft = true;

  const beam = document.getElementById('beam');
  const panLeft = document.getElementById('panLeft');
  const panRight = document.getElementById('panRight');
  const leftIcon = document.getElementById('leftIcon');
  const rightIcon = document.getElementById('rightIcon');
  const leftBadge = document.getElementById('leftBadge');
  const rightBadge = document.getElementById('rightBadge');

  function updateDisplay() {
    const pair = pairs[currentPairIndex];
    const angle = isHeavyOnLeft ? 15 : -15;

    beam.style.transform = `rotate(${angle}deg)`;
    panLeft.style.transform = `rotate(${-angle}deg)`;
    panRight.style.transform = `rotate(${-angle}deg)`;

    if (isHeavyOnLeft) {
      leftIcon.textContent = pair.heavy;
      rightIcon.textContent = pair.light;
      
      leftBadge.textContent = 'Heavy ⬇';
      leftBadge.className = 'badge badge-heavy';
      
      rightBadge.textContent = 'Light ⬆';
      rightBadge.className = 'badge badge-light';
    } else {
      leftIcon.textContent = pair.light;
      rightIcon.textContent = pair.heavy;
      
      leftBadge.textContent = 'Light ⬆';
      leftBadge.className = 'badge badge-light';
      
      rightBadge.textContent = 'Heavy ⬇';
      rightBadge.className = 'badge badge-heavy';
    }
  }

  function setPair(index, btn) {
    currentPairIndex = index;
    document.querySelectorAll('.controls .btn:not(.swap-btn)').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    updateDisplay();
  }

  function swapSides() {
    isHeavyOnLeft = !isHeavyOnLeft;
    updateDisplay();
  }

  updateDisplay();
</script>
</body>
</html>

How can you turn your own two hands into a tool to compare things?

**Weight** is a measure of how heavy something feels when Earth pulls down on it.

When you hold two things, the object that pulls your hand down more is **heavier**, and the one that feels easier to lift is **lighter**.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="aspect-ratio" content="4:3">
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #f8f9fa;
    color: #1e2945;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    min-height: 100%;
    user-select: none;
    -webkit-user-select: none;
  }

  .nav-pills {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 480px;
  }

  .pill {
    padding: 8px 14px;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #64748b;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }

  .pill.active {
    background: #e0f2fe;
    border-color: #22b7ff;
    color: #0284c7;
    box-shadow: 0 0 0 1px #22b7ff;
  }

  .stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 240px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
  }

  /* Baseline dashed level line */
  .level-line {
    position: absolute;
    top: 55%;
    left: 8%;
    right: 8%;
    height: 0;
    border-top: 2px dashed #cbd5e1;
    z-index: 1;
  }

  .level-label {
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .arm-column {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px;
    transition: transform 0.5s cubic-bezier(0.34, 1.4, 0.64, 1);
  }

  .arm-column.heavy {
    transform: translateY(36px);
  }

  .arm-column.light {
    transform: translateY(-36px);
  }

  .object-icon {
    font-size: 46px;
    line-height: 1;
    height: 52px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.08));
    transition: transform 0.3s ease;
  }

  .hand {
    font-size: 38px;
    line-height: 1;
    margin-top: -6px;
  }

  .tag {
    margin-top: 8px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.3s ease;
  }

  .tag-heavy {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
  }

  .tag-light {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
  }

  .swap-hint {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
  }
</style>
</head>
<body>

  <div class="nav-pills">
    <button class="pill active" onclick="setPair(0)">🪨 Rock & 🪶 Feather</button>
    <button class="pill" onclick="setPair(1)">📚 Books & ✏️ Pencil</button>
    <button class="pill" onclick="setPair(2)">🎳 Bowling & 🎈 Balloon</button>
  </div>

  <div class="stage">
    <div class="level-line">
      <span class="level-label">Start Height</span>
    </div>

    
    <div id="leftCol" class="arm-column heavy">
      <div id="leftIcon" class="object-icon">🪨</div>
      <div class="hand">🫲</div>
      <div id="leftTag" class="tag tag-heavy">Heavier ↓</div>
    </div>

    
    <div id="rightCol" class="arm-column light">
      <div id="rightIcon" class="object-icon">🪶</div>
      <div class="hand">🫱</div>
      <div id="rightTag" class="tag tag-light">Lighter ↑</div>
    </div>
  </div>

  <div class="swap-hint">Tap a pair to compare weights</div>

<script>
  const pairs = [
    {
      left: { icon: '🪨', state: 'heavy', text: 'Heavier ↓', tagClass: 'tag-heavy' },
      right: { icon: '🪶', state: 'light', text: 'Lighter ↑', tagClass: 'tag-light' }
    },
    {
      left: { icon: '📚', state: 'heavy', text: 'Heavier ↓', tagClass: 'tag-heavy' },
      right: { icon: '✏️', state: 'light', text: 'Lighter ↑', tagClass: 'tag-light' }
    },
    {
      left: { icon: '🎳', state: 'heavy', text: 'Heavier ↓', tagClass: 'tag-heavy' },
      right: { icon: '🎈', state: 'light', text: 'Lighter ↑', tagClass: 'tag-light' }
    }
  ];

  function setPair(index) {
    const pills = document.querySelectorAll('.pill');
    pills.forEach((p, i) => p.classList.toggle('active', i === index));

    const p = pairs[index];
    const leftCol = document.getElementById('leftCol');
    const rightCol = document.getElementById('rightCol');
    const leftIcon = document.getElementById('leftIcon');
    const rightIcon = document.getElementById('rightIcon');
    const leftTag = document.getElementById('leftTag');
    const rightTag = document.getElementById('rightTag');

    leftIcon.textContent = p.left.icon;
    rightIcon.textContent = p.right.icon;

    leftCol.className = 'arm-column ' + p.left.state;
    rightCol.className = 'arm-column ' + p.right.state;

    leftTag.textContent = p.left.text;
    leftTag.className = 'tag ' + p.left.tagClass;

    rightTag.textContent = p.right.text;
    rightTag.className = 'tag ' + p.right.tagClass;
  }
</script>
</body>
</html>

Does a bigger object always pull your hand down more than a small one?

A giant beach ball looks huge, but it is filled with air and feels super light.

A tiny metal toy car is small, but made of solid metal that feels heavier in your hand.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <title>Comparing Weights: Heavy and Light</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 12px;
      user-select: none;
    }

    /* Tabs / Switcher */
    .pair-nav {
      display: flex;
      gap: 8px;
      background: #f1f5f9;
      padding: 4px;
      border-radius: 24px;
      margin-bottom: 8px;
    }

    .pair-btn {
      background: transparent;
      border: none;
      padding: 6px 14px;
      font-size: 14px;
      font-weight: 600;
      color: #64748b;
      border-radius: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    }

    .pair-btn.active {
      background: #ffffff;
      color: #1e2945;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    /* Scale Area */
    .scale-container {
      position: relative;
      width: 100%;
      max-width: 380px;
      height: 260px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto 0;
    }

    /* Fulcrum (Base Stand) */
    .fulcrum-stand {
      position: absolute;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);
      width: 10px;
      height: 110px;
      background: #cbd5e1;
      border-radius: 5px;
      z-index: 1;
    }

    .fulcrum-base {
      position: absolute;
      bottom: 16px;
      left: 50%;
      transform: translateX(-50%);
      width: 90px;
      height: 12px;
      background: #94a3b8;
      border-radius: 6px;
      z-index: 1;
    }

    .fulcrum-pivot {
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 22px;
      height: 22px;
      background: #3b82f6;
      border: 3px solid #ffffff;
      border-radius: 50%;
      box-shadow: 0 2px 4px rgba(0,0,0,0.15);
      z-index: 4;
    }

    /* Beam */
    .beam {
      position: absolute;
      top: 100px;
      left: 50%;
      width: 260px;
      height: 8px;
      background: #64748b;
      border-radius: 4px;
      margin-left: -130px;
      margin-top: -4px;
      transform-origin: center center;
      transition: transform 0.6s cubic-bezier(0.34, 1.3, 0.64, 1);
      z-index: 2;
    }

    /* Pan Hangers */
    .pan-assembly {
      position: absolute;
      top: 4px;
      width: 90px;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.6s cubic-bezier(0.34, 1.3, 0.64, 1);
    }

    .pan-assembly.left {
      left: 0;
      margin-left: -45px;
    }

    .pan-assembly.right {
      right: 0;
      margin-right: -45px;
    }

    .strings {
      width: 44px;
      height: 48px;
      position: relative;
    }

    .strings::before, .strings::after {
      content: '';
      position: absolute;
      top: 0;
      width: 2px;
      height: 100%;
      background: #94a3b8;
    }

    .strings::before {
      left: 6px;
      transform-origin: top;
      transform: rotate(-16deg);
    }

    .strings::after {
      right: 6px;
      transform-origin: top;
      transform: rotate(16deg);
    }

    .pan-dish {
      width: 72px;
      height: 14px;
      background: #64748b;
      border-radius: 0 0 36px 36px;
      position: relative;
      margin-top: -2px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    /* Object on pan */
    .item-holder {
      position: absolute;
      bottom: 12px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }

    .item-icon {
      font-size: 38px;
      line-height: 1;
      filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12));
    }

    /* Badges */
    .badge-status {
      margin-top: 6px;
      padding: 3px 10px;
      font-size: 13px;
      font-weight: 700;
      border-radius: 12px;
      white-space: nowrap;
      transition: background 0.3s, color 0.3s;
    }

    .badge-heavy {
      background: #e0f2fe;
      color: #0369a1;
    }

    .badge-light {
      background: #f1f5f9;
      color: #64748b;
    }
  </style>
</head>
<body>

  
  <div class="pair-nav" role="tablist">
    <button class="pair-btn active" onclick="setPair(0)" role="tab" id="tab-0">🚗 🎈</button>
    <button class="pair-btn" onclick="setPair(1)" role="tab" id="tab-1">🪶 🪨</button>
    <button class="pair-btn" onclick="setPair(2)" role="tab" id="tab-2">🧱 🧽</button>
  </div>

  
  <div class="scale-container">
    <div class="fulcrum-pivot"></div>
    <div class="fulcrum-stand"></div>
    <div class="fulcrum-base"></div>

    <div class="beam" id="beam">
      
      <div class="pan-assembly left" id="panLeft">
        <div class="item-holder">
          <span class="item-icon" id="leftIcon">🚗</span>
        </div>
        <div class="strings"></div>
        <div class="pan-dish"></div>
        <div class="badge-status badge-heavy" id="leftBadge">Heavy ⬇</div>
      </div>

      
      <div class="pan-assembly right" id="panRight">
        <div class="item-holder">
          <span class="item-icon" id="rightIcon">🎈</span>
        </div>
        <div class="strings"></div>
        <div class="pan-dish"></div>
        <div class="badge-status badge-light" id="rightBadge">Light ⬆</div>
      </div>
    </div>
  </div>

  <script>
    const pairs = [
      {
        leftIcon: '🚗',
        rightIcon: '🎈',
        tilt: 14 // Left goes down (clockwise tilt = 14deg, wait: positive is right down, negative is left down)
      },
      {
        leftIcon: '🪶',
        rightIcon: '🪨',
        tilt: -14 // Right goes down
      },
      {
        leftIcon: '🧱',
        rightIcon: '🧽',
        tilt: 14 // Left goes down
      }
    ];

    const beam = document.getElementById('beam');
    const panLeft = document.getElementById('panLeft');
    const panRight = document.getElementById('panRight');
    const leftIcon = document.getElementById('leftIcon');
    const rightIcon = document.getElementById('rightIcon');
    const leftBadge = document.getElementById('leftBadge');
    const rightBadge = document.getElementById('rightBadge');

    function setPair(index) {
      const data = pairs[index];

      // Update tabs
      document.querySelectorAll('.pair-btn').forEach((btn, i) => {
        btn.classList.toggle('active', i === index);
      });

      // Update items
      leftIcon.textContent = data.leftIcon;
      rightIcon.textContent = data.rightIcon;

      // Positive tilt = left down (+14deg)
      // Beam rotation
      beam.style.transform = `rotate(${data.tilt}deg)`;

      // Counter-rotate pans so they remain upright
      panLeft.style.transform = `rotate(${-data.tilt}deg)`;
      panRight.style.transform = `rotate(${-data.tilt}deg)`;

      // Update badges
      if (data.tilt > 0) {
        // Left side is lower (Heavy)
        leftBadge.textContent = 'Heavy ⬇';
        leftBadge.className = 'badge-status badge-heavy';

        rightBadge.textContent = 'Light ⬆';
        rightBadge.className = 'badge-status badge-light';
      } else {
        // Right side is lower (Heavy)
        leftBadge.textContent = 'Light ⬆';
        leftBadge.className = 'badge-status badge-light';

        rightBadge.textContent = 'Heavy ⬇';
        rightBadge.className = 'badge-status badge-heavy';
      }
    }

    // Initial render
    setPair(0);
  </script>
</body>
</html>

Ready to test two things around you right now?

Place a thick storybook on your left hand and a single pencil on your right hand.

Close your eyes and feel which hand sinks downward — that hand is holding the heavier object!

math

Comparing Weights: Heavy and Light. Hold two objects to estimate and identify which is heavier and which is lighter.

Early Level Maths and Numeracy: Exploring Weight and Measurement

Early Years Foundation & P1: Comparing Weight and Present Parcels

Compare Size and Weight: Heavier vs Lighter Hands-on Practice

For Scottish Curriculum for Excellence Early Level (P1), instruction must prioritize concrete, multi-sensory experiences before introducing symbolic balance scales. Emphasize physical 'hefting' with palms open to develop tactile discrimination. Actively confront the intuitive 'big = heavy' bias by deliberately offering counter-intuitive pairings (e.g., small heavy stones vs. large lightweight sponges). Ensure children always express comparisons in dual full sentences ('A is heavier than B' and 'B is lighter than A') to develop robust mathematical relational reasoning under standard MNU 0-01a.

Comparing Weights: Heavy and Light

Using Your Hands as Scales

Big Doesn't Always Mean Heavy