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

If you hold a red apple in your hand and let go, will it fall down?

Yes, every single time! There is zero doubt that it will drop.

When an event is **certain**, it means it will **definitely happen** without any doubt.

<!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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 12px;
      gap: 12px;
      user-select: none;
    }

    /* Probability scale */
    .scale-bar {
      width: 100%;
      max-width: 380px;
      height: 12px;
      background: #e2e8f0;
      border-radius: 6px;
      position: relative;
      margin-top: 14px;
    }
    .scale-fill {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(90deg, #cbd5e1 0%, #22b7ff 100%);
      border-radius: 6px;
    }
    .scale-marker {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(50%, -50%);
      width: 22px;
      height: 22px;
      background: #22b7ff;
      border: 3px solid #ffffff;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.4);
      border-radius: 50%;
    }
    .scale-labels {
      display: flex;
      justify-content: space-between;
      width: 100%;
      max-width: 380px;
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
    }
    .scale-labels .active-label {
      color: #0284c7;
      font-weight: 800;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    /* Main visual stage */
    .stage {
      width: 100%;
      max-width: 380px;
      height: 190px;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.06);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    /* Jar & Marbles */
    .jar {
      width: 130px;
      height: 120px;
      border: 4px solid #94a3b8;
      border-top: none;
      border-radius: 0 0 24px 24px;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-end;
      justify-content: center;
      padding: 8px;
      gap: 6px;
      background: rgba(241, 245, 249, 0.6);
    }
    .jar::before {
      content: "";
      position: absolute;
      top: -6px;
      left: -8px;
      right: -8px;
      height: 6px;
      background: #94a3b8;
      border-radius: 3px;
    }

    .ball {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #60a5fa, #2563eb);
      box-shadow: inset -2px -2px 4px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.15);
      transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
    }

    /* Picked ball animation slot */
    .pick-slot {
      position: absolute;
      top: 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.3s ease, transform 0.4s ease;
    }
    .pick-slot.show {
      opacity: 1;
      transform: translateY(0);
    }
    .pick-tag {
      font-size: 13px;
      font-weight: 700;
      color: #0284c7;
      margin-top: 4px;
    }

    /* Button */
    .action-btn {
      appearance: none;
      border: none;
      background: #22b7ff;
      color: #ffffff;
      font-size: 15px;
      font-weight: 700;
      padding: 10px 24px;
      border-radius: 999px;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(34, 183, 255, 0.35);
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: background 0.2s, box-shadow 0.2s;
    }
    .action-btn:active {
      background: #0ea5e9;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.3);
    }

    .status-badge {
      font-size: 12px;
      font-weight: 700;
      color: #0369a1;
      background: #e0f2fe;
      padding: 4px 10px;
      border-radius: 999px;
    }
  </style>
</head>
<body>

  
  <div style="width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 4px;">
    <div class="scale-bar">
      <div class="scale-fill"></div>
      <div class="scale-marker"></div>
    </div>
    <div class="scale-labels">
      <span>0%</span>
      <span class="active-label">✦ Certain (100%)</span>
    </div>
  </div>

  
  <div class="stage">
    
    <div class="pick-slot" id="pickSlot">
      <div class="ball"></div>
      <div class="pick-tag">Always 🔵</div>
    </div>

    
    <div class="jar" id="jar">
      <div class="ball"></div>
      <div class="ball"></div>
      <div class="ball"></div>
      <div class="ball"></div>
      <div class="ball"></div>
      <div class="ball"></div>
    </div>
  </div>

  
  <div style="display: flex; flex-direction: column; align-items: center; gap: 8px;">
    <button class="action-btn" id="pickBtn" onclick="pickBall()">
      <span>Draw Ball</span> →
    </button>
    <div class="status-badge" id="status">All 6 are 🔵</div>
  </div>

  <script>
    let isAnimating = false;
    const pickSlot = document.getElementById('pickSlot');
    const balls = document.querySelectorAll('.jar .ball');
    const statusEl = document.getElementById('status');

    function pickBall() {
      if (isAnimating) return;
      isAnimating = true;

      // Pick random ball index to lift
      const idx = Math.floor(Math.random() * balls.length);
      const chosen = balls[idx];

      // Lift animation
      chosen.style.transform = 'translateY(-15px) scale(1.15)';
      
      setTimeout(() => {
        pickSlot.classList.add('show');
        statusEl.textContent = '100% Certain: 🔵';
        chosen.style.transform = 'translateY(0) scale(1)';
      }, 250);

      setTimeout(() => {
        pickSlot.classList.remove('show');
        setTimeout(() => {
          isAnimating = false;
        }, 300);
      }, 1800);
    }
  </script>
</body>
</html>

It is **certain** that Tuesday comes right after Monday because the days always follow the exact same order.

It is also **certain** that the sun will rise in the morning to start a new day.

<!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;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      user-select: none;
      -webkit-user-select: none;
    }

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

    /* Event Selector Tabs */
    .tabs-row {
      display: flex;
      gap: 8px;
      width: 100%;
      max-width: 440px;
      justify-content: center;
    }

    .tab-btn {
      flex: 1;
      background: #ffffff;
      border: 2px solid #e6e6e6;
      border-radius: 10px;
      padding: 8px 4px;
      font-size: 13px;
      font-weight: 600;
      color: #6b7280;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
    }

    .tab-btn .tab-icon {
      font-size: 20px;
    }

    .tab-btn.active {
      border-color: #22b7ff;
      background: #f0f9ff;
      color: #0284c7;
    }

    /* Central Visual Display */
    .visual-stage {
      width: 100%;
      max-width: 440px;
      background: #ffffff;
      border: 1px solid #e6e6e6;
      border-radius: 12px;
      padding: 16px 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
    }

    .event-card {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 17px;
      font-weight: 700;
      color: #1e2945;
    }

    .event-card .big-icon {
      font-size: 36px;
      line-height: 1;
    }

    /* Probability Meter */
    .meter-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .meter-labels {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      font-weight: 600;
      color: #6b7280;
    }

    .meter-labels .certain-label {
      color: #0284c7;
      font-weight: 700;
    }

    .meter-track {
      position: relative;
      height: 18px;
      background: #e2e8f0;
      border-radius: 9px;
      overflow: visible;
    }

    .meter-fill {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(90deg, #94a3b8 0%, #38bdf8 60%, #22b7ff 100%);
      border-radius: 9px;
      transition: width 0.4s ease;
    }

    .meter-pointer {
      position: absolute;
      right: -8px;
      top: -5px;
      width: 28px;
      height: 28px;
      background: #0284c7;
      border: 3px solid #ffffff;
      border-radius: 50%;
      box-shadow: 0 2px 6px rgba(0,0,0,0.18);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
    }

    /* Outcome Badge */
    .outcome-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #e0f2fe;
      color: #0369a1;
      padding: 6px 16px;
      border-radius: 20px;
      font-size: 15px;
      font-weight: 700;
    }

    .outcome-pill .check-icon {
      background: #0284c7;
      color: #ffffff;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
    }
  </style>
