.bg-white[data-astro-cid-2focrfkn]{background-color:#fff}.bg-yellow[data-astro-cid-2focrfkn]{background-color:var(--d-yellow)}.bg-teal[data-astro-cid-2focrfkn]{background-color:var(--d-teal)}.text-teal[data-astro-cid-2focrfkn]{color:var(--d-teal)}.text-white[data-astro-cid-2focrfkn]{color:#fff}.comic-container[data-astro-cid-2focrfkn]{max-width:900px;margin:0 auto;padding:40px 20px 80px}.comic-hero[data-astro-cid-2focrfkn]{background:var(--d-navy);padding:60px 40px;position:relative;margin-bottom:50px;border:6px solid var(--d-navy);box-shadow:12px 12px 0 var(--d-teal)}.hero-badge[data-astro-cid-2focrfkn]{background:var(--d-yellow);color:var(--d-navy);display:inline-block;padding:5px 15px;font-family:Space Grotesk,sans-serif;font-weight:800;border:3px solid var(--d-navy);transform:rotate(-3deg);margin-bottom:20px}.hero-title[data-astro-cid-2focrfkn]{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,6vw,56px);line-height:1.1;color:#fff;margin:0 0 30px;text-transform:uppercase}.speech-bubble[data-astro-cid-2focrfkn]{background:#fff;color:var(--d-navy);padding:20px 30px;font-size:18px;font-weight:600;border-radius:30px 30px 30px 0;position:relative;border:4px solid var(--d-navy);max-width:600px}.reading-time-badge[data-astro-cid-2focrfkn]{position:absolute;top:-20px;right:20px;background:var(--d-yellow);color:var(--d-navy);padding:8px 16px;font-family:Space Grotesk,sans-serif;font-weight:700;border:3px solid var(--d-navy);box-shadow:4px 4px 0 var(--d-navy)}.comic-grid[data-astro-cid-2focrfkn]{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:60px}@media(min-width:768px){.comic-grid[data-astro-cid-2focrfkn]{grid-template-columns:1fr 1fr}.full-width[data-astro-cid-2focrfkn]{grid-column:1 / -1}}.comic-panel[data-astro-cid-2focrfkn]{padding:30px;position:relative;border:5px solid var(--d-navy);box-shadow:8px 8px 0 var(--d-navy)}.panel-number[data-astro-cid-2focrfkn]{position:absolute;top:-15px;left:-15px;background:var(--d-navy);color:var(--d-yellow);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:20px;border:3px solid var(--d-navy);border-radius:50%}.comic-panel[data-astro-cid-2focrfkn] h2[data-astro-cid-2focrfkn]{font-family:Space Grotesk,sans-serif;font-size:24px;margin-top:10px;margin-bottom:15px;text-transform:uppercase}.comic-panel[data-astro-cid-2focrfkn] p[data-astro-cid-2focrfkn]{font-size:16px;line-height:1.8;margin:0}.interactive-section[data-astro-cid-2focrfkn]{margin-bottom:80px}.section-header[data-astro-cid-2focrfkn]{text-align:center;margin-bottom:30px}.section-header[data-astro-cid-2focrfkn] h2[data-astro-cid-2focrfkn]{font-family:Space Grotesk,sans-serif;font-size:32px;color:var(--d-navy);margin:0}.section-header[data-astro-cid-2focrfkn] p[data-astro-cid-2focrfkn]{color:#64748b;font-size:16px;margin-top:10px}.chat-interface[data-astro-cid-2focrfkn]{background:#f1f5f9;border:5px solid var(--d-navy);border-radius:16px;padding:30px;box-shadow:12px 12px 0 var(--d-navy)}.chat-row[data-astro-cid-2focrfkn]{display:flex;gap:15px;margin-bottom:25px;align-items:flex-end}.chat-row[data-astro-cid-2focrfkn].teacher{justify-content:flex-end}.avatar[data-astro-cid-2focrfkn]{font-size:40px}.chat-bubble[data-astro-cid-2focrfkn]{padding:15px 20px;border:3px solid var(--d-navy);border-radius:20px;font-size:16px;line-height:1.6;max-width:80%;font-weight:500}.student[data-astro-cid-2focrfkn] .chat-bubble[data-astro-cid-2focrfkn]{border-bottom-left-radius:4px;box-shadow:4px 4px #0000001a}.teacher[data-astro-cid-2focrfkn] .chat-bubble[data-astro-cid-2focrfkn]{border-bottom-right-radius:4px;box-shadow:-4px 4px #0000001a;text-align:right}.chat-options-container[data-astro-cid-2focrfkn]{display:flex;flex-direction:column;gap:15px;margin-top:30px;border-top:3px dashed #cbd5e1;padding-top:30px}.chat-btn[data-astro-cid-2focrfkn]{text-align:left;background:#fff;color:var(--d-navy);border:3px solid var(--d-navy);box-shadow:4px 4px 0 var(--d-navy);padding:20px;border-radius:8px}.chat-btn[data-astro-cid-2focrfkn]:hover{background:#f8fafc;transform:translate(2px) translateY(2px);box-shadow:2px 2px 0 var(--d-navy)}.system-msg[data-astro-cid-2focrfkn]{text-align:center;padding:15px;border-radius:8px;font-weight:700;font-family:Space Grotesk,sans-serif;margin:20px 0;border:3px solid var(--d-navy)}.notepad-reflection[data-astro-cid-2focrfkn]{background:#fef9c3;border:2px solid #fde047;padding:40px;position:relative;border-radius:4px;box-shadow:0 10px 25px #0000000d}.notepad-line[data-astro-cid-2focrfkn]{position:absolute;top:0;bottom:0;left:30px;width:2px;background:#fca5a5}.notepad-content[data-astro-cid-2focrfkn]{margin-left:20px}.notepad-content[data-astro-cid-2focrfkn] h2[data-astro-cid-2focrfkn]{font-family:Space Grotesk,sans-serif;font-size:26px;color:var(--d-navy);margin-top:0;margin-bottom:20px}.notepad-content[data-astro-cid-2focrfkn] p[data-astro-cid-2focrfkn]{color:#475569;font-size:16px;margin-bottom:25px;line-height:1.6}.checklist-container[data-astro-cid-2focrfkn]{display:flex;flex-direction:column;gap:15px}.check-container[data-astro-cid-2focrfkn]{display:flex;align-items:flex-start;gap:15px;cursor:pointer;position:relative}.check-container[data-astro-cid-2focrfkn] input[data-astro-cid-2focrfkn]{width:24px;height:24px;cursor:pointer;flex-shrink:0;accent-color:var(--d-teal);margin-top:4px}.check-container[data-astro-cid-2focrfkn] span[data-astro-cid-2focrfkn]{font-size:16px;color:var(--d-navy);font-weight:500;line-height:1.6;border-bottom:1px solid #fde047;padding-bottom:5px}.notepad-footer[data-astro-cid-2focrfkn]{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start}#pesan-peringatan[data-astro-cid-2focrfkn]{font-size:14px;color:#ef4444;font-weight:700;margin-bottom:15px;font-family:Space Grotesk,sans-serif}.disabled-btn[data-astro-cid-2focrfkn]{opacity:.5;cursor:not-allowed;background:var(--d-navy);color:var(--d-yellow);font-size:18px;padding:16px 32px;border-radius:8px;border:none}