*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--ait-font-body);color:var(--ait-color-text);background:var(--ait-color-bg);-webkit-font-smoothing:antialiased}:root{--ait-color-primary: #7c3aed;--ait-color-primary-hover: #6d28d9;--ait-color-primary-active: #5b21b6;--ait-color-primary-light: #b8a3fb;--ait-color-primary-subtle: #f5f2ff;--ait-color-gold: #e5b958;--ait-color-gold-light: #f5d97f;--ait-color-gold-subtle: #fff9ed;--ait-color-success: #2ec27e;--ait-color-warning: #f5a524;--ait-color-danger: #e53935;--ait-color-bg: #fafbfd;--ait-color-surface: #f4f5fa;--ait-color-surface-elevated: #ffffff;--ait-color-text: #0b1020;--ait-color-text-secondary: #4a5180;--ait-color-text-muted: #a4abc6;--ait-color-border: #e6e8f2;--ait-color-border-focus: #b8a3fb;--ait-color-navy: #050a2a;--ait-font-display: "Kanit", "Noto Sans Thai", system-ui, sans-serif;--ait-font-body: "Inter", "Noto Sans Thai", system-ui, sans-serif;--ait-font-mono: "JetBrains Mono", "Fira Code", monospace;--ait-font-scale: 1;--ait-line-height: 1.6;--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-md: 14px;--ait-radius-lg: 20px;--ait-radius-xl: 28px;--ait-radius-pill: 9999px;--ait-shadow-xs: 0 1px 2px rgba(5,7,15,.04);--ait-shadow-sm: 0 2px 6px rgba(5,7,15,.06);--ait-shadow: 0 10px 28px -10px rgba(5,7,15,.14);--ait-shadow-lg: 0 32px 64px -20px rgba(5,7,15,.22);--ait-shadow-glow: 0 0 32px rgba(124,58,237,.18);--ait-btn-min-size: calc(44px * var(--ait-spacing-scale));--ait-btn-radius: var(--ait-radius-md);--ait-chat-bubble-radius: 18px;--ait-avatar-size: 120px;--ait-avatar-glow: 0 0 24px rgba(124,58,237,.3);--ait-editor-font-size: calc(14px * var(--ait-font-scale));--ait-editor-line-height: 1.65;--ait-transition-fast: .16s cubic-bezier(.22,.8,.2,1);--ait-transition-normal: .24s cubic-bezier(.22,.8,.2,1);--ait-transition-slow: .42s cubic-bezier(.22,.8,.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: #7c3aed;--ait-color-navy: #050a2a;--ait-shadow-xs: 0 1px 2px rgba(0,0,0,.2);--ait-shadow-sm: 0 2px 6px rgba(0,0,0,.25);--ait-shadow: 0 10px 28px -10px rgba(0,0,0,.35);--ait-shadow-lg: 0 32px 64px -20px rgba(0,0,0,.45);--ait-shadow-glow: 0 0 32px rgba(124,58,237,.25);--ait-avatar-glow: 0 0 32px rgba(124,58,237,.4)}[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}@media (pointer: coarse){:root{--ait-btn-min-size: 56px}}.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}}