*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-secondary: #fd79a8;--color-bg: #f8f9fa;--color-text: #2d3436;--color-text-light: #636e72;--color-white: #ffffff;--color-success: #00b894;--color-warning: #fdcb6e;--font-family: "Fredoka", system-ui, -apple-system, sans-serif;--radius: 16px;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12)}html,body{height:100%;width:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}._container_rj1t0_1{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe,#fd79a8);cursor:pointer}._content_rj1t0_11{text-align:center;animation:_fadeIn_rj1t0_1 1s ease-out}._logo_rj1t0_16{width:180px;height:180px;border-radius:50%;margin:0 auto 24px;object-fit:cover;box-shadow:0 8px 32px #0003;animation:_pulse_rj1t0_1 2s infinite ease-in-out}._title_rj1t0_26{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:8px}._subtitle_rj1t0_34{font-size:1.4rem;color:#ffffffe6;font-weight:500;margin-bottom:32px}._loader_rj1t0_41{display:flex;gap:8px;justify-content:center}._loaderDot_rj1t0_47{width:12px;height:12px;background:#fffc;border-radius:50%;animation:_bounce_rj1t0_1 1.4s infinite ease-in-out both}._loaderDot_rj1t0_47:nth-child(1){animation-delay:-.32s}._loaderDot_rj1t0_47:nth-child(2){animation-delay:-.16s}@keyframes _fadeIn_rj1t0_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _pulse_rj1t0_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes _bounce_rj1t0_1{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}._container_1op56_1{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#f8f9fa,#e8e6ff)}._logo_1op56_11{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:24px;box-shadow:var(--shadow)}._title_1op56_20{font-size:2.8rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}._subtitle_1op56_27{font-size:1.2rem;color:var(--color-text-light);margin-bottom:48px}._buttons_1op56_33{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}._roleButton_1op56_40{display:flex;flex-direction:column;align-items:center;gap:16px;width:220px;padding:40px 32px;border-radius:var(--radius);background:var(--color-white);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}._roleButton_1op56_40:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}._roleButton_1op56_40:active{transform:translateY(0)}._teacher_1op56_62:hover{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}._student_1op56_67:hover{background:linear-gradient(135deg,#fd79a8,#fab1a0);color:#fff}._roleIcon_1op56_72{font-size:3.5rem}._roleLabel_1op56_76{font-size:1.3rem;font-weight:600}._container_14wc9_1{min-height:100vh;padding:32px 24px;max-width:1100px;margin:0 auto}._header_14wc9_8{display:flex;align-items:center;gap:20px;margin-bottom:40px}._logo_14wc9_15{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow)}._title_14wc9_23{font-size:2rem;font-weight:700;color:var(--color-primary)}._subtitle_14wc9_29{font-size:1.1rem;color:var(--color-text-light)}._grid_14wc9_34{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}._card_14wc9_40{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;padding:0}._card_14wc9_40:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}._card_14wc9_40:active{transform:translateY(0)}._cardCover_14wc9_59{height:140px;display:flex;align-items:center;justify-content:center}._cardEmoji_14wc9_66{font-size:4rem}._cardBody_14wc9_70{padding:20px}._cardTitle_14wc9_74{font-size:1.4rem;font-weight:600;color:var(--color-text);margin-bottom:8px}._cardDescription_14wc9_81{font-size:.95rem;color:var(--color-text-light);margin-bottom:12px;line-height:1.5}._cardPages_14wc9_88{font-size:.85rem;color:var(--color-primary);font-weight:500}._container_16s4j_1{flex:1;overflow-y:auto;position:relative;background:linear-gradient(180deg,#fafafa,#f0eeff)}._content_16s4j_8{padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:700px;margin:0 auto}._imageContainer_16s4j_18{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}._storyImage_16s4j_25{width:100%;height:auto;display:block}._placeholder_16s4j_31{width:100%;height:260px;border-radius:var(--radius);background:linear-gradient(135deg,#dfe6e9,#b2bec3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:3px dashed #a0a0a0}._placeholderIcon_16s4j_44{font-size:3rem;opacity:.6}._placeholderText_16s4j_49{font-size:1.2rem;font-weight:600;color:#636e72}._placeholderNote_16s4j_55{font-size:.9rem;color:#b2bec3}._textContainer_16s4j_60{width:100%}._storyText_16s4j_64{font-size:1.5rem;line-height:1.8;color:var(--color-text);font-weight:400;text-align:center}._pageIndicator_16s4j_72{font-size:.9rem;color:var(--color-text-light);font-weight:500;padding-bottom:24px}._starOverlay_16s4j_79{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}._starAnimation_16s4j_89{font-size:8rem;animation:_starPop_16s4j_1 2s ease-out forwards}@keyframes _starPop_16s4j_1{0%{transform:scale(0) rotate(0);opacity:0}30%{transform:scale(1.4) rotate(20deg);opacity:1}60%{transform:scale(1) rotate(-10deg);opacity:1}to{transform:scale(1.5) rotate(0);opacity:0}}._container_1ovug_1{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:28px;background:#fafafa}._section_1ovug_11{display:flex;flex-direction:column;gap:12px}._sectionTitle_1ovug_17{font-size:1rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}._sectionHint_1ovug_25{font-size:.85rem;color:var(--color-text-light)}._pageInfo_1ovug_30{font-size:1.1rem;font-weight:500;color:var(--color-text);text-align:center;padding:8px;background:var(--color-white);border-radius:8px}._navButtons_1ovug_40{display:flex;gap:12px}._navButton_1ovug_40{flex:1;padding:14px 16px;border-radius:12px;font-size:1rem;font-weight:600;background:var(--color-primary);color:#fff;transition:background .2s,transform .1s}._navButton_1ovug_40:hover:not(:disabled){background:#5a4bd1;transform:translateY(-1px)}._navButton_1ovug_40:active:not(:disabled){transform:translateY(0)}._navButton_1ovug_40:disabled{background:#ccc;color:#999;cursor:not-allowed}._feedbackButtons_1ovug_71{display:flex;flex-direction:column;gap:12px}._feedbackButton_1ovug_71{padding:16px;border-radius:12px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}._feedbackButton_1ovug_71:hover{transform:scale(1.02);box-shadow:var(--shadow)}._feedbackButton_1ovug_71:active{transform:scale(.98)}._confettiButton_1ovug_94{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff}._starButton_1ovug_99{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}._preview_1ovug_104{background:var(--color-white);padding:16px;border-radius:12px;border:1px solid #eee}._previewText_1ovug_111{font-size:.9rem;color:var(--color-text-light);line-height:1.5}._container_1nguy_1{height:100vh;display:flex;flex-direction:column;overflow:hidden}._header_1nguy_8{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-white);box-shadow:0 2px 8px #0000000f;flex-shrink:0}._backButton_1nguy_18{background:var(--color-bg);padding:8px 16px;border-radius:8px;font-size:1rem;font-weight:500;color:var(--color-text);transition:background .2s}._backButton_1nguy_18:hover{background:#e2e0f5}._title_1nguy_32{font-size:1.5rem;font-weight:700;color:var(--color-primary)}._sessionLayout_1nguy_38{flex:1;display:flex;overflow:hidden}._studentPanel_1nguy_44{flex:2;display:flex;flex-direction:column;overflow:hidden;border-right:2px solid #eee}._teacherPanel_1nguy_52{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:320px;max-width:400px}._panelLabel_1nguy_61{padding:8px 24px;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}._notFound_1nguy_72{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}._notFound_1nguy_72 h2{font-size:1.5rem;color:var(--color-text-light)}._notFound_1nguy_72 button{background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500}