.study-module__hgbVPq__stage{--glass:#fffdfbe8;--ink:#26344d;--blue:#5d82de;isolation:isolate;min-height:100dvh;color:var(--ink);background:#c7e0e8;position:relative;overflow:hidden}.study-module__hgbVPq__backdrop{z-index:-4;filter:saturate(.94)contrast(.98);background-image:url(/assets/magic-academy-classroom.png);background-position:50%;background-size:cover;position:absolute;inset:-1.5%}.study-module__hgbVPq__lightWash{z-index:-3;pointer-events:none;background:linear-gradient(#11263a33,#0000 15% 66%,#262a4229),linear-gradient(90deg,#fff6dc1a,#0000 30%,#2e4d670f);position:absolute;inset:0}.study-module__hgbVPq__reactionMode .study-module__hgbVPq__lightWash{background:linear-gradient(90deg,#19233a3d,#0000 42%,#604d8014),linear-gradient(#11263a38,#0000 28%,#262a4233)}.study-module__hgbVPq__progressTrack{z-index:70;background:#fff3;width:100%;height:3px;position:absolute;top:0;left:0}.study-module__hgbVPq__progressTrack span{background:linear-gradient(90deg,#8fafff,#d6a8ff);border-radius:0 999px 999px 0;height:100%;transition:width .42s;display:block;box-shadow:0 0 12px #b691efd1}.study-module__hgbVPq__topBar{z-index:60;color:#fff;justify-content:space-between;align-items:center;min-height:78px;padding:14px clamp(18px,2.4vw,42px);display:flex;position:absolute;inset:0 0 auto}.study-module__hgbVPq__brand{filter:drop-shadow(0 2px 8px #1d303e52);align-items:center;gap:11px;display:flex}.study-module__hgbVPq__brandMark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e485b85;border:1px solid #ffffff85;border-radius:50%;place-items:center;width:43px;height:43px;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:900;display:grid;box-shadow:inset 0 0 0 4px #ffffff14,0 8px 24px #112d3d33}.study-module__hgbVPq__brandCopy{flex-direction:column;display:flex}.study-module__hgbVPq__brandCopy b{letter-spacing:.08em;font-family:Georgia,Songti SC,serif;font-size:17px}.study-module__hgbVPq__brandCopy small{color:#ffffffb3;letter-spacing:.2em;margin-top:2px;font-size:8px;font-weight:900}.study-module__hgbVPq__topControls{align-items:center;gap:9px;display:flex}.study-module__hgbVPq__backendStatus,.study-module__hgbVPq__circleControl{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#123a4980;border:1px solid #ffffff52;justify-content:center;align-items:center;height:46px;display:inline-flex;box-shadow:0 8px 24px #0c25312e}.study-module__hgbVPq__backendStatus{border-radius:999px;gap:7px;min-width:86px;padding:0 14px;font-size:12px;font-weight:800}.study-module__hgbVPq__circleControl{cursor:pointer;border-radius:50%;width:46px;padding:0;transition:transform .16s,background .16s,border-color .16s}.study-module__hgbVPq__circleControl:hover{background:#184a5cb3;border-color:#ffffffa8;transform:translateY(-2px)}.study-module__hgbVPq__circleControl:disabled{cursor:wait;opacity:.55}.study-module__hgbVPq__circleControl:focus-visible,.study-module__hgbVPq__choiceButton:focus-visible,.study-module__hgbVPq__listenButton:focus-visible,.study-module__hgbVPq__answerForm input:focus-visible,.study-module__hgbVPq__answerForm button:focus-visible,.study-module__hgbVPq__dialogueTools button:focus-visible,.study-module__hgbVPq__nextButton:focus-visible,.study-module__hgbVPq__resultTopline button:focus-visible{outline-offset:3px;outline:3px solid #dbc3ffdb}.study-module__hgbVPq__errorBanner{z-index:75;color:#922e47;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffebeff0;border:1px solid #cf5a7052;border-radius:13px;width:min(600px,100% - 32px);padding:10px 16px;font-size:13px;font-weight:800;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #3c1b262e}.study-module__hgbVPq__characterLayer{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:clamp(128px,15vh,175px);display:flex;position:absolute;inset:0}.study-module__hgbVPq__characterSprite{filter:drop-shadow(0 18px 24px #2538493d);width:clamp(340px,28vw,510px)}.study-module__hgbVPq__characterSprite img{width:100%;max-width:none}.study-module__hgbVPq__reactionCharacter{justify-content:flex-end;padding-bottom:0;padding-right:clamp(64px,10vw,180px)}.study-module__hgbVPq__reactionCharacter .study-module__hgbVPq__characterSprite{width:clamp(400px,34vw,600px);animation:.42s cubic-bezier(.2,.76,.25,1) both study-module__hgbVPq__reactionEnter}@keyframes study-module__hgbVPq__reactionEnter{0%{opacity:.6;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.study-module__hgbVPq__choiceStack,.study-module__hgbVPq__inputStage,.study-module__hgbVPq__resultStage{z-index:25;width:min(760px,100% - 48px);position:absolute;top:clamp(132px,20vh,230px);left:50%;transform:translate(-50%)}.study-module__hgbVPq__choiceStack{gap:12px;display:grid}.study-module__hgbVPq__choiceButton{color:#2d3952;background:var(--glass);letter-spacing:.015em;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);border:1px solid #fffc;border-radius:16px;grid-template-columns:48px 1fr 48px;align-items:center;min-height:clamp(58px,7.2vh,76px);padding:0 12px;font-size:clamp(16px,1.4vw,20px);font-weight:900;transition:transform .17s,box-shadow .17s,background .17s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 26px #2f424e29,inset 0 1px #fff}.study-module__hgbVPq__choiceButton:before{content:"";opacity:0;background:linear-gradient(#91b3ff,#c39cf1);width:4px;transition:opacity .17s;position:absolute;inset:0 auto 0 0}.study-module__hgbVPq__choiceButton:hover{background:#fffffffa;transform:translateY(-2px)scale(1.008);box-shadow:0 15px 32px #2f424e38,inset 0 1px #fff}.study-module__hgbVPq__choiceButton:hover:before{opacity:1}.study-module__hgbVPq__choiceButton:disabled{cursor:wait;opacity:.7}.study-module__hgbVPq__choiceIndex{color:#7990c8;letter-spacing:.1em;justify-self:start;font-family:Georgia,serif;font-size:11px;font-weight:900}.study-module__hgbVPq__choiceLabel{text-align:center}.study-module__hgbVPq__choiceArrow{color:#9aa9c8;justify-self:end;font-family:Georgia,serif;font-size:27px;font-weight:400;transition:transform .17s,color .17s}.study-module__hgbVPq__choiceButton:hover .study-module__hgbVPq__choiceArrow{color:var(--blue);transform:translate(3px)}.study-module__hgbVPq__inputStage{gap:14px;width:min(680px,100% - 48px);display:grid;top:clamp(170px,27vh,300px)}.study-module__hgbVPq__inputModeLabel{color:#5873b5;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffc7;border-radius:999px;justify-self:center;padding:7px 14px;font-size:12px;font-weight:900;box-shadow:0 8px 20px #2d415324}.study-module__hgbVPq__listenButton{min-height:84px;color:var(--ink);background:var(--glass);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fffc;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:12px 20px;display:grid;box-shadow:0 13px 30px #2d415333}.study-module__hgbVPq__listenIcon{color:#fff;background:#6385d9;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 7px 16px #4c6bb547}.study-module__hgbVPq__listenButton span:nth-child(2){flex-direction:column;gap:2px;font-size:18px;font-weight:900;display:flex}.study-module__hgbVPq__listenButton small{color:#7786a8;letter-spacing:.14em;font-size:10px}.study-module__hgbVPq__listenButton em{color:#5873b5;background:#eaf0ff;border-radius:999px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:900}.study-module__hgbVPq__answerForm{grid-template-columns:1fr auto;gap:10px;display:grid}.study-module__hgbVPq__answerForm input,.study-module__hgbVPq__answerForm button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffd1;min-height:62px;box-shadow:0 12px 28px #2d41532e}.study-module__hgbVPq__answerForm input{min-width:0;color:var(--ink);background:#fffffff5;border-radius:16px;outline:none;padding:0 22px;font-size:17px;font-weight:800}.study-module__hgbVPq__answerForm input::placeholder{color:#8c99ae}.study-module__hgbVPq__answerForm button{color:#fff;cursor:pointer;background:#5879cc;border-radius:16px;align-items:center;gap:8px;padding:0 23px;font-weight:900;display:inline-flex}.study-module__hgbVPq__answerForm button:disabled{cursor:not-allowed;opacity:.58}.study-module__hgbVPq__resultStage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfbf0;border:1px solid #ffffffd6;border-radius:22px;width:min(540px,42vw);padding:clamp(20px,2vw,28px);top:clamp(112px,15vh,170px);left:clamp(32px,7vw,132px);transform:none;box-shadow:0 18px 42px #27394b38,inset 0 1px #fff}.study-module__hgbVPq__mobileReactionPortrait{display:none}.study-module__hgbVPq__reactionHeading{border-bottom:1px solid #e2e6f0;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.study-module__hgbVPq__reactionHeading span{color:#7d8db3;letter-spacing:.16em;font-size:9px;font-weight:900}.study-module__hgbVPq__reactionHeading b{color:#465d99;font-family:Georgia,Songti SC,serif;font-size:15px}.study-module__hgbVPq__resultTopline{justify-content:space-between;align-items:center;display:flex}.study-module__hgbVPq__resultTopline>span{border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.study-module__hgbVPq__correctBadge{color:#267564;background:#e4f7f0}.study-module__hgbVPq__retryBadge{color:#a44963;background:#ffebf0}.study-module__hgbVPq__resultTopline button{color:#5873b5;cursor:pointer;background:#f8faff;border:1px solid #dce3f3;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.study-module__hgbVPq__resultStage h2{color:#26344d;margin:9px 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(36px,4vw,52px);line-height:1}.study-module__hgbVPq__wordMeaning{color:#697791;margin:7px 0 0;font-size:14px;font-weight:700}.study-module__hgbVPq__wordForms{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.study-module__hgbVPq__wordForms>div{background:#f8faff;border:1px solid #dce4f5;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;display:flex}.study-module__hgbVPq__wordForms dt{color:#8995ad;font-size:9px;font-weight:900}.study-module__hgbVPq__wordForms dd{color:#425887;margin:0;font-family:Georgia,serif;font-size:12px;font-weight:800}.study-module__hgbVPq__exampleBlock{background:#f2f5fb;border-left:3px solid #99afe3;border-radius:0 12px 12px 0;margin-top:18px;padding:11px 14px;font-size:13px;line-height:1.55}.study-module__hgbVPq__exampleBlock>span{color:#7e8eb4;letter-spacing:.16em;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.study-module__hgbVPq__exampleBlock p{margin:0}.study-module__hgbVPq__exampleBlock p+p{color:#7c879b;margin-top:3px}.study-module__hgbVPq__mistakeNote{color:#7d5d69;background:#fff3f5;border-left:3px solid #d9a2b0;border-radius:0 12px 12px 0;margin:18px 0 0;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.7}.study-module__hgbVPq__dialoguePanel{z-index:40;-webkit-backdrop-filter:blur(17px)saturate(1.08);backdrop-filter:blur(17px)saturate(1.08);background:#fffdfaf0;border:1px solid #ffffffdb;border-top:4px solid #bd94ed;border-radius:18px;width:min(1680px,100% - clamp(36px,7vw,150px));height:clamp(230px,27vh,305px);position:absolute;bottom:clamp(14px,2.4vh,28px);right:50%;transform:translate(50%);box-shadow:0 22px 55px #2b324340,inset 0 1px #fff}.study-module__hgbVPq__namePlate{color:#fff;background:linear-gradient(135deg,#608cf0,#6d7fdb);border:1px solid #ffffff61;border-bottom:0;border-radius:17px 17px 0 0;justify-content:center;align-items:center;gap:9px;width:clamp(160px,15vw,220px);height:53px;display:flex;position:absolute;top:-53px;left:0;box-shadow:0 8px 18px #3d5ba740}.study-module__hgbVPq__namePlate span{letter-spacing:.08em;font-size:17px;font-weight:900}.study-module__hgbVPq__namePlate small{color:#ffffffad;letter-spacing:.16em;font-size:8px;font-weight:900}.study-module__hgbVPq__dialogueTools{align-items:center;gap:7px;display:flex;position:absolute;top:-49px;right:0}.study-module__hgbVPq__dialogueTools button,.study-module__hgbVPq__progressBadge{color:#506078;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9e6;border:1px solid #ffffffbd;border-radius:999px;align-items:center;gap:6px;min-height:37px;padding:0 13px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 7px 18px #26364429}.study-module__hgbVPq__dialogueTools button{cursor:pointer}.study-module__hgbVPq__dialogueTools button:hover{background:#fff}.study-module__hgbVPq__dialogueTools button:disabled{cursor:wait;opacity:.6}.study-module__hgbVPq__progressBadge{color:#fff;background:#204353a3}.study-module__hgbVPq__dialogueBody{height:100%;padding:clamp(48px,5vh,62px) clamp(28px,4vw,62px) 24px;position:relative}.study-module__hgbVPq__dialogueMeta{color:#71809b;letter-spacing:.16em;align-items:center;gap:12px;font-size:9px;font-weight:900;display:flex}.study-module__hgbVPq__metaCorrect{color:#2b8871}.study-module__hgbVPq__metaRetry{color:#ae536a}.study-module__hgbVPq__dialogueText{color:#27344c;letter-spacing:.015em;max-width:min(1220px,100% - 190px);margin:13px 0 0;font-size:clamp(19px,1.55vw,26px);font-weight:750;line-height:1.75}.study-module__hgbVPq__dialogueHint{color:#8792a5;margin:0;font-size:11px;font-weight:700;position:absolute;bottom:21px;left:clamp(28px,4vw,62px)}.study-module__hgbVPq__nextButton{color:#fff;cursor:pointer;background:#587bd3;border:0;border-radius:15px;align-items:center;gap:14px;min-height:56px;padding:0 18px 0 21px;font-weight:900;transition:transform .16s,background .16s;display:inline-flex;position:absolute;bottom:28px;right:clamp(24px,3vw,48px);box-shadow:0 9px 20px #4261af47}.study-module__hgbVPq__nextButton:hover{background:#4c6ec5;transform:translateY(-2px)}.study-module__hgbVPq__nextButton span{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.study-module__hgbVPq__nextButton small{color:#fff9;letter-spacing:.18em;margin-top:3px;font-size:7px}@media (max-width:760px){.study-module__hgbVPq__topBar{min-height:62px;padding:9px 10px}.study-module__hgbVPq__brandMark{width:39px;height:39px}.study-module__hgbVPq__brandCopy{display:none}.study-module__hgbVPq__topControls{gap:6px}.study-module__hgbVPq__backendStatus{width:39px;min-width:39px;height:39px;padding:0}.study-module__hgbVPq__backendStatus span{display:none}.study-module__hgbVPq__circleControl{width:39px;height:39px}.study-module__hgbVPq__topControls>:nth-child(2){display:none}.study-module__hgbVPq__errorBanner{top:65px}.study-module__hgbVPq__characterLayer{padding-bottom:176px}.study-module__hgbVPq__characterSprite{width:min(86vw,355px)}.study-module__hgbVPq__reactionCharacter{justify-content:center;padding-right:0}.study-module__hgbVPq__reactionCharacter .study-module__hgbVPq__characterSprite{width:min(92vw,390px)}.study-module__hgbVPq__choiceStack{gap:8px;width:calc(100% - 22px);top:88px}.study-module__hgbVPq__choiceButton{border-radius:13px;grid-template-columns:34px 1fr 34px;min-height:52px;padding:0 9px;font-size:15px}.study-module__hgbVPq__choiceArrow{font-size:22px}.study-module__hgbVPq__inputStage{width:calc(100% - 22px);top:110px}.study-module__hgbVPq__listenButton{min-height:68px;padding:9px 12px}.study-module__hgbVPq__listenIcon{width:44px;height:44px}.study-module__hgbVPq__answerForm input,.study-module__hgbVPq__answerForm button{min-height:54px}.study-module__hgbVPq__answerForm input{padding:0 15px;font-size:15px}.study-module__hgbVPq__answerForm button{padding:0 15px}.study-module__hgbVPq__resultStage{border-radius:17px;width:calc(100% - 24px);padding:18px;top:96px;left:12px;transform:none}.study-module__hgbVPq__mobileReactionPortrait{background:linear-gradient(145deg,#edf3ff,#f8edf5);border:2px solid #ffffffeb;border-radius:50%;width:82px;height:82px;display:block;position:absolute;top:62px;right:18px;overflow:hidden;box-shadow:0 8px 20px #404f742e}.study-module__hgbVPq__mobileReactionPortrait>div{max-width:none;position:absolute;top:-16px;left:50%;transform:translate(-50%);width:178px!important}.study-module__hgbVPq__resultStage h2{max-width:calc(100% - 94px);font-size:35px}.study-module__hgbVPq__wordMeaning{max-width:calc(100% - 94px)}.study-module__hgbVPq__exampleBlock{margin-top:12px;padding:8px 11px;font-size:12px}.study-module__hgbVPq__reactionHeading{margin-bottom:10px;padding-bottom:9px}.study-module__hgbVPq__wordForms{margin-top:11px}.study-module__hgbVPq__dialoguePanel{border-radius:14px;width:calc(100% - 20px);height:225px;bottom:9px;right:10px;transform:none}.study-module__hgbVPq__namePlate{border-radius:13px 13px 0 0;gap:6px;width:132px;height:42px;top:-42px}.study-module__hgbVPq__namePlate span{font-size:15px}.study-module__hgbVPq__namePlate small{font-size:7px}.study-module__hgbVPq__dialogueTools{gap:5px;top:-39px}.study-module__hgbVPq__dialogueTools button,.study-module__hgbVPq__progressBadge{min-height:32px;padding:0 10px}.study-module__hgbVPq__dialogueTools button span{display:none}.study-module__hgbVPq__dialogueBody{padding:42px 20px 17px}.study-module__hgbVPq__dialogueText{max-width:100%;margin-top:9px;font-size:18px;line-height:1.62}.study-module__hgbVPq__dialogueHint{font-size:10px;bottom:14px;left:20px}.study-module__hgbVPq__nextButton{min-height:49px;padding:0 14px 0 16px;bottom:16px;right:17px}}@media (max-width:410px){.study-module__hgbVPq__topControls{gap:4px}.study-module__hgbVPq__backendStatus,.study-module__hgbVPq__circleControl{width:37px;min-width:37px;height:37px}.study-module__hgbVPq__choiceButton{min-height:49px}.study-module__hgbVPq__dialogueText{font-size:17px}.study-module__hgbVPq__progressBadge{display:none}}@media (max-height:760px){.study-module__hgbVPq__choiceStack{gap:7px;top:76px}.study-module__hgbVPq__choiceButton{min-height:47px}.study-module__hgbVPq__inputStage,.study-module__hgbVPq__resultStage{top:84px}.study-module__hgbVPq__dialoguePanel{height:210px}.study-module__hgbVPq__characterLayer{padding-bottom:132px}.study-module__hgbVPq__reactionCharacter{padding-bottom:0}.study-module__hgbVPq__characterSprite{width:min(70vh,360px)}.study-module__hgbVPq__dialogueBody{padding-top:39px}.study-module__hgbVPq__dialogueText{margin-top:7px;line-height:1.48}}@media (prefers-reduced-motion:reduce){.study-module__hgbVPq__choiceButton,.study-module__hgbVPq__circleControl,.study-module__hgbVPq__nextButton,.study-module__hgbVPq__progressTrack span{transition:none}}
