@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;500;600;700&display=swap";:root{--bg-base:#fff;--bg-glass:#fff;--bg-glass-hover:#f8fafc;--border-glass:#cbd5e1;--text-main:#1a1a1a;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-secondary:#10b981;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--font-family:"Pretendard", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}@media (width<=390px),(height<=844px){#root{box-shadow:none;border-radius:0;max-width:100vw;max-height:100vh}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.full-center{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}@keyframes pulse-glow{0%{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #a855f766}to{box-shadow:0 0 20px #6366f133}}@media (width<=768px){html,body{width:100%;height:auto!important;min-height:100%!important;overflow-y:visible!important}.classroom-layout{flex-direction:column!important;height:100%!important;display:flex!important}.teacher-panel{z-index:50;order:-1;top:0;background:var(--bg-glass)!important;border-bottom:1px solid var(--border-glass)!important;border-radius:0 0 16px 16px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;padding:.5rem!important;display:flex!important;position:sticky!important}.teacher-panel .teacher-visual{margin-right:1rem;width:80px!important;height:80px!important;margin-bottom:0!important}.teacher-panel .stats-container{display:none!important}.chat-section{flex:1;width:100%!important;padding-bottom:100px!important;overflow-y:auto!important}.input-area{z-index:100;position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-top:1px solid var(--border-glass)!important;padding:1rem!important}.input-wrapper{flex-direction:row!important;align-items:center!important;gap:.5rem!important}.input-wrapper input{flex:1!important;padding:1rem!important;font-size:1.1rem!important}.action-btn{height:100%!important;padding:1rem!important}.teacher-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:.5rem!important}.white-focus-mode .english-reading-block{font-size:1.2rem!important}.title{font-size:1.8rem!important}.katex-display{-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:.5rem;font-size:.95em;overflow:auto hidden}.katex{max-width:100%;overflow-x:auto}.message-wrapper{max-width:95%!important}.message{word-wrap:break-word;overflow-wrap:break-word}}n .math-content .katex-display{max-width:100%;overflow:auto hidden}.math-content{word-break:break-all}