.listening-page--quiz{align-items:center;background:#fff;display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0 0 env(safe-area-inset-bottom);position:relative;width:100%}.listening-page--quiz .listening-header{align-items:center;background:linear-gradient(90deg,#3a86ff,#5476ff 45%,#6a57ff 70%,#8338ec);box-shadow:0 22px 48px #3561c740;display:flex;gap:1.25rem;justify-content:center;overflow:hidden;padding:clamp(1rem,2.8vw,1.6rem) clamp(1.5rem,4vw,2.75rem);position:relative;width:100%}.listening-page--quiz .listening-header:after{background:linear-gradient(180deg,#ffffff42,#fff0 60%);content:"";inset:0;opacity:.45;pointer-events:none;position:absolute}.listening-page--quiz .listening-header__left,.listening-page--quiz .listening-header__right{align-items:center;display:flex;flex:1 1}.listening-page--quiz .listening-header__left{justify-content:flex-start}.listening-page--quiz .listening-header__right{justify-content:flex-end}.listening-page--quiz .listening-header__title{color:#fff;font-family:Poppins-Bold,sans-serif;font-size:clamp(1.55rem,3.2vw,2.15rem);letter-spacing:.05em;margin:0;position:relative;text-align:center;text-shadow:0 12px 28px #0b215a59;z-index:1}.listening-page--quiz .listening-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin-top:1.75rem;overflow-y:auto;padding-right:.35rem;width:min(920px,92vw)}.listening-page--quiz .listening-body::-webkit-scrollbar{width:6px}.listening-page--quiz .listening-body::-webkit-scrollbar-thumb{background:#95a5a659;border-radius:999px}.listening-page--quiz .listening-body::-webkit-scrollbar-track{background:#0000}.listening-page--quiz .listening-body--conversation{align-items:center;flex-direction:column;gap:clamp(1.35rem,3vw,2.25rem);justify-content:space-around}.listening-page--quiz .listening-body__submit{display:flex;justify-content:center;margin-top:.5rem;padding-bottom:calc(clamp(1.5rem,4vw,2.75rem) + env(safe-area-inset-bottom));width:100%}.listening-page--quiz .listening-body__spacer{flex-shrink:0;height:clamp(4rem,10vw,5.5rem);width:100%}.listening-page--quiz .listening-lesson{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:min(560px,92vw)}.listening-page--quiz .listening-intro{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #91b2ff59;border-radius:18px;box-shadow:0 18px 38px #275bae26;color:#1f2d3d;display:flex;flex-direction:column;font-family:Poppins-Medium,sans-serif;font-size:clamp(1rem,2.4vw,1.2rem);gap:clamp(.85rem,2.5vw,1.6rem);line-height:1.7;margin:0 auto 1.75rem;max-width:560px;padding:clamp(1rem,3vw,1.6rem) clamp(1.2rem,4vw,2.2rem)}.listening-page--quiz .listening-intro__content{text-align:left;width:100%}.listening-page--quiz .listening-intro__tokens{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem .5rem;justify-content:flex-start;line-height:1.95;word-break:break-word}.listening-page--quiz .listening-intro__actions{display:flex;justify-content:center;width:100%}.listening-page--quiz .listening-intro__play{background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 6px 18px #3a86ff2e!important;color:#3a86ff!important}.listening-page--quiz .listening-intro__play:hover{background:#3a86ff3d!important}.listening-page--quiz .listening-intro-divider{background:none!important;margin:-.5rem auto 1.75rem!important;width:min(560px,88%)}.listening-page--quiz .listening-intro-divider:after,.listening-page--quiz .listening-intro-divider:before{border-top-color:#91b2ff73!important}.listening-page--quiz .listening-thread{display:flex;flex-direction:column;gap:1.4rem;margin:0 auto;max-width:520px;padding:0 0 .5rem;width:100%}@media(max-width:480px){.listening-page--quiz .listening-thread{padding-left:4px;padding-right:4px}}.listening-page--quiz .listening-message{align-self:flex-start;animation:fadeInContent .45s ease forwards;display:flex;flex-direction:column;gap:1rem;max-width:90%}.listening-page--quiz .listening-message--right{align-self:flex-end}.listening-page--quiz .listening-message--right .listening-message__bubble{background:#333;border-bottom-left-radius:22px;border-bottom-right-radius:10px;color:#fff}.listening-page--quiz .listening-message--right .listening-message__meta{flex-direction:row-reverse}.listening-page--quiz .listening-message--right .listening-message__meta .listening-message__speaker{color:#222}.listening-page--quiz .listening-message--left .listening-message__bubble{background:#ffffffd9;border:1px solid #98c1ff73;border-bottom-left-radius:10px;border-bottom-right-radius:22px}.listening-page--quiz .listening-message__meta{align-items:center;display:flex;gap:.5rem}.listening-page--quiz .listening-message__speaker{color:#222;font-family:Poppins-SemiBold,sans-serif;font-size:.95rem;letter-spacing:.03em}.listening-page--quiz .listening-message__audio{background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 4px 16px #3a86ff26!important;color:#3a86ff!important}.listening-page--quiz .listening-message__audio:hover{background:#3a86ff3d!important}.listening-page--quiz .listening-message__bubble{border-radius:22px;box-shadow:0 20px 40px #28538326;display:flex;flex-wrap:wrap;font-size:clamp(1.18rem,2.63vw,1.44rem);gap:.25rem .35rem;line-height:1.7;padding:clamp(.95rem,3vw,1.5rem) clamp(1.15rem,3.6vw,1.85rem);word-break:break-word}.listening-page--quiz .listening-token{font-size:1em}.listening-page--quiz .listening-token--blank{--listening-token-width:auto;align-items:center;background:#ffffffe6;border:1.5px solid #748de673;border-radius:.85rem;box-shadow:0 14px 32px #1e305e2e;cursor:text;display:inline-flex;flex:0 0 auto;flex:0 0 var(--listening-token-width,auto);justify-content:center;margin:.1rem .2rem;max-width:none;max-width:var(--listening-token-width,none);min-width:auto;min-width:var(--listening-token-width,auto);padding:.25rem .6rem .55rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:auto;width:var(--listening-token-width,auto)}.listening-page--quiz .listening-token--blank:after{border-bottom:2px dotted #5a7affa6;bottom:.25rem;content:"";left:12%;opacity:.55;pointer-events:none;position:absolute;right:12%;transition:opacity .2s ease}.listening-page--quiz .listening-token--input{cursor:text}.listening-page--quiz .listening-token--input:focus-within,.listening-page--quiz .listening-token--input:hover{border-color:#4a6dffa6;box-shadow:0 18px 36px #36497c38;transform:translateY(-1px)}.listening-page--quiz .listening-token--input:focus-within:after,.listening-page--quiz .listening-token--input:hover:after{opacity:.95}.listening-page--quiz .listening-token--result{cursor:default}.listening-page--quiz .listening-token--result:after{opacity:0}.listening-page--quiz .listening-token--correct{background:#0f5c2a14;border-color:#0f5c2a73}.listening-page--quiz .listening-token--incorrect{background:#7a162614;border-color:#7a162673}.listening-page--quiz .listening-token--intro-blank{align-items:center;background:#2f3d541f;border:2.75px dashed #0d0f2142;border-radius:1rem;box-shadow:0 8px 18px #192e561f;color:#192436d9;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;justify-content:center;letter-spacing:.04em;max-width:none;max-width:var(--listening-token-width,none);min-height:2.2rem;min-width:2.75rem;min-width:var(--listening-token-width,2.75rem);padding:.35rem .85rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .25s ease;width:auto;width:var(--listening-token-width,auto)}.listening-page--quiz .listening-token--intro-blank:not(.listening-token--intro-revealed):hover{background:#2f3d542e;border-color:#2f3d5447;box-shadow:0 10px 22px #192e562e;color:#152031e6;transform:translateY(-1px)}.listening-page--quiz .listening-token--intro-revealed{background:#ebf2ff33;border-color:#3a86ff59;color:#1f3f80}.listening-page--quiz .listening-token--intro-plain{align-items:center;display:inline-flex;font-family:Poppins-Medium,sans-serif;line-height:1.3;min-height:2.2rem;padding:0 .35rem}.listening-page--quiz .listening-token__ghost,.listening-page--quiz .listening-token__label{white-space:nowrap}.listening-page--quiz .listening-token__ghost{inset:.1rem;pointer-events:none;position:absolute;visibility:hidden}.listening-page--quiz .listening-token__input{background:#0000;border:none;caret-color:#3a86ff;color:#1c2647;flex:1 1 auto;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);min-width:0;padding:0;pointer-events:auto;position:relative;text-align:center;width:100%;z-index:1}.listening-page--quiz .listening-token__input::placeholder{color:#1c264759}.listening-page--quiz .listening-token__input:focus{outline:none}.listening-page--quiz .listening-token__result{align-items:center;color:#1c2647;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);justify-content:center;min-width:2.2ch}.listening-page--quiz .listening-token__result--correct{color:#0f5c2a}.listening-page--quiz .listening-token__result--incorrect{color:#7a1626}.listening-page--quiz .listening-message--right .listening-token--correct{background:#74ffc252;border-color:#a2ffd6cc}.listening-page--quiz .listening-message--right .listening-token--incorrect{background:#ff92a34d;border-color:#ffbdcabf}.listening-page--quiz .listening-message--right .listening-token__result--correct{color:#e9fff4}.listening-page--quiz .listening-message--right .listening-token__result--incorrect{color:#ffe9ed}.listening-page--quiz .listening-footer{display:flex;justify-content:center;margin-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:calc(clamp(1.5rem,4vw,2.75rem) + env(safe-area-inset-bottom));width:100%}.listening-page--quiz .listening-footer--chat{padding-bottom:calc(clamp(2rem,5vw,3rem) + env(safe-area-inset-bottom))}.listening-page--quiz .listening-next-button{background:#8338ec;border-radius:999px!important;box-shadow:0 18px 40px #6d48dc47;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(1.35rem,4vw,2.05rem);max-width:80vw;min-height:clamp(1.5rem,3vw,2rem);padding:.975rem clamp(1rem,2vw,1.75rem);text-transform:none!important;width:80vw}.listening-page--quiz .listening-next-button:hover{background:#6f2ed2}.listening-page--quiz .listening-next-button:disabled{background:#d7c7ff;box-shadow:none;color:#fffc}@media(min-width:768px)and (orientation:landscape){.listening-page--quiz .listening-next-button{font-size:clamp(.81rem,2.4vw,1.23rem);max-width:60vw;width:60vw}}@media(min-width:600px)and (max-width:1024px)and (orientation:portrait){.listening-page--quiz .listening-body--conversation{gap:clamp(1.75rem,4vw,2.75rem)}.listening-page--quiz .listening-intro{font-size:1.35rem;line-height:1.9}.listening-page--quiz .listening-message__bubble{font-size:1.6rem;line-height:1.85}.listening-page--quiz .listening-token__input,.listening-page--quiz .listening-token__result{font-size:1.3rem}}.translation-container{background:#fff;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}.translation-body-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:clamp(2.5rem,8vh,6rem) clamp(1.5rem,6vw,4rem) 0}.translation-body{align-items:center;display:flex;flex-direction:column;width:min(640px,100%)}.translation-expression,.translation-from{align-items:center;display:flex;justify-content:center;width:100%}.translation-from{padding:clamp(2rem,7vw,4rem) clamp(1.5rem,5vw,3.5rem)}.translation-text{color:#2c3e50;font-family:Poppins-semibold,sans-serif;font-size:clamp(2.25rem,7vw,3.75rem);font-weight:600;letter-spacing:-.015em;line-height:1.1;transition:transform .3s ease,opacity .3s ease;word-break:break-word}.translation-text.translation-long-text{font-size:clamp(1.75rem,5vw,3rem)}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.translation-body{width:min(720px,100%)}.translation-text{font-size:clamp(2rem,6vw,4.3rem)}.translation-text.translation-long-text{font-size:clamp(2rem,5.3vw,3.4rem)}.translation-from{padding:clamp(2.4rem,8vw,4.5rem) clamp(1.75rem,6vw,3.75rem)}}.translation-english-font{font-family:Poppins-semibold,sans-serif}.translation-expression.translation-transitioning .translation-text{animation:translationFadeIn .45s ease forwards}.translation-answer{display:flex;justify-content:center;padding:clamp(2.5rem,10vh,6rem) clamp(1.5rem,6vw,4rem) clamp(3rem,8vh,6rem);width:100%}@media(max-width:768px){.translation-body-container{padding:clamp(2rem,12vw,4rem) clamp(1.25rem,5vw,2.5rem) 0}.translation-answer{padding:clamp(2rem,8vh,5rem) clamp(1.25rem,5vw,2.5rem) clamp(2.5rem,10vh,4.5rem)}.multiple-choice{gap:calc(clamp(1rem,3vw,1.75rem) + .75rem);grid-template-columns:1fr}.choice{box-shadow:0 10px 18px #1f2d4c29}}.games-header{align-items:center;background:linear-gradient(90deg,#3a86ff,#7f3eed);box-shadow:0 12px 28px #2b3c762e;display:flex;gap:clamp(1rem,4vw,2.5rem);justify-content:space-between;margin-bottom:clamp(1.5rem,6vh,3.5rem);padding:clamp(1rem,3vw,1.5rem) clamp(1.5rem,5vw,3rem);width:100%}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.games-header{padding:1.25rem 1.75rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.games-header{padding:1.75rem 3rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.games-header{gap:3rem;padding:2.25rem 3.75rem}}.fill-blank-header{align-items:center;background:linear-gradient(90deg,#3a86ff,#7f3eed);box-shadow:0 12px 28px #2b3c762e;display:flex;gap:clamp(1rem,4vw,2.5rem);justify-content:space-between;margin-bottom:clamp(1.5rem,6vh,3.5rem);padding:clamp(1rem,3vw,1.5rem) clamp(1.5rem,5vw,3rem);width:100%}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.fill-blank-header{padding:1.25rem 1.75rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.fill-blank-header{padding:1.75rem 3rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.fill-blank-header{gap:3rem;padding:2.25rem 3.75rem}}.games-header-score{align-items:center;background:linear-gradient(135deg,#fff,#f4f7ff);border-radius:18px;box-shadow:0 10px 20px #1f2d4c2e;color:#1f2a44;display:flex;font-family:Poppins-semibold,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;height:clamp(56px,9vh,72px);justify-content:center;margin-right:0;min-width:clamp(120px,18vw,150px);padding:0 clamp(1rem,2.5vw,1.75rem)}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.games-header-score{font-size:1.35rem;height:4rem;min-width:7.25rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.games-header-score{font-size:1.65rem;height:5.25rem;min-width:10rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.games-header-score{font-size:1.95rem;height:5.75rem;min-width:11.5rem}}.fill-blank-header-score{align-items:center;background:linear-gradient(135deg,#fff,#f4f7ff);border-radius:18px;box-shadow:0 10px 20px #1f2d4c2e;color:#1f2a44;display:flex;font-family:Poppins-semibold,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;height:clamp(56px,9vh,72px);justify-content:center;margin-right:0;min-width:clamp(120px,18vw,150px);padding:0 clamp(1rem,2.5vw,1.75rem)}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.fill-blank-header-score{font-size:1.35rem;height:4rem;min-width:7.25rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.fill-blank-header-score{font-size:1.65rem;height:5.25rem;min-width:10rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.fill-blank-header-score{font-size:1.95rem;height:5.75rem;min-width:11.5rem}}.games-header-timer{align-items:center;background:linear-gradient(135deg,#fff,#f4f7ff);border-radius:18px;box-shadow:0 10px 20px #1f2d4c2e;color:#1f2a44;display:flex;font-family:Poppins-semibold,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;height:clamp(56px,9vh,72px);justify-content:center;margin-left:0;min-width:clamp(120px,18vw,150px);padding:0 clamp(1rem,2.5vw,1.75rem)}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.games-header-timer{font-size:1.35rem;height:4rem;min-width:7.25rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.games-header-timer{font-size:1.65rem;height:5.25rem;min-width:10rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.games-header-timer{font-size:2.2rem;height:6.25rem;min-width:11.5rem}}.fill-blank-header-timer{align-items:center;background:linear-gradient(135deg,#fff,#f4f7ff);border-radius:18px;box-shadow:0 10px 20px #1f2d4c2e;color:#1f2a44;display:flex;font-family:Poppins-semibold,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;height:clamp(56px,9vh,72px);justify-content:center;margin-left:0;min-width:clamp(120px,18vw,150px);padding:0 clamp(1rem,2.5vw,1.75rem)}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.fill-blank-header-timer{font-size:1.35rem;height:4rem;min-width:7.25rem}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.fill-blank-header-timer{font-size:1.65rem;height:5.25rem;min-width:10rem}}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.fill-blank-header-timer{font-size:2.2rem;height:6.25rem;min-width:11.5rem}}.chat-message--right .chat-bubble{background:#333;border-bottom-left-radius:22px;border-bottom-right-radius:10px;color:#fff}.chat-message--right .chat-meta .chat-speaker{color:#222}.chat-message--right .chat-hint{text-align:right}.chat-message--left .chat-bubble{background:#ffffffd9;border:1px solid #98c1ff73;border-bottom-left-radius:10px;border-bottom-right-radius:22px}.chat-message--left .chat-word--blank{color:#333}.chat-message--right .chat-word--blank{color:#ffffffeb}.chat-bubble{font-size:clamp(1.18rem,2.63vw,1.44rem);gap:.25rem .35rem;line-height:1.7}.chat-message .chat-word{font-size:1em}.chat-word--blank{background:none;border:none;border-radius:0;color:#333;cursor:pointer;padding:0;position:relative;transition:color .25s ease}.chat-word--revealed{background:none;border:none;color:inherit;font-weight:600}.chat-word__ghost,.chat-word__label{white-space:nowrap}.chat-word__ghost{pointer-events:none;visibility:hidden}.chat-word__label{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;white-space:nowrap}.chat-word--intro-blank{align-items:center;background:#2f3d541f;border:2.75px dashed #0d0f2142;border-radius:1rem;box-shadow:0 8px 18px #192e561f;color:#192436d9;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;justify-content:center;letter-spacing:.04em;min-height:2.2rem;min-width:2.75rem;padding:.35rem .85rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .25s ease}.chat-word--intro-blank:not(.chat-word--intro-revealed):hover{background:#2f3d542e;border-color:#2f3d5447;box-shadow:0 10px 22px #192e562e;color:#152031e6;transform:translateY(-1px)}.chat-word--intro-revealed{background:#3a86ff33;border-color:#3a86ff59;box-shadow:0 10px 24px #3a86ff40;color:#1f3f80}.chat-word--intro-plain{align-items:center;display:inline-flex;font-family:Poppins-Medium,sans-serif;line-height:1.3;min-height:2.2rem;padding:0 .35rem}.sentences-container{align-items:center;background:linear-gradient(135deg,#3a86ff14,#8338ec14);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:2.5rem 1.5rem 6rem;position:relative;transition:margin-left .3s ease,width .3s ease;width:100vw}.sentences-container.chat-screen{background:linear-gradient(135deg,#3a86ff38,#8338ec2e);padding-left:0;padding-right:0;padding-top:1.5rem}.sentences-container.drawer-open{margin-left:280px;width:calc(100vw - 280px)}@media(max-width:900px){.sentences-container.drawer-open{margin-left:0;width:100vw}}.textbook-header-center,.textbook-header-left,.textbook-header-right{align-items:center;display:flex;flex:1 1}.textbook-header-left{justify-content:flex-start}.textbook-header-center{justify-content:center}.textbook-header-right{gap:clamp(1rem,2.5vw,2rem);justify-content:flex-end}@media(max-width:768px){.textbook-header-center,.textbook-header-left{flex:0 0 auto}.textbook-header-right{gap:1rem}}.textbook-drawer-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e!important;border-radius:14px!important;box-shadow:0 8px 18px #1f2d4c33;color:#fff!important;padding:.5rem!important;transition:background .3s ease,transform .2s ease}.textbook-drawer-toggle:hover{background:#ffffff47!important;transform:translateY(-1px)}.textbook-drawer-toggle--open{background:#ffffff52!important}@media(max-width:768px){.textbook-drawer-toggle{padding:.45rem!important}}@media(max-width:600px)and (orientation:portrait){.textbook-drawer-paper{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#f2effee0!important;background-image:none!important;border-right:1px solid #566aac29!important}}.chat-nav{gap:1.25rem;justify-content:space-between}.chat-nav__left,.chat-nav__right{align-items:center;display:flex;flex:1 1}.chat-nav__left{justify-content:flex-start}.chat-nav__right{justify-content:flex-end}.chat-nav__right:before{content:""}.chat-nav__left .textbook-drawer-toggle{background:#fff3!important}.chat-nav__left .textbook-drawer-toggle:hover{background:#ffffff52!important}@media(max-width:768px){.chat-nav{gap:.75rem;padding-inline:clamp(1.1rem,3vw,1.6rem)}.chat-nav__left,.chat-nav__right{flex:0 0 auto}}.sentences-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin-top:1.75rem;overflow-y:auto;padding-right:.35rem;width:min(920px,92vw)}.sentences-body::-webkit-scrollbar{width:6px}.sentences-body::-webkit-scrollbar-thumb{background:#95a5a659;border-radius:999px}.sentences-body::-webkit-scrollbar-track{background:#0000}.sentences-body.article-mode{padding:2.5rem 0}.sentences-body.conversation-mode{align-items:stretch}.article-wrapper{background:#fff;background-image:linear-gradient(135deg,#fffffff0,#f7f9ff);border:1px solid #ffffff59;border-radius:28px;box-shadow:0 22px 65px #1d355f26;overflow:hidden;padding:clamp(2rem,4vw,3rem);position:relative;width:min(780px,88vw)}.article-wrapper:before{background:radial-gradient(circle at center,#8338ec2e 0,#8338ec00 70%);content:"";height:260px;pointer-events:none;position:absolute;right:-80px;top:-120px;width:260px}.article-title{color:#2c3e50;font-family:Poppins-Bold,sans-serif;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:.06em;margin-bottom:clamp(1.5rem,3vw,2.25rem);position:relative;text-transform:uppercase;z-index:1}.article-title:after{background:linear-gradient(90deg,#ff8fb1,#a46bff);border-radius:999px;bottom:-.75rem;content:"";height:.3rem;left:0;position:absolute;width:5rem}.chat-lesson{flex-direction:column;gap:.5rem;margin:0 auto;padding-top:0;width:min(560px,92vw)}.chat-lesson,.chat-nav{align-items:center;display:flex}.chat-nav{background:linear-gradient(90deg,#3a86ff,#5476ff 45%,#6a57ff 70%,#8338ec);border-radius:0;box-shadow:0 22px 48px #3561c740;justify-content:center;margin:-1.5rem 0 0;overflow:hidden;padding:clamp(1rem,2.8vw,1.6rem) clamp(1.5rem,4vw,2.75rem);position:relative;width:100%}.chat-nav:after{background:linear-gradient(180deg,#ffffff42,#fff0 60%);content:"";inset:0;opacity:.45;pointer-events:none;position:absolute}.chat-nav__title{color:#fff;font-family:Poppins-Bold,sans-serif;font-size:clamp(1.55rem,3.2vw,2.15rem);letter-spacing:.05em;margin:0;position:relative;text-align:center;text-shadow:0 12px 28px #0b215a59;text-transform:none;z-index:1}.chat-wrapper--blank{border-bottom:2px dashed #ff698766;color:#0000;cursor:pointer;padding:.1rem .35rem;position:relative;text-shadow:0 0 12px #ff69874d}.chat-wrapper--blank:after{bottom:-1.35rem;color:#f26484bf;content:"点击揭晓";font-family:Poppins-SemiBold,sans-serif;font-size:.75rem;left:50%;letter-spacing:.08em;opacity:0;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.chat-wrapper--blank:hover:after{opacity:1}.chat-wrapper--revealed{background:#ffa7c42e;border-radius:12px;color:#b83280;padding:.1rem .45rem;text-shadow:none}.sentences-footer{bottom:2.5rem;display:flex;justify-content:center;left:0;position:absolute;right:0}.sentences-footer.chat-footer{bottom:1.75rem}.next-button{background:#8338ec;border-radius:999px!important;box-shadow:0 18px 40px #6d48dc47;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(1.1rem,2.4vw,1.35rem);min-width:clamp(220px,28vw,320px);padding:.95rem clamp(1.5rem,4vw,2.75rem);text-transform:none!important}.next-button:hover{background:#6f2ed2}.next-button:disabled{background:#d7c7ff;box-shadow:none;color:#fffc}.conversation-mode{width:100%}.chat-introduction{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #91b2ff59;border-radius:18px;box-shadow:0 18px 38px #275bae26;color:#1f2d3d;display:flex;flex-direction:column;font-family:Poppins-Medium,sans-serif;font-size:clamp(1rem,2.4vw,1.2rem);gap:clamp(.85rem,2.5vw,1.6rem);line-height:1.7;margin:0 auto 1.75rem;max-width:560px;padding:clamp(1rem,3vw,1.6rem) clamp(1.2rem,4vw,2.2rem)}.chat-introduction__content{text-align:left;width:100%}.chat-introduction__content p{margin:0}.chat-introduction__tokens{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem .5rem;justify-content:flex-start;line-height:1.95;text-align:left;word-break:break-word}.chat-introduction__actions{display:flex;justify-content:center;width:100%}.chat-introduction__play{background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 6px 18px #3a86ff2e!important;color:#3a86ff!important}.chat-introduction__play:hover{background:#3a86ff3d!important}.chat-introduction-divider{background:none!important;margin:-.5rem auto 1.75rem!important;width:min(560px,88%)}.chat-introduction-divider:after,.chat-introduction-divider:before{border-top-color:#91b2ff73!important}.chat-wrapper{display:flex;flex-direction:column;gap:1.4rem;margin:0 auto;max-width:520px;padding:0 0 .5rem;width:100%}@media(max-width:480px){.chat-wrapper{padding-left:4px;padding-right:4px}}.chat-message{align-self:flex-start;animation:fadeInContent .45s ease forwards;display:flex;flex-direction:column;gap:1.4rem;max-width:90%}.chat-message--right{align-self:flex-end}.chat-message--right .chat-meta{flex-direction:row-reverse}.chat-message--left .chat-meta{flex-direction:row}.chat-meta{align-items:center;display:flex;font-family:Poppins-Medium,sans-serif;gap:.9rem;margin-top:.6rem}.chat-meta,.chat-speaker{font-size:.95rem;line-height:1.5}.chat-speaker{color:#222;font-family:Poppins-SemiBold,sans-serif;letter-spacing:.03em}.chat-audio{background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 4px 16px #3a86ff26!important;color:#3a86ff!important}.chat-audio:hover{background:#3a86ff3d!important}.chat-bubble{background:#ffffffd9;border:1px solid #98c1ff73;border-radius:22px;box-shadow:0 20px 40px #28538326;color:#1f2d3d;display:flex;flex-wrap:wrap;font-size:clamp(1rem,2.4vw,1.2rem);gap:1.25rem .5rem;line-height:1.95;padding:clamp(.95rem,3vw,1.5rem) clamp(1.15rem,3.6vw,1.85rem);word-break:break-word}@media(min-width:600px)and (max-width:1024px)and (orientation:portrait){.chat-bubble{font-size:clamp(1.48rem,3.6vw,1.8rem)}}.textbook-token{font-size:1em}.textbook-token--plain{align-items:center;display:inline-flex;font-family:Poppins-Medium,sans-serif;line-height:1.3;min-height:2.2rem;padding:0 .35rem}.textbook-token--blank{--textbook-token-width:auto;align-items:center;background:#ffffffe6;border:1.5px solid #748de673;border-radius:.5rem;box-shadow:0 14px 32px #1e305e2e;display:inline-flex;flex:0 0 auto;flex:0 0 var(--textbook-token-width,auto);justify-content:center;margin:.1rem .2rem;max-width:none;max-width:var(--textbook-token-width,none);min-width:auto;min-width:var(--textbook-token-width,auto);padding:.25rem .6rem .55rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:auto;width:var(--textbook-token-width,auto)}.textbook-token--input{cursor:text}.textbook-token--input:focus-within,.textbook-token--input:hover{border-color:#5a7affd9;box-shadow:0 16px 30px #2f50a833;transform:translateY(-1px)}.textbook-token--result{cursor:default}.textbook-token--correct{background:#0f5c2a14;border-color:#0f5c2a73}.textbook-token--incorrect{background:#7a162614;border-color:#7a162673}.textbook-token--intro{background:#fffffff0;border:2.5px dashed #8498ffc7;border-radius:1rem;box-shadow:0 12px 26px #1020442e,0 0 0 1px #ffffff8c;color:#1c2647;font-family:Poppins-SemiBold,sans-serif;letter-spacing:.04em;max-width:none;max-width:var(--textbook-token-width,none);min-width:2.75rem;min-width:var(--textbook-token-width,2.75rem);padding:.35rem .85rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .25s ease;width:auto;width:var(--textbook-token-width,auto)}.textbook-token--intro:not(.textbook-token--result):hover{background:#fffffffa;border-color:#8498fff2;box-shadow:0 14px 28px #1020443d,0 0 0 1px #ffffffa6;color:#152031;transform:translateY(-1px)}.textbook-token--intro.textbook-token--result.textbook-token--correct{background:#d2e7ffe6;border-color:#4684ffd9;box-shadow:0 12px 28px #3a86ff47,0 0 0 1px #ffffffb3;color:#0f3f87}.textbook-token--intro-plain{align-items:center;display:inline-flex;font-family:Poppins-Medium,sans-serif;line-height:1.3;min-height:2.2rem;padding:0 .35rem}.textbook-token__ghost,.textbook-token__input,.textbook-token__result{white-space:nowrap}.textbook-token__ghost{inset:.1rem;pointer-events:none;position:absolute;visibility:hidden}.textbook-token__input{background:#0000;border:none;caret-color:#3a86ff;color:#1c2647;flex:1 1 auto;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);min-width:0;padding:0;pointer-events:auto;position:relative;text-align:center;width:100%;z-index:1}.textbook-token__input:focus{outline:none}.textbook-token__result{align-items:center;color:#1c2647;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);justify-content:center;min-width:2.2ch;padding:0 .5rem}.textbook-token__result--correct{color:#0f5c2a}.textbook-token__result--incorrect{color:#7a1626}.chat-progress{align-self:center;color:#495e73b3;font-family:Poppins-Medium,sans-serif;font-size:.9rem;letter-spacing:.08em}.summary{inset:0;z-index:10}.listening-page--games{background:linear-gradient(135deg,#3a86ff38,#8338ec2e);flex-direction:column;min-height:100vh;padding:0 0 6rem;width:100vw}.listening-page--games,.listening-page--games .listening-header{align-items:center;display:flex;overflow:hidden;position:relative}.listening-page--games .listening-header{background:linear-gradient(90deg,#3a86ff,#5476ff 45%,#6a57ff 70%,#8338ec);box-shadow:0 22px 48px #3561c740;gap:1.25rem;justify-content:center;padding:clamp(1rem,2.8vw,1.6rem) clamp(1.5rem,4vw,2.75rem);width:100%}.listening-page--games .listening-header:after{background:linear-gradient(180deg,#ffffff42,#fff0 60%);content:"";inset:0;opacity:.45;pointer-events:none;position:absolute}.listening-page--games .listening-header__left,.listening-page--games .listening-header__right{align-items:center;display:flex;flex:1 1}.listening-page--games .listening-header__left{justify-content:flex-start}.listening-page--games .listening-header__right{justify-content:flex-end}.listening-page--games .listening-header__title{color:#fff;font-family:Poppins-Bold,sans-serif;font-size:clamp(1.55rem,3.2vw,2.15rem);letter-spacing:.05em;margin:0;position:relative;text-align:center;text-shadow:0 12px 28px #0b215a59;text-transform:none;z-index:1}.listening-page--games .listening-random-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e!important;border-radius:14px!important;box-shadow:0 8px 18px #1f2d4c33;color:#fff!important;padding:.5rem!important;transition:background .3s ease,transform .2s ease}.listening-page--games .listening-random-button:hover{background:#ffffff47!important;transform:translateY(-1px)}.listening-page--games .listening-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin-top:1.75rem;overflow-y:auto;padding-right:.35rem;width:min(920px,92vw)}.listening-page--games .listening-body::-webkit-scrollbar{width:6px}.listening-page--games .listening-body::-webkit-scrollbar-thumb{background:#95a5a659;border-radius:999px}.listening-page--games .listening-body::-webkit-scrollbar-track{background:#0000}.listening-page--games .listening-body--conversation{align-items:stretch}.listening-page--games .listening-lesson{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:min(560px,92vw)}.listening-page--games .listening-intro-block{align-items:center;display:flex;flex-direction:column;gap:.65rem;width:100%}.listening-page--games .listening-intro{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #91b2ff59;border-radius:18px;box-shadow:0 18px 38px #275bae26;color:#1f2d3d;display:flex;flex-direction:column;font-family:Poppins-Medium,sans-serif;font-size:clamp(1rem,2.4vw,1.2rem);gap:clamp(.85rem,2.5vw,1.6rem);line-height:1.7;margin:0 auto 1.75rem;max-width:560px;padding:clamp(1rem,3vw,1.6rem) clamp(1.2rem,4vw,2.2rem)}.listening-page--games .listening-intro__content{text-align:left;width:100%}.listening-page--games .listening-intro__tokens{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem .5rem;justify-content:flex-start;line-height:1.95;word-break:break-word}.listening-page--games .listening-intro__actions{display:flex;justify-content:center;width:100%}.listening-page--games .listening-intro__actions--top{align-self:center;justify-content:center;margin-bottom:1.6rem;margin-top:1rem;width:100%}.listening-page--games .listening-intro__play{align-items:center;background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 6px 18px #3a86ff2e!important;color:#3a86ff!important;display:flex!important;height:clamp(3.75rem,8vw,5rem)!important;justify-content:center;padding:0!important;width:clamp(3.75rem,8vw,5rem)!important}.listening-page--games .listening-intro__play svg{font-size:clamp(2.4rem,5vw,3.2rem)}.listening-page--games .listening-intro__play:hover{background:#3a86ff3d!important}.listening-page--games .listening-intro-divider{background:none!important;margin:-.5rem auto 1.75rem!important;width:min(560px,88%)}.listening-page--games .listening-intro-divider:after,.listening-page--games .listening-intro-divider:before{border-top-color:#91b2ff73!important}.listening-page--games .listening-thread{display:flex;flex-direction:column;gap:1.4rem;margin:0 auto;max-width:520px;padding:0 0 .5rem;width:100%}@media(max-width:480px){.listening-page--games .listening-thread{padding-left:4px;padding-right:4px}}.listening-page--games .listening-message{align-self:flex-start;animation:fadeInContent .45s ease forwards;display:flex;flex-direction:column;gap:1rem;max-width:90%}.listening-page--games .listening-message--right{align-self:flex-end}.listening-page--games .listening-message--right .listening-message__bubble{background:#333;border-bottom-left-radius:22px;border-bottom-right-radius:10px;color:#fff}.listening-page--games .listening-message--right .listening-message__meta{flex-direction:row-reverse}.listening-page--games .listening-message--right .listening-message__meta .listening-message__speaker{color:#222}.listening-page--games .listening-message--left .listening-message__bubble{background:#ffffffd9;border:1px solid #98c1ff73;border-bottom-left-radius:10px;border-bottom-right-radius:22px}.listening-page--games .listening-message__meta{align-items:center;display:flex;gap:.5rem}.listening-page--games .listening-message__speaker{color:#222;font-family:Poppins-SemiBold,sans-serif;font-size:.95rem;letter-spacing:.03em}.listening-page--games .listening-message__audio{background:#3a86ff24!important;border-radius:999px!important;box-shadow:0 4px 16px #3a86ff26!important;color:#3a86ff!important}.listening-page--games .listening-message__audio:hover{background:#3a86ff3d!important}.listening-page--games .listening-message__bubble{border-radius:22px;box-shadow:0 20px 40px #28538326;display:flex;flex-wrap:wrap;font-size:clamp(1.18rem,2.63vw,1.44rem);gap:.25rem .35rem;line-height:1.7;padding:clamp(.95rem,3vw,1.5rem) clamp(1.15rem,3.6vw,1.85rem);word-break:break-word}.listening-page--games .listening-token{font-size:1em}.listening-page--games .listening-token--blank{--listening-token-width:auto;align-items:center;background:#ffffffe6;border:1.5px solid #748de673;border-radius:.5rem;box-shadow:0 14px 32px #1e305e2e;cursor:text;display:inline-flex;flex:0 0 auto;flex:0 0 var(--listening-token-width,auto);justify-content:center;margin:.1rem .2rem;max-width:none;max-width:var(--listening-token-width,none);min-width:auto;min-width:var(--listening-token-width,auto);padding:.25rem .6rem .55rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:auto;width:var(--listening-token-width,auto)}.listening-page--games .listening-token--blank:after{border-bottom:2px dotted #5a7affa6;bottom:.25rem;content:"";left:12%;opacity:.55;pointer-events:none;position:absolute;right:12%;transition:opacity .2s ease}.listening-page--games .listening-token--input{cursor:text}.listening-page--games .listening-token--input:focus-within,.listening-page--games .listening-token--input:hover{border-color:#4a6dffa6;box-shadow:0 18px 36px #36497c38;transform:translateY(-1px)}.listening-page--games .listening-token--input:focus-within:after,.listening-page--games .listening-token--input:hover:after{opacity:.95}.listening-page--games .listening-token--result{cursor:default}.listening-page--games .listening-token--result:after{opacity:0}.listening-page--games .listening-token--correct{background:#0f5c2a14;border-color:#0f5c2a73}.listening-page--games .listening-token--incorrect{background:#7a162614;border-color:#7a162673}.listening-page--games .listening-token--intro-blank{align-items:center;background:#2f3d541f;border:2.75px dashed #0d0f2142;border-radius:1rem;box-shadow:0 8px 18px #192e561f;color:#192436d9;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;justify-content:center;letter-spacing:.04em;max-width:none;max-width:var(--listening-token-width,none);min-height:2.2rem;min-width:2.75rem;min-width:var(--listening-token-width,2.75rem);padding:.35rem .85rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .25s ease;width:auto;width:var(--listening-token-width,auto)}.listening-page--games .listening-token--intro-blank:not(.listening-token--intro-revealed):hover{background:#2f3d542e;border-color:#2f3d5447;box-shadow:0 10px 22px #192e562e;color:#152031e6;transform:translateY(-1px)}.listening-page--games .listening-token--intro-revealed{background:#ebf2ff33;border-color:#3a86ff59;color:#1f3f80}.listening-page--games .listening-token--intro-plain{align-items:center;display:inline-flex;font-family:Poppins-Medium,sans-serif;line-height:1.3;min-height:2.2rem;padding:0 .35rem}.listening-page--games .listening-token__ghost,.listening-page--games .listening-token__label{white-space:nowrap}.listening-page--games .listening-token__ghost{inset:.1rem;pointer-events:none;position:absolute;visibility:hidden}.listening-page--games .listening-token__input{background:#0000;border:none;caret-color:#3a86ff;color:#1c2647;flex:1 1 auto;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);min-width:0;padding:0;pointer-events:auto;position:relative;text-align:center;width:100%;z-index:1}.listening-page--games .listening-token__input::placeholder{color:#1c264759}.listening-page--games .listening-token__input:focus{outline:none}.listening-page--games .listening-token__result{align-items:center;color:#1c2647;display:inline-flex;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(.95rem,2.3vw,1.1rem);justify-content:center;min-width:2.2ch}.listening-page--games .listening-token__result--correct{color:#0f5c2a}.listening-page--games .listening-token__result--incorrect{color:#7a1626}.listening-page--games .listening-message--right .listening-token--correct{background:#74ffc252;border-color:#a2ffd6cc}.listening-page--games .listening-message--right .listening-token--incorrect{background:#ff92a34d;border-color:#ffbdcabf}.listening-page--games .listening-message--right .listening-token__result--correct{color:#e9fff4}.listening-page--games .listening-message--right .listening-token__result--incorrect{color:#ffe9ed}.listening-page--games .listening-footer{display:flex;justify-content:center;margin-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(1.5rem,4vw,2.75rem);width:100%}.listening-page--games .listening-footer--chat{padding-bottom:clamp(2rem,5vw,3rem)}.listening-page--games .listening-next-button{background:#8338ec;border-radius:999px!important;box-shadow:0 18px 40px #6d48dc47;font-family:Poppins-SemiBold,sans-serif;font-size:clamp(1.1rem,2.4vw,1.35rem);min-width:clamp(220px,28vw,320px);padding:.95rem clamp(1.5rem,4vw,2.75rem);text-transform:none!important}.listening-page--games .listening-next-button:hover{background:#6f2ed2}.listening-page--games .listening-next-button:disabled{background:#d7c7ff;box-shadow:none;color:#fffc}.fill-blank-container,.translation-container{background:#fff;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}.fill-blank-body-container,.translation-body-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:clamp(2.5rem,8vh,6rem) clamp(1.5rem,6vw,4rem) 0}.fill-blank-body,.translation-body{align-items:center;display:flex;flex-direction:column;width:min(640px,100%)}.fill-blank-expression,.fill-blank-from,.translation-expression,.translation-from{align-items:center;display:flex;justify-content:center;width:100%}.fill-blank-from,.translation-from{padding:clamp(2rem,7vw,4rem) clamp(1.5rem,5vw,3.5rem)}.fill-blank-text,.translation-text{color:#2c3e50;font-family:Poppins-semibold,sans-serif;font-size:clamp(2.25rem,7vw,3.75rem);font-weight:600;letter-spacing:-.015em;line-height:1.1;transition:transform .3s ease,opacity .3s ease;word-break:break-word}.translation-long-text.fill-blank-text,.translation-text.translation-long-text{font-size:clamp(1.75rem,5vw,3rem)}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.fill-blank-body,.translation-body{width:min(720px,100%)}.fill-blank-text,.translation-text{font-size:clamp(2rem,6vw,4.3rem)}.translation-long-text.fill-blank-text,.translation-text.translation-long-text{font-size:clamp(2rem,5.3vw,3.4rem)}.fill-blank-from,.translation-from{padding:clamp(2.4rem,8vw,4.5rem) clamp(1.75rem,6vw,3.75rem)}}.fill-blank-english-font,.translation-english-font{font-family:Poppins-semibold,sans-serif}.translation-expression.translation-transitioning .fill-blank-text,.translation-expression.translation-transitioning .translation-text,.translation-transitioning.fill-blank-expression .fill-blank-text,.translation-transitioning.fill-blank-expression .translation-text{animation:translationFadeIn .45s ease forwards}.fill-blank-answer,.translation-answer{display:flex;justify-content:center;padding:clamp(2.5rem,10vh,6rem) clamp(1.5rem,6vw,4rem) clamp(3rem,8vh,6rem);width:100%}@media(max-width:768px){.fill-blank-body-container,.translation-body-container{padding:clamp(2rem,12vw,4rem) clamp(1.25rem,5vw,2.5rem) 0}.fill-blank-answer,.translation-answer{padding:clamp(2rem,8vh,5rem) clamp(1.25rem,5vw,2.5rem) clamp(2.5rem,10vh,4.5rem)}.multiple-choice{gap:calc(clamp(1rem,3vw,1.75rem) + .75rem);grid-template-columns:1fr}.choice{box-shadow:0 10px 18px #1f2d4c29}}.fill-blank-text{font-size:clamp(3.75rem,7vw,6.5rem);line-height:1.2}.fill-blank-text.fill-blank-long-text{font-size:clamp(4.5rem,10vw,8rem);line-height:1.4}.fill-blank-expression.fill-blank-transitioning .fill-blank-text{animation:translationFadeIn .45s ease forwards}.fill-blank-form{--fill-blank-control-height:clamp(3.25rem,7vw,3.75rem);align-items:center;background:linear-gradient(135deg,#f4f7fb,#e9ecf5);border-radius:18px;box-shadow:0 12px 20px #1f2d4c1f;display:flex;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,3vw,1.5rem);width:min(720px,100%)}.fill-blank-input{background:#fff;border:2px solid #d7deee;border-radius:12px;color:#1f2a44;flex:1 1;font-family:Poppins-semibold,sans-serif;font-size:clamp(1rem,2.2vw,1.25rem);height:var(--fill-blank-control-height);padding:0 1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.fill-blank-input:focus{border-color:#3a86ff;box-shadow:0 0 0 3px #3a86ff26;outline:none}.fill-blank-input.fill-blank-input--correct{background:linear-gradient(135deg,#e6fff7,#f6fffb);border-color:#25d6a4;box-shadow:0 0 0 3px #25d6a42e}.fill-blank-input.fill-blank-input--wrong{background:linear-gradient(135deg,#fff1f1,#ffe9e9);border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.fill-blank-submit{background:linear-gradient(135deg,#3a86ff,#1e5eff);border:none;border-radius:12px;box-shadow:0 12px 20px #3a86ff38;color:#fff;cursor:pointer;font-family:Poppins-semibold,sans-serif;font-size:clamp(1rem,2vw,1.15rem);height:var(--fill-blank-control-height);min-width:clamp(6.5rem,18vw,7.75rem);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.fill-blank-submit:hover:not(:disabled){box-shadow:0 16px 26px #3a86ff47;transform:translateY(-2px)}.fill-blank-submit:disabled{background:#a7b7d9;box-shadow:none;cursor:not-allowed;filter:grayscale(.5)}@media(max-width:768px){.fill-blank-form{--fill-blank-control-height:clamp(3.75rem,12vw,4.5rem);align-items:stretch;flex-direction:column;width:min(600px,100%)}.fill-blank-input{flex:none;width:100%}.fill-blank-submit{width:100%}}@media(orientation:landscape){.fill-blank-form{width:min(800px,100%)}}.bian-wei-container,.translation-container{background:#fff;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}.bian-wei-body-container,.translation-body-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:clamp(2.5rem,8vh,6rem) clamp(1.5rem,6vw,4rem) 0}.bian-wei-body,.translation-body{align-items:center;display:flex;flex-direction:column;width:min(640px,100%)}.bian-wei-expression,.bian-wei-from,.translation-expression,.translation-from{align-items:center;display:flex;justify-content:center;width:100%}.bian-wei-from,.translation-from{padding:clamp(2rem,7vw,4rem) clamp(1.5rem,5vw,3.5rem)}.bian-wei-text,.translation-text{color:#2c3e50;font-family:Poppins-semibold,sans-serif;font-size:clamp(2.25rem,7vw,3.75rem);font-weight:600;letter-spacing:-.015em;line-height:1.1;transition:transform .3s ease,opacity .3s ease;word-break:break-word}.translation-long-text.bian-wei-text,.translation-text.translation-long-text{font-size:clamp(1.75rem,5vw,3rem)}@media(min-width:1024px)and (max-width:1112px)and (orientation:portrait){.bian-wei-body,.translation-body{width:min(720px,100%)}.bian-wei-text,.translation-text{font-size:clamp(2rem,6vw,4.3rem)}.translation-long-text.bian-wei-text,.translation-text.translation-long-text{font-size:clamp(2rem,5.3vw,3.4rem)}.bian-wei-from,.translation-from{padding:clamp(2.4rem,8vw,4.5rem) clamp(1.75rem,6vw,3.75rem)}}.bian-wei-english-font,.translation-english-font{font-family:Poppins-semibold,sans-serif}.translation-chinese-font{font-family:MaShanZheng-Regular,sans-serif;letter-spacing:.04em}.translation-expression.translation-transitioning .bian-wei-text,.translation-expression.translation-transitioning .translation-text,.translation-transitioning.bian-wei-expression .bian-wei-text,.translation-transitioning.bian-wei-expression .translation-text{animation:translationFadeIn .45s ease forwards}@keyframes translationFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bian-wei-answer,.translation-answer{display:flex;justify-content:center;padding:clamp(2.5rem,10vh,6rem) clamp(1.5rem,6vw,4rem) clamp(3rem,8vh,6rem);width:100%}.multiple-choice{grid-gap:clamp(1rem,3vw,1.75rem);display:grid;gap:clamp(1rem,3vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:min(680px,100%)}@media(orientation:landscape){.multiple-choice{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(800px,100%)}}@media(min-width:769px)and (max-width:1200px)and (orientation:portrait){.multiple-choice{gap:calc(clamp(1rem,3vw,1.75rem) + .75rem);grid-template-columns:1fr;width:min(680px,100%)}.choice{font-size:clamp(1.35rem,2.73vw,1.64rem)}.choice.medium{min-height:105px}}@media(min-width:768px)and (orientation:landscape){.multiple-choice{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:min(940px,100%)}}@media(min-width:1025px)and (orientation:landscape){.multiple-choice{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:min(1100px,100%)}}.choice{align-items:center;background:#e9ecf5;border:none;border-radius:18px;box-shadow:0 12px 20px #1f2d4c1f;color:#1f2a44;cursor:pointer;display:flex;font-family:Poppins-semibold,sans-serif;font-size:clamp(1rem,2.2vw,1.25rem);justify-content:center;padding:clamp(1rem,2.8vw,1.5rem) clamp(1.25rem,3vw,2rem);text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.choice:hover{box-shadow:0 16px 26px #1f2d4c2e;transform:translateY(-4px)}.choice.correct-answer{background:linear-gradient(135deg,#25d6a4,#56f3c1);box-shadow:0 16px 30px #25d6a459;color:#fff}.choice.wrong-answer{background:linear-gradient(135deg,#ff6b6b,#f87171);box-shadow:0 16px 30px #f8717159;color:#fff}.choice.medium{min-height:84px}@media(max-width:768px){.bian-wei-body-container,.translation-body-container{padding:clamp(2rem,12vw,4rem) clamp(1.25rem,5vw,2.5rem) 0}.bian-wei-answer,.translation-answer{padding:clamp(2rem,8vh,5rem) clamp(1.25rem,5vw,2.5rem) clamp(2.5rem,10vh,4.5rem)}.multiple-choice{gap:calc(clamp(1rem,3vw,1.75rem) + .75rem);grid-template-columns:1fr}.choice{box-shadow:0 10px 18px #1f2d4c29}}.sentences-header{align-items:center;background:linear-gradient(90deg,#3a86ff,#8338ec);box-shadow:8px 8px 15px #0003,-8px -8px 15px #ffffffb3;display:flex;justify-content:space-between;margin-bottom:-25px;padding:2rem;width:100%}.sentences-header .score,.sentences-header .timer{align-items:center;border-radius:15px;display:flex;font-weight:700;justify-content:center}.sentences-header .timer{background:linear-gradient(135deg,#fff,#ecf0f1);color:#2c3e50;font-size:36px;font-weight:700;height:70px;margin-left:3rem;padding:.75rem;text-align:center;width:140px}.sentences-header .timer.red{color:#e74c3c}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.sentences-header .timer{font-size:2rem;height:6.5rem;width:11rem}}.sentences-header .score,.sentences-header .status{align-items:center;border-radius:15px;display:flex;font-weight:700;justify-content:center}.sentences-header .status{background:linear-gradient(135deg,#fff,#ecf0f1);color:#2c3e50;font-size:3.6rem;height:7rem;margin-right:1.5rem;padding:.75rem;width:14rem}.sentences-header .status .multiplier{background-color:#f1c40f;color:#000;color:#2c3e50;font-size:18px;padding:5px 8px;position:absolute;right:-20px;top:10px;transform:rotate(20deg)}.sentences-header .status .change{animation-duration:2s;background-color:#fff;font-size:.8em;padding:5px;position:absolute;right:-15px}.sentences-header .status .change.hidden{visibility:hidden}@media(min-width:320px)and (min-height:667px)and (orientation:portrait){.sentences-header .status{font-size:2rem;height:6.5rem;width:11rem}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes correctWithGlow{0%{box-shadow:0 0 0 #0f00;transform:scale(1)}30%{box-shadow:0 0 15px #00ff00b3;transform:scale(1.2)}50%{box-shadow:0 0 10px #00ff0080;transform:scale(1.1)}70%{box-shadow:0 0 15px #00ff00b3;transform:scale(1.2)}to{box-shadow:0 0 0 #0f00;transform:scale(1)}}@keyframes wrong{0%{transform:translateX(0)}25%{transform:translateX(-15px)}50%{transform:translateX(15px)}75%{transform:translateX(-15px)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInContent{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.summary{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw}.summary.hidden{visibility:hidden}.summary .badge{margin:15px;position:relative}.summary .badge svg{height:200px;width:200px}.summary .badge .score{color:#fff;font-size:3rem;left:0;position:absolute;right:0;text-align:center;top:6rem}.summary .summary__title{color:#95a5a6;text-align:center}.summary .summary__title .summary__title__big{color:#2c3e50;font-size:4rem;margin-bottom:3.25rem}.summary .summary__title .summary__title__medium{color:#2c3e50;font-size:2.5rem}.summary .button{background-color:#1abc9c;border-radius:3px;box-shadow:0 3px 0 #2c3e50;color:#fff;cursor:pointer;font-size:4.2rem;font-weight:400;margin-top:7.5rem;padding:.75rem 2rem}.bian-wei-text.bian-wei-long-text{font-size:clamp(2.25rem,5vw,4rem);line-height:1.75}.bian-wei-expression.bian-wei-transitioning .bian-wei-text{animation:translationFadeIn .45s ease forwards}.bian-wei-container .fill-blank-form{--fill-blank-control-height:clamp(3.25rem,7vw,3.75rem);align-items:center;background:linear-gradient(135deg,#f4f7fb,#e9ecf5);border-radius:18px;box-shadow:0 12px 20px #1f2d4c1f;display:flex;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,3vw,1.5rem);width:min(720px,100%)}.bian-wei-container .fill-blank-input{background:#fff;border:2px solid #d7deee;border-radius:12px;color:#1f2a44;flex:1 1;font-family:Poppins-semibold,sans-serif;font-size:clamp(1rem,2.2vw,1.25rem);height:var(--fill-blank-control-height);padding:0 1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.bian-wei-container .fill-blank-input:focus{border-color:#3a86ff;box-shadow:0 0 0 3px #3a86ff26;outline:none}.bian-wei-container .fill-blank-input.fill-blank-input--correct{background:linear-gradient(135deg,#e6fff7,#f6fffb);border-color:#25d6a4;box-shadow:0 0 0 3px #25d6a42e}.bian-wei-container .fill-blank-input.fill-blank-input--wrong{background:linear-gradient(135deg,#fff1f1,#ffe9e9);border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.bian-wei-container .fill-blank-submit{background:linear-gradient(135deg,#3a86ff,#1e5eff);border:none;border-radius:12px;box-shadow:0 12px 20px #3a86ff38;color:#fff;cursor:pointer;font-family:Poppins-semibold,sans-serif;font-size:clamp(1rem,2vw,1.15rem);height:var(--fill-blank-control-height);min-width:clamp(6.5rem,18vw,7.75rem);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.bian-wei-container .fill-blank-submit:hover:not(:disabled){box-shadow:0 16px 26px #3a86ff47;transform:translateY(-2px)}.bian-wei-container .fill-blank-submit:disabled{background:#a7b7d9;box-shadow:none;cursor:not-allowed;filter:grayscale(.5)}@media(max-width:768px){.bian-wei-container .fill-blank-form{--fill-blank-control-height:clamp(3.75rem,12vw,4.5rem);align-items:stretch;flex-direction:column;width:min(600px,100%)}.bian-wei-container .fill-blank-input{flex:none;width:100%}.bian-wei-container .fill-blank-submit{width:100%}}@media(orientation:landscape){.bian-wei-container .fill-blank-form{width:min(800px,100%)}}@font-face{font-display:swap;font-family:Poppins-regular;src:local("Poppins"),url(/static/media/Poppins-Regular.9641d5d087bc9e626d4c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins-semibold;src:local("Poppins"),url(/static/media/Poppins-SemiBold.b2be0bf638eacbb24415.woff2) format("woff2")}@font-face{font-display:swap;font-family:MaShanZheng-Regular;src:local("MaShanZheng"),url(/static/media/MaShanZheng-Regular.28fe63411f0369ba8c11.woff2) format("woff2")}@font-face{font-display:swap;font-family:YRDZST-Semibold;src:local("YRDZST"),url(/static/media/YRDZST-Semibold.225b816d7e6adbc7cc75.woff2) format("woff2")}@font-face{font-display:swap;font-family:KNBobohei-Bold;src:local("KNBobohei"),url(/static/media/KNBobohei-Bold.a611db396a01949b8963.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}html{scroll-behavior:smooth}