*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:Noto Sans Thai,Inter,system-ui,sans-serif;color:#171717;background:#fff;-webkit-font-smoothing:antialiased}:root{--ait-color-primary: #0d7854;--ait-color-primary-light: #34d399;--ait-color-primary-subtle: #d1fae5;--ait-color-success: #10b981;--ait-color-warning: #f59e0b;--ait-color-danger: #ef4444;--ait-color-bg: #ffffff;--ait-color-surface: #f7f9f8;--ait-color-surface-elevated: #ffffff;--ait-color-text: #171717;--ait-color-text-secondary: #5c6b64;--ait-color-text-muted: #94a3a0;--ait-color-border: #e2e8e6;--ait-color-border-focus: #34d399;--ait-font-display: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--ait-font-body: "Noto Sans Thai", "Inter", system-ui, sans-serif;--ait-font-mono: "JetBrains Mono", "Fira Code", "IBM Plex Sans Thai", monospace;--ait-font-scale: 1;--ait-line-height: 1.65;--ait-spacing-scale: 1;--ait-space-xs: calc(4px * var(--ait-spacing-scale));--ait-space-sm: calc(8px * var(--ait-spacing-scale));--ait-space-md: calc(16px * var(--ait-spacing-scale));--ait-space-lg: calc(24px * var(--ait-spacing-scale));--ait-space-xl: calc(32px * var(--ait-spacing-scale));--ait-space-2xl: calc(48px * var(--ait-spacing-scale));--ait-radius: 10px;--ait-radius-sm: 6px;--ait-radius-lg: 16px;--ait-radius-xl: 24px;--ait-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--ait-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--ait-shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--ait-btn-min-size: calc(44px * var(--ait-spacing-scale));--ait-btn-radius: var(--ait-radius);--ait-chat-bubble-radius: 16px;--ait-avatar-size: 120px;--ait-avatar-glow: 0 0 24px rgba(13, 120, 84, .25);--ait-editor-font-size: calc(14px * var(--ait-font-scale));--ait-editor-line-height: 1.6;--ait-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ait-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--ait-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--ait-transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000}[data-theme=dark]{--ait-color-bg: #0f1419;--ait-color-surface: #1a1f25;--ait-color-surface-elevated: #242a31;--ait-color-text: #e6edf3;--ait-color-text-secondary: #8b949e;--ait-color-text-muted: #5c656e;--ait-color-border: #2d333b;--ait-color-border-focus: #0d7854;--ait-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--ait-shadow: 0 1px 3px rgba(0, 0, 0, .3);--ait-shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--ait-avatar-glow: 0 0 32px rgba(52, 211, 153, .3)}[data-age-tier=Primary1-2]{--ait-font-scale: 1.45;--ait-spacing-scale: 1.7;--ait-btn-min-size: 60px;--ait-avatar-size: 160px;--ait-editor-font-size: 18px;--ait-chat-bubble-radius: 20px;--ait-radius: 14px;--ait-radius-lg: 20px;--ait-line-height: 1.75}[data-age-tier=Primary3-4]{--ait-font-scale: 1.25;--ait-spacing-scale: 1.4;--ait-btn-min-size: 52px;--ait-avatar-size: 140px;--ait-editor-font-size: 15px;--ait-chat-bubble-radius: 18px}[data-age-tier=Primary5-6]{--ait-font-scale: 1.05;--ait-spacing-scale: 1.05;--ait-editor-font-size: 14px}[data-age-tier=LowerSecondary]{--ait-font-scale: .92;--ait-spacing-scale: .92;--ait-avatar-size: 96px;--ait-editor-font-size: 13px}[data-age-tier=UpperSecondary]{--ait-font-scale: 1;--ait-spacing-scale: 1;--ait-avatar-size: 88px;--ait-editor-font-size: 14px}[data-age-tier=AdvancedCollege]{--ait-font-scale: .88;--ait-spacing-scale: .88;--ait-avatar-size: 76px;--ait-editor-font-size: 13px;--ait-line-height: 1.55}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s var(--ait-transition-spring)}.slide-up-leave-active{transition:all .2s ease-in}.slide-up-enter-from{opacity:0;transform:translateY(16px)}.slide-up-leave-to{opacity:0;transform:translateY(-8px)}.scale-enter-active{transition:all .25s var(--ait-transition-spring)}.scale-leave-active{transition:all .15s ease-in}.scale-enter-from{opacity:0;transform:scale(.9)}.scale-leave-to{opacity:0;transform:scale(.95)}.skeleton{background:linear-gradient(90deg,var(--ait-color-border) 25%,var(--ait-color-surface) 50%,var(--ait-color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--ait-radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:focus-visible{outline:2px solid var(--ait-color-border-focus);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}