:root{color:#303b4d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7fcf8;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.58}button:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #3f9472}button{touch-action:manipulation}button svg{flex:none}button:active:not(:disabled){transform:translateY(1px)}.student-shell{background:radial-gradient(at 3% 97%,#dff9e9 0,#0000 53%),radial-gradient(at 96% 4%,#fff8dd 0,#0000 49%),#fafffb;min-height:100svh;position:relative;overflow:hidden}.school-header{z-index:2;justify-content:space-between;align-items:flex-start;height:19svh;min-height:100px;max-height:180px;padding:4.3svh 4.8vw 0;display:flex;position:relative}.school-crest{object-fit:contain;width:auto;height:13.5svh;min-height:68px;max-height:130px}.new-conversation{color:#07774d;background:#ddf3df;border:0;border-radius:22px;align-items:center;gap:15px;min-height:64px;padding:13px 29px;font-size:clamp(18px,2.05vw,35px);font-weight:600;display:flex}.new-conversation svg{width:1.25em;height:1.25em}.scene{grid-template-columns:44% 50%;align-items:center;gap:6%;width:min(1320px,86vw);height:72svh;min-height:470px;max-height:900px;margin:0 auto;display:grid}.character-area{justify-content:center;align-items:center;height:100%;padding-bottom:2svh;display:flex}.character{aspect-ratio:570/860;isolation:isolate;width:auto;max-width:100%;height:min(64svh,660px);position:relative}.character img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.character img:first-child{display:block;position:relative}.conversation-area{flex-direction:column;justify-content:center;min-width:0;height:100%;padding-top:1svh;display:flex}.reply-region{scrollbar-width:thin;scrollbar-color:#b5d2c3 transparent;flex-direction:column;justify-content:center;height:43svh;min-height:260px;max-height:490px;padding:1svh 8px 15px 0;display:flex;overflow:auto}.reply-region.conversation-start{align-items:center;padding-right:0}.reply-region.conversation-start .welcome{width:max-content;max-width:100%}@media (width>=701px) and (height>=651px){.reply-region.conversation-start{height:34svh;min-height:230px;max-height:390px}}.voice-status{color:#7c8997;align-items:center;gap:16px;margin-bottom:32px;font-size:clamp(19px,1.75vw,29px);font-weight:500;display:flex}.voice-status svg{color:#048459;width:1.75em;height:1.75em}.voice-status.active svg{animation:1.4s ease-in-out infinite voice-breathe}h1,h2,p{margin:0}.welcome h1{color:#15543d;letter-spacing:.02em;margin-bottom:22px;font-size:clamp(30px,2.85vw,48px);font-weight:600;line-height:1.45}.welcome p{color:#4b5b58;font-size:clamp(22px,2.15vw,36px);line-height:1.9}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:.015em;font-size:clamp(27px,2.75vw,46px);font-weight:450;line-height:1.72}.reply-region:has(.answer-text){justify-content:center;overflow:hidden}.controls{padding-top:1.5svh}.primary{color:#fff;background:#00835a;border:0;border-radius:23px;justify-content:center;align-items:center;gap:26px;width:100%;height:10.7svh;min-height:88px;max-height:110px;font-size:clamp(24px,2.35vw,40px);font-weight:600;transition:background .2s,transform .15s;display:flex}.primary:hover:not(:disabled){background:#006f4c}.primary svg{stroke-width:1px;width:1.45em;height:1.45em}.primary.recording{background:#287259}.secondary-space{justify-content:center;align-items:center;height:60px;margin-top:6px;display:flex}.text-button{color:#527669;background:0 0;border:0;align-items:center;gap:9px;min-height:48px;padding:12px 18px;font-size:18px;display:inline-flex}.audio-note{color:#6b7c74;text-align:center;font-size:17px}.activation h1{color:#214e3b;margin-bottom:14px;font-size:clamp(30px,2.8vw,48px);font-weight:600}.activation>p:not(.helper):not(.feedback){color:#78897c;margin-bottom:30px;font-size:clamp(20px,1.8vw,30px)}.activation label{color:#4a6255;margin-bottom:12px;font-size:clamp(18px,1.5vw,25px);display:block}.activation input{color:#244b37;letter-spacing:.06em;background:#ffffffb8;border:1px solid #adcbbb;border-radius:16px;width:100%;height:80px;padding:16px 22px;font-size:clamp(23px,1.9vw,32px)}.activation input::placeholder{color:#9baaa2;letter-spacing:0}.activation .primary{margin-top:26px}.helper{color:#83948a;text-align:center;margin-top:20px;font-size:18px}.feedback{color:#a15c38;margin-top:18px;font-size:20px}.confirm-dialog{color:#244333;border:0;border-radius:24px;max-width:min(540px,90vw);padding:36px;box-shadow:0 20px 90px #17332725}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17332750}.confirm-dialog h2{margin-bottom:12px;font-size:28px}.confirm-dialog p{color:#61766a;margin-bottom:30px;font-size:20px}.confirm-dialog>div{gap:14px;display:flex}.confirm-dialog button{border:0;border-radius:12px;min-height:54px;padding:15px 24px;font-size:19px}.quiet-button{color:#42644f;background:#eef5ef}.confirm-button{color:#fff;background:#08764f}@keyframes voice-breathe{50%{opacity:.55}}@keyframes thinking-wave{0%,to{opacity:.58;transform:scaleY(.62)}50%{opacity:1;transform:scaleY(1.08)}}.voice-status.thinking svg{transform-origin:50%;animation:.9s ease-in-out infinite thinking-wave}@media (width>=1800px){.scene{width:82vw;max-width:1780px}.character{height:65svh;max-height:850px}.reply-region,.reply-region.conversation-start,.school-header{max-height:none}.school-crest{max-height:180px}.primary{max-height:140px}}@media (aspect-ratio<=4/3) and (width>=701px){.scene{grid-template-columns:40% 55%;gap:5%;width:90vw;height:74svh}.character{width:100%;height:auto}.reply-region{height:46svh}.wide-break{display:none}.answer-text{font-size:clamp(25px,3.5vw,38px)}}@media (height<=650px) and (width>=701px){.school-header{min-height:70px}.school-crest{min-height:55px}.scene{height:78svh;min-height:0}.character{height:66svh}.reply-region{height:45svh;min-height:0}.voice-status{margin-bottom:15px}.primary{border-radius:16px;min-height:60px}.secondary-space{height:42px}.new-conversation{min-height:48px;padding:8px 20px}}@media (width<=700px){.student-shell{min-height:100svh}.school-header{height:100px;min-height:0;padding:24px 24px 0}.school-crest{height:70px;min-height:0}.new-conversation{border-radius:16px;gap:7px;min-height:48px;padding:10px 16px;font-size:18px}.scene{grid-template-columns:1fr;align-content:start;gap:10px;width:88vw;height:auto;min-height:calc(100svh - 100px);max-height:none}.character-area{height:28svh;padding:0}.character{width:auto;height:28svh}.conversation-area{height:auto;padding:0}.reply-region{height:auto;min-height:190px;max-height:35svh;padding:10px 0 15px}.welcome h1{margin-bottom:12px;font-size:29px}.welcome p{font-size:21px;line-height:1.7}.voice-status{margin-bottom:14px;font-size:18px}.answer-text{font-size:26px;line-height:1.65}.primary{border-radius:18px;gap:15px;height:9svh;min-height:64px;font-size:25px}.secondary-space{height:50px}.activation{padding:24px 0}.activation h1{font-size:30px}.activation input{height:64px}.helper{font-size:14px}.wide-break{display:none}.confirm-dialog{padding:26px}.confirm-dialog>div{flex-direction:column}.controls{padding-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.student-shell:before{content:"";filter:grayscale()sepia(.6)hue-rotate(55deg);opacity:.065;pointer-events:none;background:url(/character/ginkgo.png) 50%/contain no-repeat;width:27vw;height:40svh;position:absolute;bottom:6svh;left:-9vw;transform:rotate(-33deg)}@media (width>=701px) and (aspect-ratio>=4/3){.scene{grid-template-columns:46% 46%;gap:6%}.character-area{justify-content:flex-end;padding-right:40px}.character{height:min(62svh,660px);transform:translateY(-20px)}}.activation h1{font-size:clamp(36px,3.65vw,62px)}.activation .primary:disabled{opacity:1;background:#6cae93}.primary.speaking-lock:disabled{color:#4f6d5f;opacity:1;box-shadow:none;background:#dfeae4}@media (width<=700px){.student-shell:before{width:60vw;height:30svh;bottom:45svh;left:-25vw}.activation h1{font-size:30px}}.current-clause{color:#007d54}@media (width>=701px) and (aspect-ratio>=4/3) and (height>=651px){.controls{transform:translateY(24px)}.new-conversation{margin-top:12px}}.caption-frame{flex:none;position:relative}.caption-viewport{scrollbar-width:none;overscroll-behavior:contain;overflow-anchor:none;height:4lh;min-height:4lh;padding-right:14px;font-size:clamp(27px,2.75vw,46px);line-height:1.55;overflow-y:auto}.caption-viewport.speaking{overflow-y:hidden}.caption-viewport::-webkit-scrollbar{display:none}.caption-viewport .answer-text{font-size:inherit;line-height:inherit}.review-scrollbar{pointer-events:none;background:#e1eee7;border-radius:999px;width:7px;height:100%;position:absolute;top:0;right:1px}.review-scrollbar span{will-change:transform;background:#8fb8a3;border-radius:999px;width:100%;min-height:28px;display:block}.reply-region:has(.caption-viewport) .voice-status{flex:none}@media (aspect-ratio<=4/3) and (width>=701px){.caption-viewport{font-size:clamp(25px,3.5vw,38px)}}@media (width<=700px){.caption-viewport{font-size:26px;line-height:1.55}.reply-region{height:250px;min-height:250px;max-height:none}}.student-shell.quota-ended .primary,.student-shell.quota-ended .new-conversation{color:#7a8580;opacity:1;cursor:default;background:#e0e5e2}.crest-trigger{touch-action:manipulation;background:0 0;border:0;padding:0;line-height:0}.crest-trigger:focus-visible{outline-offset:6px;border-radius:8px;outline:3px solid #00835a}.maintenance-dialog label{margin-bottom:12px;font-size:20px;display:block}.maintenance-dialog input{border:1px solid #adcbbb;border-radius:10px;width:100%;min-height:54px;padding:12px;font-size:24px}.maintenance-actions{gap:14px;margin-top:24px;display:flex}.maintenance-dialog .feedback{margin:16px 0;font-size:18px}.character.character-motion{aspect-ratio:8/9}.character-motion .sprite-poster,.character-motion img.sprite-poster:first-of-type,.character-motion .sprite-canvas{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.character-motion .sprite-canvas{visibility:hidden}.character-motion[data-ready=true] .sprite-canvas{visibility:visible}.character-motion[data-ready=true] .sprite-poster{visibility:hidden}.sprite-ground{filter:blur(4px);background:#6d98782b;border-radius:50%;width:38%;height:1.2%;position:absolute;top:97%;left:31%}.character-motion[data-phase=thinking] .sprite-poster,.character-motion[data-phase=thinking] .sprite-canvas{transform-origin:50% 78%;will-change:transform;animation:2.4s ease-in-out infinite thinking-float}@keyframes thinking-float{0%,to{transform:translateY(0)rotate(0)}38%{transform:translateY(-5px)rotate(-.35deg)}72%{transform:translateY(1px)rotate(.15deg)}}@media (prefers-reduced-motion:reduce){.character-motion[data-phase=thinking] .sprite-poster,.character-motion[data-phase=thinking] .sprite-canvas{will-change:auto;animation:none}}