</head>
<body>

  
  <div class="tabs-row">
    <button class="tab-btn active" onclick="showEvent(0)">
      <span class="tab-icon">☀️</span>
      <span>Sunrise</span>
    </button>
    <button class="tab-btn" onclick="showEvent(1)">
      <span class="tab-icon">📅</span>
      <span>Days</span>
    </button>
    <button class="tab-btn" onclick="showEvent(2)">
      <span class="tab-icon">🧊</span>
      <span>Ice</span>
    </button>
  </div>

  
  <div class="visual-stage">
    <div class="event-card">
      <span class="big-icon" id="eventIcon">☀️</span>
      <span id="eventText">Sun rises tomorrow</span>
    </div>

    
    <div class="meter-container">
      <div class="meter-labels">
        <span>0% Impossible</span>
        <span class="certain-label">100% Certain</span>
      </div>
      <div class="meter-track">
        <div class="meter-fill"></div>
        <div class="meter-pointer">✓</div>
      </div>
    </div>

    
    <div class="outcome-pill">
      <span class="check-icon">✓</span>
      <span>Definitely Happens</span>
    </div>
  </div>

  <script>
    const events = [
      { icon: '☀️', text: 'Sun rises tomorrow' },
      { icon: '📅', text: 'Monday follows Sunday' },
      { icon: '🧊', text: 'Ice melts in heat' }
    ];

    function showEvent(index) {
      const tabs = document.querySelectorAll('.tab-btn');
      tabs.forEach((tab, i) => {
        tab.classList.toggle('active', i === index);
      });

      document.getElementById('eventIcon').textContent = events[index].icon;
      document.getElementById('eventText').textContent = events[index].text;
    }
  </script>
</body>
</html>

How can you check if something is really certain?

Just ask yourself: *Could anything else happen instead?*

If the answer is no, you know for sure the event is **certain**.

math

Understanding Things That Will Definitely Happen: Certain. Identify events that are certain to happen (e.g., the sun will rise tomorrow, Tuesday follows Monday).

Early Level & First Level Numeracy and Mathematics: Chance and Likelihood (MNU 1-22a)

Early Years Foundation & Primary Stage 1: Exploring Likelihood and Chance Games

Identify Events: Certain, Probable, Unlikely, and Impossible

When teaching certainty to P1 / Early Level learners under the Scottish Curriculum for Excellence (MNU 1-22a), instruction must be firmly rooted in concrete experiences and relational language before abstract probability concepts are introduced. Begin with multisensory demonstrations (e.g., bags containing exclusively one item colour) to establish tangible certainty. Ground discussions in everyday routines and natural phenomena (day/night, sequence of weekdays) and use 'thumbs up / thumbs down' response signals to actively engage young children in classifying statements as 'certain' versus 'not certain'.

Understanding Things That Will Definitely Happen: Certain

What Does Certain Mean?

Certain Events in Daily Life

The Certainty Question