:root{color:#182033;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}.site-shell{min-height:100vh;background:radial-gradient(circle at 8% 10%,rgba(255,116,72,.18),transparent 30%),radial-gradient(circle at 90% 18%,rgba(31,157,122,.14),transparent 30%),linear-gradient(135deg,#f8f3ed 0%,#eef4f7 48%,#f8faf9 100%)}.home-page{width:min(1160px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:28px 0;display:grid;grid-template-rows:auto 1fr auto;gap:22px}.home-hero,.entry-card,.chat-room,.chat-word-rail,.review-stage,.challenge-stage,.admin-simple{border:1px solid rgba(24,32,51,.08);background:rgba(255,255,255,.78);box-shadow:0 24px 70px #18203314;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-hero{min-height:420px;padding:clamp(24px,5vw,56px);border-radius:34px;display:grid;align-content:space-between;overflow:hidden;position:relative}.home-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,rgba(255,116,72,.22),rgba(24,32,51,.16));filter:blur(10px)}.brand-row{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;font-weight:900;background:linear-gradient(135deg,#ff7448,#253d8f);box-shadow:0 16px 34px #253d8f38}.brand-row strong,.brand-row span{display:block}.brand-row span,.hero-copy p,.page-header p,.entry-card em,.rail-word span,.word-bubble span,.study-card p,.challenge-copy p,.admin-simple span{color:#6b7280}.hero-copy{max-width:720px;position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:#f0643c;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-copy h1{margin-bottom:16px;font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:0}.hero-copy p{max-width:560px;font-size:18px;line-height:1.8}.home-status{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.home-status div{min-width:134px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.76)}.home-status span,.home-status strong{display:block}.home-status span{color:#7b8495;font-size:12px}.home-status strong{margin-top:4px;font-size:24px}.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.teacher-page{width:min(100% - 40px,1080px)}.continue-strip,.teacher-friends,.teacher-card{background:rgba(255,255,255,.92);border:1px solid rgba(20,20,20,.06);border-radius:14px;box-shadow:0 18px 52px #231f1a14}.continue-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:18px}.continue-strip span,.teacher-friends h2{color:#7a817d;font-size:13px;font-weight:700}.continue-strip strong{display:block;margin-top:4px;font-size:22px}.continue-strip button{min-width:74px;min-height:38px;border:0;border-radius:999px;background:#111827;color:#fff;font-weight:800;cursor:pointer}.teacher-friends{margin-bottom:18px;padding:16px}.teacher-friends h2{margin:0 0 12px}.friend-row{display:flex;gap:10px;overflow-x:auto}.friend-row button{display:grid;justify-items:center;gap:8px;min-width:74px;border:0;background:transparent;cursor:pointer}.friend-avatar,.teacher-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ff9f6e,#6e789d);color:#fff;font-weight:900;overflow:hidden}.friend-avatar img,.teacher-avatar img,.chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-avatar span,.teacher-avatar span,.chat-avatar span{display:grid;place-items:center;width:100%;height:100%}.teacher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.teacher-card{position:relative;overflow:hidden}.teacher-main{display:grid;grid-template-columns:auto 1fr;gap:14px;width:100%;min-height:160px;padding:18px;border:0;background:transparent;text-align:left;cursor:pointer}.teacher-main h2{margin:0 0 8px;font-size:22px}.teacher-main p{margin:0;color:#66706b;line-height:1.65}.teacher-add{position:absolute;right:12px;top:12px;z-index:1;width:28px;height:28px;border:0;border-radius:50%;background:#16c75a;color:#fff;font-size:18px;font-weight:900;cursor:pointer}.teacher-card.is-added .teacher-add{background:#111827;font-size:14px}.teacher-card.is-locked{opacity:.62}.teacher-card.is-locked .teacher-main{cursor:default}.teacher-card.is-locked .teacher-add{background:#9ca3af;font-size:12px}.teacher-lock-label{display:inline-block;margin-top:8px;color:#8a6a17;font-size:12px;font-weight:800}.teacher-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.teacher-tags span{border-radius:999px;background:#f2f4f2;color:#5d6762;font-size:12px;font-weight:700;padding:5px 8px}.entry-card{min-height:210px;padding:24px;border-radius:28px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.entry-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 30px 80px #18203324}.entry-card:disabled{cursor:not-allowed;opacity:.72}.entry-card span,.entry-card strong,.entry-card em{display:block}.entry-card span{margin-bottom:42px;color:#f0643c;font-size:13px;font-weight:900}.entry-card strong{min-height:72px;font-size:23px;line-height:1.25}.entry-card em{margin-top:18px;font-style:normal;font-weight:900}.entry-card.dark{color:#fff;background:#182033}.entry-card.dark span,.entry-card.dark em{color:#ffc08f}.entry-card.green{background:#ecf8f3}.entry-card.orange{background:#fff2df}.entry-card.blue{background:#edf4ff}.admin-link{justify-self:end;padding:11px 16px;border-radius:999px;color:#182033;background:rgba(255,255,255,.74);cursor:pointer}.task-page{width:min(1180px,calc(100% - 36px));min-height:100vh;margin:0 auto;padding:20px 0 28px}.chat-page{width:100%;height:100vh;padding:0;overflow:hidden;background:#ededed}.page-header{min-height:82px;display:flex;align-items:center;gap:18px}.page-header button,.rail-action{min-height:42px;padding:0 15px;border-radius:14px;color:#182033;background:rgba(255,255,255,.78);border:1px solid rgba(24,32,51,.1);cursor:pointer}.chat-page .page-header button{min-height:34px;padding:0 12px;border-radius:11px;color:#606a78;font-size:13px;background:rgba(255,255,255,.68)}.page-header h1{margin:0;font-size:clamp(28px,4vw,48px)}.page-header p{margin:3px 0 0}.chat-header{position:relative;z-index:15;min-height:64px;margin-left:236px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.06);background:rgba(246,246,246,.94);transition:margin-left .22s ease}.chat-page.rail-collapsed .chat-header{margin-left:0}.chat-header div{text-align:center}.chat-header h1{margin:0;color:#121826;font-size:17px;font-weight:700;line-height:1.2}.chat-header p{margin:3px 0 0;color:#12182657;font-size:10px;line-height:1}.chat-back{position:relative;width:34px;height:34px;border-radius:50%;background:transparent;cursor:pointer}.chat-back:before{content:"";position:absolute;left:12px;top:9px;width:12px;height:12px;border-left:2px solid #1f2937;border-bottom:2px solid #1f2937;transform:rotate(45deg)}.chat-focus{height:calc(100vh - 64px);min-height:0;display:block}.chat-focus.rail-collapsed{grid-template-columns:unset}.chat-word-rail,.chat-room{border-radius:0;overflow:hidden}.chat-word-rail{position:fixed;left:0;top:0;bottom:0;z-index:20;width:236px;padding:16px 10px 14px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-height:0;border:0;border-right:1px solid rgba(24,32,51,.07);background:rgba(255,255,255,.48);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .18s ease,transform .22s ease}.rail-collapsed .chat-word-rail{opacity:0;pointer-events:none;transform:translate(-100%)}.rail-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.rail-head strong,.rail-head small{display:block}.rail-head strong{font-size:14px}.rail-head small{margin-top:4px;color:#f26d3db8;font-size:11px;font-weight:600}.rail-head span{min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#f26d3d;background:#fff1e8;font-size:12px;font-weight:800}.rail-toggle,.rail-expand{display:grid;place-items:center;border:1px solid rgba(24,32,51,.08);color:#9aa3af;background:rgba(255,255,255,.76);cursor:pointer}.rail-toggle{width:24px;height:24px;border-radius:999px;font-size:18px}.rail-expand{position:fixed;left:0;top:50%;z-index:12;width:24px;height:48px;border-left:0;border-radius:0 12px 12px 0;font-size:20px;transform:translateY(-50%)}.rail-list{min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding-right:1px}.rail-list::-webkit-scrollbar{display:none}.rail-word{flex:0 0 auto;width:100%;min-height:44px;padding:0;overflow:hidden;text-align:left;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(24,32,51,.045);box-shadow:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.rail-word-main{width:100%;min-height:42px;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.rail-word strong{position:relative;display:block;padding:12px 34px 12px 12px;color:#172033;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-word strong:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid #b4bbc6;border-bottom:1.5px solid #b4bbc6;transform:translateY(-65%) rotate(45deg);transition:transform .16s ease}.rail-word.expanded strong:after{transform:translateY(-35%) rotate(225deg)}.rail-word-detail{padding:0 12px 11px;color:#747e8c;font-size:12px;line-height:1.35;animation:railDetailIn .16s ease-out}.rail-word-detail p{margin:0 0 8px;max-height:48px;overflow:hidden}.rail-word-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.rail-word-meta span{flex:1;order:1;color:#a26c43;font-size:11px}.rail-delete,.rail-speak{position:relative;width:19px;height:19px;flex:0 0 auto;border:0;border-radius:50%;color:#a8b0ba;background:rgba(24,32,51,.045);cursor:pointer}.rail-delete{order:2}.rail-speak{order:3}.rail-delete:before{content:"";position:absolute;left:6px;top:7px;width:7px;height:8px;border:1.4px solid currentColor;border-top:0;border-radius:0 0 2px 2px}.rail-delete:after{content:"";position:absolute;left:5px;top:4px;width:9px;height:2px;border-top:1.4px solid currentColor;box-shadow:2px -2px 0 -1px currentColor}.rail-speak:before{content:"";position:absolute;left:5px;top:6px;width:7px;height:7px;background:currentColor;clip-path:polygon(0 28%,42% 28%,100% 0,100% 100%,42% 72%,0 72%)}.rail-speak:after{content:"";position:absolute;left:11px;top:5px;width:4px;height:9px;border-right:1.4px solid currentColor;border-radius:50%;opacity:.72}.rail-delete-pop{width:fit-content;min-width:124px;margin:-1px 0 8px auto;padding:8px 9px;border:1px solid rgba(24,32,51,.07);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 18px #1820330d}.rail-delete-pop span{display:block;color:#6f7783;font-size:12px;font-weight:700;line-height:1.2;text-align:center}.rail-delete-pop div{display:flex;justify-content:center;gap:7px;margin-top:8px}.rail-delete-pop button{min-width:42px;height:24px;min-height:24px;border:0;border-radius:8px;font-size:11px;font-weight:800;line-height:1;cursor:pointer;padding:0 9px}.rail-delete-pop .confirm{color:#fff;background:#c43b32}.rail-delete-pop .cancel{color:#6b7280;background:#eef0f2}.rail-word:hover{border-color:#ff7a4529;background:rgba(255,255,255,.82)}.rail-word.expanded{border-color:#ff7a453d;background:rgba(255,255,255,.9);box-shadow:0 12px 28px #1820330a}.rail-word:focus{outline:none}.rail-word-main:focus{outline:none}.rail-word-main:focus-visible{border-color:#ff7a4575;box-shadow:0 0 0 3px #ff7a451f}@keyframes railDetailIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.rail-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:6px;color:#9aa3af;text-align:center;font-size:12px}.rail-empty strong,.rail-empty span{display:block}.rail-action{min-height:38px;border-radius:12px;color:#fff;background:#ff7a45;border:0;font-size:13px;font-weight:800;box-shadow:0 10px 24px #ff7a4533}.rail-word.just-added{border-color:#f6b23f;background:#fff6dd;animation:railAdd .7s ease both}@keyframes railAdd{0%{transform:translate(-18px);opacity:0}60%{transform:translate(4px);opacity:1}to{transform:translate(0)}}.chat-room{position:relative;height:100%;margin-left:236px;display:grid;grid-template-rows:1fr auto;border:0;background:#ededed;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:margin-left .22s ease}.rail-collapsed .chat-room{margin-left:0}.message-list{width:min(680px,calc(100% - 36px));margin:0 auto;padding:26px 0 22px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;scrollbar-width:none}.message-list::-webkit-scrollbar{display:none}.chat-message{display:flex;align-items:flex-start;gap:9px}.chat-message.user{justify-content:flex-end}.message-stack{display:grid;gap:7px;max-width:min(560px,calc(100% - 54px));min-width:0}.chat-message.user .message-stack{width:min(560px,calc(100% - 54px));justify-items:end}.bubble-row{display:flex;align-items:flex-end;gap:5px;max-width:100%;width:fit-content}.chat-message.user .bubble-row{justify-content:flex-end}.message-bubble{position:relative;max-width:100%;padding:10px 13px;border-radius:6px;color:#182033;background:#fff;border:1px solid rgba(0,0,0,.045);box-shadow:none;font-size:14px;line-height:1.58}.chat-message.assistant .message-bubble:before,.chat-message.user .message-bubble:before{content:"";position:absolute;top:12px;width:9px;height:9px;background:inherit;border:inherit;transform:rotate(45deg)}.chat-message.assistant .message-bubble:before{left:-5px;border-top:0;border-right:0}.chat-message.user .message-bubble{color:#111827;background:#95ec69;border-color:transparent;box-shadow:none}.chat-message.user .message-bubble:before{right:-5px;border-left:0;border-bottom:0}.chat-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:6px;color:#fff;font-size:13px;font-weight:800;-webkit-user-select:none;user-select:none}.ai-avatar{background:linear-gradient(135deg,#ff8a55,#233876)}.user-avatar{background:linear-gradient(135deg,#2f3542,#8892a0)}.tap-word{display:inline;padding:0 1px;color:inherit;background:transparent;text-decoration:none;cursor:pointer}.tap-word:hover{border-radius:5px;background:rgba(246,178,63,.16)}.tap-word:focus{outline:none}.tap-word:focus-visible{border-radius:5px;box-shadow:0 0 0 1px #f6b23f47}.typing-text{display:inline-flex;align-items:center;gap:3px;color:#8a94a6;white-space:nowrap}.chat-message.assistant .message-bubble:has(.typing-text){min-width:124px}.typing-dots{display:inline-flex;gap:2px;margin-left:1px}.typing-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.28;animation:typingPulse 1.05s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes typingPulse{0%,80%,to{opacity:.24;transform:translateY(0)}35%{opacity:.78;transform:translateY(-2px)}}.quiet-tools{display:flex;flex:0 0 18px;align-items:center;justify-content:center;width:18px;height:18px;margin-bottom:1px}.quiet-tools button{padding:0;color:#9aa3af;background:transparent;cursor:pointer}.speak-mini{position:relative;width:18px;height:18px;border-radius:999px;opacity:0;transition:opacity .14s ease,color .14s ease,background .14s ease}.speak-mini:before{content:"";position:absolute;left:4px;top:6px;width:7px;height:6px;background:currentColor;clip-path:polygon(0 25%,42% 25%,100% 0,100% 100%,42% 75%,0 75%)}.speak-mini:after{content:"";position:absolute;left:10px;top:5px;width:5px;height:8px;border-right:1.5px solid currentColor;border-radius:50%;opacity:.78}.bubble-row:hover .speak-mini{opacity:1}.speak-mini.is-speaking{opacity:.9;color:#1f9d7a;background:rgba(31,157,122,.08)}.speak-mini:hover{color:#182033;background:rgba(24,32,51,.07)}.translate-mini{font-size:10px;opacity:.78}.message-note-wrap{display:grid;justify-items:start;gap:6px}.translate-mini span{margin-left:2px}.translate-mini:hover{color:#667085}.message-note-toggle{justify-self:start;padding:0 4px;color:#989898;background:transparent;font-size:10px;cursor:pointer;min-height:16px}.message-note-toggle span{margin-left:2px}.correction-hint{display:inline-block;margin-left:2px;color:#dea8209e;font-size:9px;font-style:normal;font-weight:800;transform:translateY(-1px)}.message-note-panel{max-width:min(520px,100%);padding:8px 10px;border-radius:12px;color:#8a94a6;background:rgba(255,255,255,.56);border:1px solid rgba(24,32,51,.055);font-size:12px;line-height:1.55;overflow-wrap:break-word}.chat-message.assistant .message-bubble{max-width:calc(100% - 23px)}.correction-card{padding:0 4px;color:#9a6a30;font-size:12px;white-space:pre-line;background:transparent;border:0}.translation-line{padding:0 4px;color:#8a94a6;font-size:12px;line-height:1.6}.translation-line.muted{color:#b0b0b0}.note-divider{height:1px;margin:8px 4px;background:rgba(24,32,51,.08)}.composer{display:flex;gap:8px;justify-content:center;padding:10px 18px;border-top:1px solid rgba(0,0,0,.06);background:rgba(247,247,247,.96)}.suggestion-strip{display:flex;gap:8px;width:min(100% - 36px,680px);margin:0 auto;padding:8px 0 0;overflow-x:auto;scrollbar-width:none}.suggestion-strip::-webkit-scrollbar{display:none}.suggestion-strip button{flex:0 0 auto;max-width:260px;min-height:28px;padding:0 10px;border:1px solid rgba(120,126,123,.16);border-radius:999px;color:#747a77b8;background:rgba(255,255,255,.42);font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer}.suggestion-strip button:hover{color:#4e5451d6;background:rgba(255,255,255,.68);border-color:#787e7b42}.composer-box{flex:0 1 600px;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:6px;background:white;border:1px solid rgba(0,0,0,.06)}.composer input{flex:1;min-height:42px;padding:0;border:0;outline:none;background:transparent;font-size:14px}.voice-input{position:relative;width:25px;height:25px;border-radius:50%;background:transparent;cursor:pointer}.voice-input:before{content:"";position:absolute;left:9px;top:5px;width:7px;height:12px;border:2px solid #6b7280;border-radius:8px}.voice-input:after{content:"";position:absolute;left:6px;top:12px;width:13px;height:8px;border-bottom:2px solid #6b7280;border-left:2px solid transparent;border-right:2px solid transparent;border-radius:0 0 12px 12px}.composer>button,.challenge-copy button{min-height:42px;padding:0 16px;border-radius:6px;color:#fff;background:#07c160;font-size:14px;font-weight:800;cursor:pointer}.word-bubble{position:absolute;width:260px;padding:10px 34px 10px 12px;border-radius:14px;background:white;box-shadow:0 16px 44px #18203329;border:1px solid rgba(24,32,51,.08);z-index:20;animation:bubbleIn .16s ease-out}.word-bubble strong,.word-bubble span,.word-bubble em,.word-bubble small{display:block}.word-bubble strong{font-size:15px}.word-bubble span{margin-top:3px;font-size:12px;line-height:1.45;white-space:pre-line;max-height:88px;overflow:auto}.word-bubble em,.word-bubble small{margin-top:2px;color:#8b95a1;font-size:11px;font-style:normal}.close-bubble{position:absolute;top:3px;right:7px;background:transparent;cursor:pointer;color:#a7afb9;font-size:16px}.bubble-plus{position:absolute;top:27px;right:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#182033;cursor:pointer;font-size:14px;font-weight:900}.add-word{min-height:28px;margin-top:9px;padding:0 10px;border-radius:9px;color:#fff;background:#1f9d7a;font-size:12px;font-weight:800;cursor:pointer}@keyframes bubbleIn{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.plus-one{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);color:#f6b23f;font-size:36px;font-weight:1000;text-shadow:0 8px 26px rgba(246,178,63,.45);animation:plusOne 1s ease-out forwards}@keyframes plusOne{0%{opacity:0;transform:translate(-50%,-10%) scale(.75)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}to{opacity:0;transform:translate(-50%,-155%) scale(.9)}}.review-stage,.challenge-stage{min-height:calc(100vh - 130px);border-radius:32px;padding:clamp(24px,4vw,48px)}.review-stage{display:grid;place-items:center;align-content:center;gap:22px}.review-progress{display:flex;gap:10px;color:#6b7280}.review-progress strong{color:#182033}.study-card{width:min(540px,100%);min-height:300px;padding:38px;border-radius:30px;text-align:center;background:linear-gradient(145deg,#ffffff,#eef6f2);box-shadow:inset 0 0 0 1px #1820330f}.study-card h1{margin:10px 0;font-size:clamp(56px,9vw,96px)}.mastery-bar{height:10px;margin-top:30px;overflow:hidden;border-radius:999px;background:#e5e7eb}.mastery-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7448,#1f9d7a)}.review-buttons{width:min(540px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-buttons button{min-height:60px;border-radius:18px;font-weight:900;cursor:pointer}.review-buttons button:nth-child(1){color:#991b1b;background:#fee2e2}.review-buttons button:nth-child(2){color:#854d0e;background:#fef3c7}.review-buttons button:nth-child(3){color:#065f46;background:#d1fae5}.challenge-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.challenge-copy span{color:#f0643c;font-weight:900}.challenge-copy h1{margin:12px 0 14px;font-size:clamp(42px,6vw,76px)}.challenge-copy p{max-width:440px;line-height:1.8}.level-board{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.level-board span{min-height:58px;display:grid;place-items:center;border-radius:16px;color:#6b7280;background:#f4f6f8;font-weight:900}.level-board .done{color:#fff;background:#1f9d7a}.level-board .next{color:#7c2d12;background:#fed7aa}.vocab-test-card{margin-top:18px;padding:20px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(24,32,51,.08);box-shadow:0 18px 52px #18203314}.vocab-test-head,.vocab-test-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.vocab-test-head span{color:#7a817d;font-size:13px;font-weight:700}.vocab-question-list{display:grid;gap:10px;margin:16px 0}.vocab-question{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:14px;padding:12px;border-radius:14px;background:#f7f8fa}.vocab-question strong{display:block;font-size:19px}.vocab-question span{color:#8a94a6;font-size:12px}.vocab-answer-buttons{display:flex;gap:8px}.vocab-answer-buttons button,.vocab-test-pager button{min-height:34px;border:1px solid #dde2df;border-radius:999px;background:white;color:#454d49;cursor:pointer;font-weight:700;padding:0 12px}.vocab-answer-buttons button.selected{color:#fff;background:#111827;border-color:#111827}.vocab-test-pager button:disabled,.challenge-copy button:disabled{opacity:.45;cursor:not-allowed}.admin-simple{border-radius:28px;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-page{position:relative}.admin-logout-button{position:absolute;top:30px;right:0;min-height:34px;padding:0 15px;border:1px solid rgba(24,32,51,.1);border-radius:999px;color:#606a78;background:rgba(255,255,255,.78);font-size:13px;cursor:pointer}.admin-logout-button:hover{color:#182033;background:#ffffff}.admin-simple div{padding:18px;border-radius:18px;background:#f7f8fa}.admin-simple span,.admin-simple strong{display:block}.admin-simple strong{margin-top:8px;font-size:20px}.admin-config-card{margin-top:18px;border:1px solid rgba(24,32,51,.08);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 24px 70px #18203314;padding:26px}.admin-config-head span{color:#f0643c;font-size:12px;font-weight:800}.admin-config-head h2{margin:6px 0 8px;font-size:24px}.admin-config-head p{max-width:680px;margin:0 0 18px;color:#6b7280;line-height:1.7}.admin-config-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}.admin-config-form label{display:grid;gap:7px}.admin-config-form label span,.admin-config-form small{color:#6b7280;font-size:13px}.admin-config-form input,.admin-config-form select{min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.admin-config-form button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 16px}.admin-config-form .error-text{color:#c43b32}.account-admin-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.account-admin-list{display:grid;align-content:start;gap:10px}.account-admin-list button{min-height:58px;border:1px solid rgba(24,32,51,.08);border-radius:14px;background:#f7f8fa;text-align:left;cursor:pointer;padding:12px}.account-admin-list button.selected{border-color:#f0643c5c;background:#fff5ef}.account-admin-list strong,.account-admin-list span{display:block}.account-admin-list span{margin-top:5px;color:#7d8794;font-size:12px}.account-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.account-admin-form label{display:grid;gap:7px}.account-admin-form label span,.account-admin-actions small{color:#6b7280;font-size:13px}.account-admin-form input,.account-admin-form select{min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.account-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account-admin-actions button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}.account-admin-actions .danger-button{background:#c43b32}.ai-config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-config-form label{display:grid;gap:7px}.ai-config-form label span,.ai-config-actions small{color:#6b7280;font-size:13px}.ai-config-form input,.ai-config-form select,.ai-config-form textarea{width:100%;min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.ai-config-form textarea{min-height:120px;padding:10px 12px;resize:vertical;line-height:1.6}.ai-prompt-field{grid-column:1 / -1}.ai-config-actions{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ai-config-actions button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}.ai-config-actions button[type=button]{background:#f0643c}.plan-admin-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.plan-admin-list{display:grid;align-content:start;gap:10px}.plan-admin-list button{min-height:58px;border:1px solid rgba(24,32,51,.08);border-radius:14px;background:#f7f8fa;text-align:left;cursor:pointer;padding:12px}.plan-admin-list button.selected{border-color:#1f9d7a57;background:#effaf5}.plan-admin-list strong,.plan-admin-list span{display:block}.plan-admin-list span{margin-top:5px;color:#7d8794;font-size:12px}.plan-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.plan-admin-form label{display:grid;gap:7px}.plan-admin-form label span,.plan-admin-actions small{color:#6b7280;font-size:13px}.plan-admin-form input,.plan-admin-form select{min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.plan-admin-form .plan-check{display:inline-flex;align-items:center;gap:8px}.plan-admin-form .plan-check input{width:16px;min-height:16px}.plan-admin-actions{grid-column:1 / -1;display:flex;align-items:center;gap:12px}.plan-admin-actions button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}.user-admin-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.user-admin-list{display:grid;align-content:start;gap:10px;max-height:520px;overflow:auto}.user-admin-list button{min-height:62px;border:1px solid rgba(24,32,51,.08);border-radius:14px;background:#f7f8fa;text-align:left;cursor:pointer;padding:12px}.user-admin-list button.selected{border-color:#1f9d7a57;background:#effaf5}.user-admin-list strong,.user-admin-list span{display:block}.user-admin-list span{margin-top:5px;color:#7d8794;font-size:12px}.user-admin-main{display:grid;gap:14px}.user-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:12px;align-items:end}.user-admin-form label{display:grid;gap:7px}.user-admin-form label span,.user-admin-form small{color:#6b7280;font-size:13px}.user-admin-form input,.user-admin-form select{min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.user-admin-form .user-check{display:inline-flex;align-items:center;gap:8px}.user-admin-form .user-check input{min-height:16px;width:16px}.user-admin-form button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}.user-admin-form button[type=button]{background:#1f9d7a}.user-admin-form .danger-button{background:#c43b32}.user-chat-preview{max-height:360px;overflow:auto;display:grid;gap:10px;padding:12px;border:1px solid rgba(24,32,51,.08);border-radius:16px;background:#f7f8fa}.admin-chat-line{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:white}.admin-chat-line span{color:#8a94a6;font-size:12px;font-weight:800}.admin-chat-line p{margin:0;color:#2f3632;line-height:1.55}.admin-chat-line.assistant{border-left:3px solid #f0643c}.admin-chat-line.user{border-left:3px solid #1f9d7a}.admin-chat-empty{color:#8a94a6;font-size:13px;padding:18px}.dictionary-admin-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.dictionary-search-pane{display:grid;align-content:start;gap:12px}.dictionary-search-form{display:grid;gap:8px}.dictionary-search-form input,.dictionary-search-form select,.dictionary-word-form input,.dictionary-word-form textarea,.level-config-form input,.level-config-form textarea{width:100%;min-height:40px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.dictionary-search-form button,.dictionary-word-form button,.level-config-form button{min-height:40px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 14px}.dictionary-result-list{max-height:430px;overflow:auto;display:grid;gap:8px}.dictionary-result-list button{min-height:58px;border:1px solid rgba(24,32,51,.08);border-radius:14px;background:#f7f8fa;text-align:left;cursor:pointer;padding:12px}.dictionary-result-list button.selected,.level-config-list button.selected{border-color:#f0643c5c;background:#fff5ef}.dictionary-result-list strong,.dictionary-result-list span{display:block}.dictionary-result-list span{margin-top:5px;color:#7d8794;font-size:12px}.dictionary-word-form{display:grid;gap:12px}.dictionary-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dictionary-word-form label,.level-config-form label{display:grid;gap:7px}.dictionary-word-form span,.level-config-form span{color:#6b7280;font-size:13px}.dictionary-word-form textarea,.level-config-form textarea{min-height:78px;padding:10px 12px;resize:vertical;line-height:1.6}.level-config-admin{margin-top:18px;display:grid;grid-template-columns:300px 1fr;gap:18px}.level-config-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-content:start}.level-config-list button{min-height:38px;border:1px solid rgba(24,32,51,.08);border-radius:10px;background:#f7f8fa;cursor:pointer;font-weight:800}.level-config-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.level-config-form .level-desc{grid-column:1 / -2}.dictionary-message{margin:12px 0 0;color:#1f9d7a;font-size:13px;font-weight:800}.teacher-admin-card{background:rgba(255,255,255,.94)}.teacher-admin-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.teacher-admin-list{display:grid;align-content:start;gap:10px}.teacher-admin-list button{min-height:58px;border:1px solid rgba(24,32,51,.08);border-radius:14px;background:#f7f8fa;text-align:left;cursor:pointer;padding:12px}.teacher-admin-list button.selected{border-color:#f0643c5c;background:#fff5ef}.teacher-admin-list strong,.teacher-admin-list span{display:block}.teacher-admin-list span{margin-top:5px;color:#7d8794;font-size:12px}.teacher-new-button{color:#fff;background:#111827!important}.teacher-admin-form{display:grid;gap:14px}.teacher-avatar-picker{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid rgba(24,32,51,.08);border-radius:16px;background:#f7f8fa}.teacher-avatar-preview .teacher-avatar{width:64px;height:64px;border-radius:18px}.avatar-choice-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.avatar-choice-row button{width:42px;height:42px;border:1px solid rgba(24,32,51,.08);border-radius:13px;background:white;cursor:pointer;overflow:hidden;padding:0}.avatar-choice-row button.selected{border-color:#f0643c;box-shadow:0 0 0 3px #f0643c1f}.avatar-choice-row img{width:100%;height:100%;object-fit:cover;display:block}.avatar-choice-row .avatar-upload-button{display:grid;place-items:center;color:#f0643c;font-size:22px;font-weight:800}.teacher-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.teacher-admin-form label{display:grid;gap:7px}.teacher-admin-form label span,.teacher-admin-actions small{color:#6b7280;font-size:13px}.teacher-admin-form input,.teacher-admin-form select,.teacher-admin-form textarea{width:100%;min-height:42px;border:1px solid #dde2df;border-radius:10px;padding:0 12px;background:#fbfcfb;outline:none}.teacher-admin-form textarea{min-height:86px;padding:10px 12px;resize:vertical;line-height:1.6}.teacher-flags,.teacher-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.teacher-flags label{display:inline-flex;grid-template-columns:auto auto;align-items:center;gap:7px}.teacher-flags input{width:16px;min-height:16px}.teacher-admin-actions button{min-height:42px;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:800;cursor:pointer;padding:0 16px}.teacher-admin-actions button[type=button]{background:#f0643c}@media (max-width: 980px){.entry-grid,.teacher-grid,.challenge-stage,.admin-simple,.admin-config-form,.teacher-admin-layout,.teacher-form-grid,.account-admin-layout,.account-admin-form,.ai-config-form,.plan-admin-layout,.plan-admin-form,.user-admin-layout,.user-admin-form,.dictionary-admin-layout,.dictionary-form-grid,.level-config-admin,.level-config-form{grid-template-columns:1fr}.level-config-list{grid-template-columns:repeat(5,1fr)}.chat-focus{height:calc(100vh - 64px)}.chat-word-rail,.chat-room{min-height:0}}@media (max-width: 720px){.chat-word-rail,.rail-expand{display:none}.chat-header,.chat-page.rail-collapsed .chat-header,.chat-room,.rail-collapsed .chat-room{margin-left:0}.message-list{width:min(100% - 24px,680px);padding:18px 0 16px}.message-stack{max-width:calc(100% - 50px)}.composer{padding:10px 12px}.composer-box{flex:1 1 auto}}@media (max-width: 640px){.home-page,.task-page{width:min(100% - 24px,1180px)}.chat-page{width:100%}.home-hero,.review-stage,.challenge-stage{border-radius:24px}.page-header{align-items:flex-start;flex-direction:column}.chat-page .page-header{min-height:64px;padding:0 14px;align-items:center;flex-direction:row}.home-status,.review-buttons{flex-direction:column;grid-template-columns:1fr}.chat-page .composer{flex-direction:row}.message-bubble,.correction-card{max-width:100%}.level-board{grid-template-columns:repeat(3,1fr)}.vocab-question{grid-template-columns:1fr}.vocab-answer-buttons{flex-wrap:wrap}}.auth-page,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 20% 15%,rgba(255,122,69,.18),transparent 32%),linear-gradient(135deg,#f7f7f4 0%,#eef3f0 100%)}.loading-screen{color:#445;font-size:15px}.auth-panel{width:min(100%,460px);background:rgba(255,255,255,.92);border:1px solid rgba(20,20,20,.06);border-radius:22px;box-shadow:0 24px 70px #231f1a1f;padding:26px}.auth-copy{margin:28px 0 20px}.auth-copy h1{margin:0 0 8px;font-size:30px;letter-spacing:0}.auth-copy p{margin:0;color:#68706b;line-height:1.7}.auth-form{display:grid;gap:13px}.auth-form label,.admin-login{display:grid;gap:7px}.auth-form span{color:#68706b;font-size:13px}.required-star{color:#f6b400;font-style:normal;font-weight:900;margin-left:3px}.auth-form input,.admin-login input{width:100%;min-height:44px;border:1px solid #dde2df;border-radius:10px;padding:0 13px;font-size:15px;outline:none;background:#fbfcfb}.auth-form input:focus,.admin-login input:focus{border-color:#ff7a45;box-shadow:0 0 0 3px #ff7a4521}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-choice-block{display:grid;gap:9px;position:relative}.auth-choice-block>span{color:#68706b;font-size:13px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-grid button,.auth-form .choice-grid button{min-height:34px;border:1px solid #dde2df;border-radius:999px;background:#fbfcfb;color:#373d3a;cursor:pointer;font-size:13px;font-weight:700;padding:0 12px;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.choice-grid button:hover,.auth-form .choice-grid button:hover{border-color:#ffb18d;background:#fff7f1}.choice-grid button.selected,.auth-form .choice-grid button.selected{border-color:#ff7a45;background:#ff7a45;color:#fff;box-shadow:0 8px 18px #ff7a4533}.choice-required-input{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.auth-form button,.admin-login button{min-height:46px;border:0;border-radius:10px;background:#111;color:#fff;font-weight:700;cursor:pointer}.auth-form button:disabled{opacity:.65;cursor:wait}.auth-switch,.logout-link{border:0;background:transparent;color:#ff6f3d;cursor:pointer}.auth-switch{margin-top:16px;width:100%}.logout-link{margin-left:auto;font-weight:700}.auth-error,.admin-login span{color:#c43b32;font-size:13px}.empty-chat{margin:32px auto;color:#9a9a9a;font-size:13px;text-align:center}.admin-login{max-width:380px;margin:40px auto 0;background:white;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:18px}.study-card.is-flipped{background:#fffaf4}