:root{color:#26342e;font-synthesis:none;text-rendering:optimizelegibility;background:#f1f6f2;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f1f6f2;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0f5b3f3d}.brand{color:#123c2e;align-items:center;gap:13px;display:inline-flex}.brand__icon{color:#fff;background:#0f5b3f;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.brand__text{gap:2px;display:grid}.brand__text strong{font-size:1.16rem;line-height:1.2}.brand__text small{color:#66736c;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:650}.brand--compact .brand__text small{font-size:.65rem}.eyebrow{color:#0f5b3f;letter-spacing:.15em;margin:0 0 12px;font-size:.74rem;font-weight:800}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(0)scale(.98)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary:hover:not(:disabled){background:#0b4933;transform:translateY(-1px);box-shadow:0 10px 24px #0f5b3f38}.button--wide{width:100%}.button--quiet{color:#365046;background:#fff;border:1px solid #d7e1da;min-height:42px}.button--quiet:hover:not(:disabled){color:#123c2e;background:#f7faf8;border-color:#9bb5a5}.login-page{background:radial-gradient(circle at 8% 8%,#7eb29629,#0000 30%),#f1f6f2;place-items:center;min-height:100dvh;padding:40px;display:grid}.login-layout{background:#fff;border:1px solid #d7e1da;border-radius:24px;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);width:min(100%,1120px);min-height:690px;display:grid;overflow:hidden;box-shadow:0 20px 60px #123c2e17}.login-intro{background:radial-gradient(circle at 10% 92%,#7eb2962e,#0000 32%),#e5f1e9;border-right:1px solid #d7e1da;flex-direction:column;justify-content:space-between;padding:58px;display:flex}.login-intro h1{color:#123c2e;letter-spacing:-.055em;max-width:360px;margin:0;font-size:clamp(2.7rem,4vw,3.4rem);line-height:1.03}.login-intro__copy{color:#52645b;max-width:390px;margin:22px 0 0;font-size:1.04rem;line-height:1.8}.login-intro__foot{color:#52645b;align-items:center;gap:10px;margin:0;font-size:.9rem;display:flex}.login-card{flex-direction:column;justify-content:center;padding:58px 64px;display:flex}.account-groups{gap:26px;display:grid}.field-label{color:#52645b;margin:0 0 10px;font-size:.84rem;font-weight:750}.account-list{gap:12px;display:grid}.account-list--students{grid-template-columns:1fr 1fr}.account-option{color:#26342e;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7e1da;border-radius:14px;align-items:center;gap:13px;min-height:74px;padding:11px 14px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s;display:flex}.account-option:hover{background:#f8fbf9;border-color:#9bb5a5;transform:translateY(-1px)}.account-option:active{transform:translateY(0)scale(.985)}.account-option--selected{background:#f0f7f3;border-color:#0f5b3f;box-shadow:inset 0 0 0 1px #0f5b3f}.account-option__avatar,.student-avatar{color:#0f5b3f;background:#dcece1;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.05rem;font-weight:800;display:grid}.account-option strong,.account-option small{display:block}.account-option strong{color:#123c2e;font-size:1rem}.account-option small{color:#718078;margin-top:3px;font-size:.78rem}.credential-form{border-top:1px solid #e4ebe6;gap:11px;margin-top:32px;padding-top:28px;display:grid}.credential-form>label{color:#35483f;font-size:.9rem;font-weight:750}.credential-control{color:#66736c;background:#fff;border:1px solid #cad6ce;border-radius:12px;align-items:center;gap:12px;min-height:54px;padding:0 14px;display:flex}.credential-control input{color:#26342e;background:0 0;border:0;outline:0;flex:1;min-width:0}.icon-button{color:#66736c;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.inline-status,.form-error{margin:16px 0 0;font-size:.9rem;line-height:1.55}.app-shell{background:radial-gradient(circle at 6% 3%,#7eb2961c,#0000 24rem),#f1f6f2;min-height:100dvh}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d7e1da;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 max(32px,50vw - 560px);display:flex;position:sticky;top:0;box-shadow:0 1px #123c2e08}.app-header__actions{align-items:center;gap:12px;display:flex}.identity-chip{color:#0f5b3f;background:#e5f1e9;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.84rem;font-weight:750;display:inline-flex}.page-content{width:min(100% - 64px,1120px);margin:0 auto;padding:64px 0 72px}.page-heading,.student-hero{margin-bottom:38px}.page-heading h1,.student-hero h1{color:#123c2e;letter-spacing:-.045em;margin:0;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1.08}.page-heading>p:last-child,.student-hero>div>p:last-child{color:#66736c;margin:15px 0 0;font-size:1.06rem}.content-section,.profile-card{background:#fff;border:1px solid #d7e1da;border-radius:20px;padding:34px;box-shadow:0 10px 34px #123c2e0f,inset 0 1px #ffffffb8}.section-title{align-items:center;gap:14px;margin-bottom:26px;display:flex}.section-title__icon{color:#0f5b3f;background:#e5f1e9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.section-title h2{color:#123c2e;margin:0;font-size:1.45rem}.section-title p{color:#718078;margin:5px 0 0;font-size:.88rem}.student-list{gap:14px;display:grid}.system-status-section{margin-top:22px}.system-status-grid{background:#e0e8e2;border:1px solid #e0e8e2;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.system-status-grid article{color:#0f5b3f;background:#fbfdfb;align-content:center;gap:7px;min-height:126px;padding:20px;display:grid}.system-status-grid span,.system-status-grid small{color:#66736c}.system-status-grid span{font-size:.8rem}.system-status-grid strong{color:#123c2e;font-size:1.25rem}.system-status-grid small{font-size:.76rem}.student-row{background:#fbfdfb;border:1px solid #e0e8e2;border-radius:16px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.8fr);align-items:center;gap:28px;padding:22px 24px;display:grid}.student-row__identity{align-items:center;gap:14px;display:flex}.student-row__identity h3{color:#123c2e;margin:0;font-size:1.16rem}.student-row__identity span{color:#718078;margin-top:4px;font-size:.78rem;display:block}.student-row__details,.profile-definitions{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.student-row__details>div{border-left:1px solid #e0e8e2;min-width:0;padding:0 20px}.student-row__details dt,.profile-definitions dt{color:#718078;margin-bottom:7px;font-size:.78rem}.student-row__details dd,.profile-definitions dd{color:#26342e;margin:0;font-weight:750}.student-row__details dd{align-items:center;gap:7px;display:flex}.notice-band{color:#80500c;background:#fff8eb;border:1px solid #ecd4aa;border-radius:15px;align-items:flex-start;gap:14px;margin-top:22px;padding:19px 22px;display:flex}.notice-band div{gap:4px;display:grid}.notice-band strong{font-size:.94rem}.notice-band span{color:#836b48;font-size:.86rem}.notice-band--muted{color:#365046;background:#eaf2ed;border-color:#d7e1da}.notice-band--muted span{color:#66736c}.student-hero{color:#fff;isolation:isolate;background:radial-gradient(circle at 86% 18%,#afdec247,#0000 28%),radial-gradient(circle at 12% 110%,#67af8957,#0000 40%),#123c2e;border-radius:28px;justify-content:space-between;align-items:center;gap:32px;min-height:260px;margin-bottom:0;padding:46px 48px 76px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 54px #123c2e2e}.student-hero:after{z-index:-1;color:#ffffff0d;content:"WORD COACH";letter-spacing:-.07em;white-space:nowrap;font-size:clamp(3.8rem,9vw,7.5rem);font-weight:850;line-height:1;position:absolute;bottom:-32px;right:-18px}.student-hero__copy{z-index:1;position:relative}.student-hero .eyebrow{color:#a9ddbd;margin-bottom:14px}.student-hero h1{color:#fff;text-wrap:balance}.student-hero>div>p:last-child{color:#ffffffb8;text-wrap:pretty;max-width:34rem}.ready-state{z-index:1;color:#e9f7ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:.88rem;font-weight:750;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1a}.student-milestones{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:calc(100% - 64px);margin:-44px auto 22px;display:grid;position:relative}.student-milestone-card{background:radial-gradient(circle at 100% 0,#b7dcc661,#0000 44%),linear-gradient(145deg,#fff 0%,#edf6f0 100%);border:1px solid #d0e2d7e0;border-radius:20px;align-items:center;gap:22px;min-width:0;min-height:154px;padding:26px 30px;display:flex;overflow:hidden;box-shadow:0 18px 34px #123c2e1c}.student-milestone-card__icon{color:#fff;background:#0f6848;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 18px #0f68482e}.student-milestone-card>div{gap:7px;min-width:0;display:grid}.student-milestone-card__label{color:#496259;font-size:.86rem;font-weight:750}.student-milestone-card strong{color:#123c2e;letter-spacing:-.035em;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.05}.student-milestone-card small{color:#718078;font-size:.78rem}.profile-definitions{border-top:1px solid #e0e8e2;padding-top:26px}.profile-definitions>div{min-width:0;padding:4px 28px}.profile-definitions>div:first-child{padding-left:0}.profile-definitions>div+div{border-left:1px solid #e0e8e2}.profile-definitions dt{align-items:center;gap:8px;display:flex}.profile-definitions dd{color:#123c2e;margin-top:12px;font-size:1.16rem}.profile-definitions span{color:#718078;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.8rem;display:block;overflow:hidden}.today-task{background:radial-gradient(circle at 100% 0,#8bc3a32b,#0000 32%),#fff;border:0;grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);column-gap:30px;margin-bottom:22px;display:grid;box-shadow:0 20px 44px #123c2e17}.today-task .section-title,.today-task .task-overview,.today-task .task-progress{grid-column:1}.today-task .section-title{margin-bottom:22px}.today-task__start{text-align:center;border-radius:18px;flex-direction:column;grid-area:1/2/4;align-self:stretch;min-height:100%;padding:26px;font-size:1.08rem;line-height:1.5}.today-task__start svg{width:30px;height:30px;margin-bottom:5px}.today-task>.inline-status,.today-task>.form-error{grid-column:1/-1}.task-overview,.result-metrics{background:#e0e8e2;border:1px solid #e0e8e2;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.task-overview article,.result-metrics article{background:#f8fcf9e0;gap:7px;padding:20px;display:grid}.task-overview span,.result-metrics span{color:#718078;font-size:.8rem}.task-overview strong,.result-metrics strong{color:#123c2e;font-size:1.22rem}.task-progress{gap:9px;margin:20px 0;display:grid}.task-progress progress,.learning-progress progress{color:#0f5b3f;background:#e0e8e2;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e0e8e2;border-radius:999px}progress::-webkit-progress-value{background:#0f5b3f;border-radius:999px}progress::-moz-progress-bar{background:#0f5b3f;border-radius:999px}.task-progress span{color:#66736c;font-size:.84rem}.student-result-summary{color:#52645b;border-top:1px solid #e0e8e2;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;font-size:.86rem;display:flex}.student-result-summary strong{color:#123c2e;flex:none}.student-result-summary span{text-align:right}.report-link{flex:none;min-height:40px;text-decoration:none}.weekly-report-preview{box-shadow:none;background:#e9f2ed;border:0;margin-bottom:22px}.weekly-preview-content{justify-content:space-between;align-items:center;gap:24px;display:flex}.weekly-preview-content dl{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.weekly-preview-content dl>div{border-left:1px solid #e0e8e2;padding:2px 22px}.weekly-preview-content dl>div:first-child{border-left:0;padding-left:0}.weekly-preview-content dt{color:#718078;margin-bottom:7px;font-size:.78rem}.weekly-preview-content dd{color:#123c2e;margin:0;font-size:1.14rem;font-weight:750}.learning-progress{color:#fff;background:radial-gradient(circle at 90% -10%,#b0dcc14d,#0000 36%),#123c2e;border:0;border-radius:20px;gap:10px;margin-bottom:20px;padding:20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #123c2e29}.learning-progress__main,.learning-progress__round{color:#ffffffb8;justify-content:space-between;align-items:center;gap:20px;font-size:.88rem;display:flex}.learning-progress__round{border-top:1px solid #ffffff1f;padding-top:10px;font-size:.8rem}.learning-progress progress{background:#ffffff24;height:8px}.round-sound-toggle{color:#ffffffc2;min-height:34px;font:inherit;cursor:pointer;background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;display:inline-flex}.round-sound-toggle:hover{background:#ffffff24;border-color:#ffffff4d}.learning-card{background:radial-gradient(circle at 100% 0,#acdabe33,#0000 24%),linear-gradient(#eff8f39e 0,#0000 104px),#fff;border:0;border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 22px 52px #123c2e1c,inset 0 1px #fff}.learning-card:before{content:"";background:linear-gradient(90deg,#0f5b3f,#80b79c);height:4px;position:absolute;top:0;left:0;right:0}.learning-card__meta,.question-heading,.pronunciation-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.learning-card__meta{color:#718078;font-size:.8rem}.learning-card h1{color:#123c2e;letter-spacing:-.06em;margin:28px 0 12px;font-size:clamp(3.2rem,9vw,5.4rem);font-weight:850;line-height:.96}.pronunciation-line{color:#52645b;min-height:44px}.pronunciation-line>span{font-size:1.06rem;font-weight:650}.word-definition{border-top:1px solid #dce8e0;align-items:baseline;gap:12px;margin-top:26px;padding-top:24px;display:flex}.word-definition span{color:#0f5b3f;font-size:.82rem;font-weight:750}.word-definition strong{color:#26342e;font-size:1.28rem;line-height:1.55}.example-block{color:#365046;background:#edf6f0;border:1px solid #d8e7dd;border-radius:18px;align-items:flex-start;gap:13px;margin:24px 0;padding:20px;display:flex}.example-block svg{color:#0f5b3f;flex:none;margin-top:2px}.example-block p{margin:0;line-height:1.6}.example-block span{color:#718078;margin-top:7px;font-size:.86rem;line-height:1.55;display:block}.example-block .example-translation{color:#52645b}.example-block .example-meaning{color:#126849;font-weight:700}.example-block__content{flex:1}.example-block__content>.english-speech-control{margin-top:13px}.english-speech-control{flex-wrap:wrap;align-items:center;gap:9px;display:inline-flex}.english-speech-button{min-height:38px}.english-speech-control small{color:#b43b3b;font-size:.76rem}.question-heading{color:#0f5b3f;font-size:.85rem;font-weight:750}.question-card .question-prompt{text-wrap:balance;margin:38px 0 34px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.28}.question-translation{color:#52645b;background:#f1f6f2;border-left:3px solid #7fb29d;margin:-14px 0 28px;padding:10px 14px;line-height:1.65}.listening-button{color:#0f5b3f;width:138px;min-height:104px;font:inherit;cursor:pointer;background:#e5f1e9;border:1px solid #b9cec1;border-radius:16px;place-content:center;justify-items:center;gap:9px;margin:28px auto 0;font-weight:750;display:grid}.answer-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.answer-option{color:#26342e;text-align:left;min-height:66px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e1da;border-radius:15px;padding:14px 17px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}.answer-option:hover{background:#f8fbf9;border-color:#9bb5a5;transform:translateY(-1px)}.answer-option:active{transform:translateY(0)scale(.99)}.answer-option--selected{color:#123c2e;background:#e5f1e9;border-color:#0f5b3f;box-shadow:inset 0 0 0 1px #0f5b3f,0 8px 18px #0f5b3f1a}.spelling-field{color:#52645b;gap:9px;margin-bottom:24px;font-size:.86rem;font-weight:700;display:grid}.spelling-field input{color:#26342e;letter-spacing:.04em;background:#fff;border:2px solid #b8cfc1;border-radius:16px;min-height:72px;padding:0 20px;font-size:1.3rem;font-weight:750}.spelling-field input:focus{border-color:#0f5b3f}.spelling-hint,.spelling-reveal{color:#55461d;background:#fff9df;border:1px solid #d9c98f;border-radius:13px;gap:7px;margin:-8px 0 24px;padding:15px 17px;display:grid}.spelling-hint strong,.spelling-reveal span{font-size:.78rem}.spelling-hint span{line-height:1.6}.spelling-hint--retry{color:#174f3c;background:#eef8f2;border-color:#b9d5c5}.spelling-reveal{text-align:center;justify-items:center;margin-top:4px;padding:22px}.spelling-reveal strong{color:#123c2e;letter-spacing:.05em;font-size:clamp(2rem,7vw,3.4rem)}.spelling-reveal .button{margin-top:8px}.round-complete-card{text-align:center;background:radial-gradient(circle at 50% 0,#a9ddbd57,#0000 34%),#fff;justify-items:center;animation:.28s ease-out round-complete-enter;display:grid}.round-complete-card__icon{color:#fff;background:#0f6a49;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 0 0 10px #a9ddbd2e,0 14px 28px #0f6a4938}.round-complete-card__eyebrow{color:#6a7a72;margin:18px 0 0;font-size:.82rem}.round-complete-card h1{letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(1.8rem,5vw,2.7rem)}.round-complete-card>p:not(.round-complete-card__eyebrow){color:#52645b;margin:0}.round-complete-card__words{flex-wrap:wrap;justify-content:center;gap:9px;width:100%;margin:22px 0 28px;display:flex}.round-complete-card__words strong{color:#0f5b3f;background:#eef7f1;border:1px solid #c8ddd0;border-radius:999px;padding:9px 15px;font-size:.94rem}@keyframes round-complete-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.learning-finished{text-align:center;justify-items:center;display:grid}.learning-finished svg,.result-heading svg{color:#0f5b3f}.learning-finished h1{color:#123c2e;margin:18px 0 8px}.learning-finished p{color:#66736c;margin:0 0 24px}.result-page{width:min(100% - 64px,900px)}.result-heading{text-align:center;justify-items:center;margin-bottom:28px;display:grid}.result-heading h1{color:#123c2e;margin:15px 0 8px;font-size:clamp(2.3rem,5vw,3.4rem)}.result-heading p{color:#66736c;margin:0}.result-metrics{margin-bottom:22px}.result-metrics article{text-align:center}.result-metrics strong{font-size:1.7rem}.ability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ability-grid article{background:#fbfdfb;border:1px solid #e0e8e2;border-radius:13px;justify-items:center;gap:7px;padding:18px 12px;display:grid}.ability-grid span{color:#66736c;font-size:.82rem}.ability-grid strong{color:#123c2e;font-size:1.6rem}.ability-grid small{color:#0f5b3f;font-weight:750}.weak-direction{color:#52645b;border-top:1px solid #e0e8e2;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;display:flex}.weak-direction strong{color:#123c2e}.result-back{margin-top:22px;text-decoration:none}.learning-feedback{margin-top:20px}.feedback-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feedback-form label{color:#52645b;gap:7px;font-size:14px;font-weight:650;display:grid}.feedback-form select,.feedback-form textarea{color:#26342e;width:100%;font:inherit;background:#fff;border:1px solid #d6e1d9;border-radius:12px;padding:11px 12px}.feedback-form select:focus,.feedback-form textarea:focus{border-color:#0f5b3f;outline:3px solid #0f5b3f1f}.feedback-form__comment,.feedback-form__actions,.feedback-form__success,.feedback-form>.form-error{grid-column:1/-1}.feedback-form__actions{align-items:center;gap:14px;display:flex}.feedback-form__actions small,.feedback-form__loading{color:#66736c}.feedback-form__success{color:#0f5b3f;margin:0;font-weight:700}.report-page{width:min(100% - 64px,1120px)}.report-back{margin-bottom:28px}.report-heading{margin-bottom:30px}.report-section+.report-section{margin-top:22px}.report-metrics{background:#e0e8e2;border:1px solid #e0e8e2;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.report-metrics article{color:#0f5b3f;background:#fbfdfb;align-content:center;gap:7px;min-height:126px;padding:18px 20px;display:grid}.report-metrics span{color:#718078;font-size:.8rem}.report-metrics strong{color:#123c2e;font-size:1.45rem}.report-metrics small{color:#66736c;font-size:.76rem}.trial-status{background:#f7faf8;border:1px solid #dfe8e2;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:center;gap:24px;margin-bottom:20px;padding:18px 20px;display:grid}.trial-status>div,.trial-recommendation,.trial-details>div{gap:5px;display:grid}.trial-status span,.trial-details span,.trial-recommendation span,.trial-recommendation small{color:#66736c}.trial-status progress{accent-color:#0f6548;width:100%}.trial-metrics,.quality-review-list{border-block:1px solid #e0e8e2;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.trial-metrics article,.quality-review-list article{border-right:1px solid #e0e8e2;gap:7px;padding:18px;display:grid}.trial-metrics article:nth-child(3n),.quality-review-list article:last-child{border-right:0}.trial-metrics article:nth-child(-n+3){border-bottom:1px solid #e0e8e2}.trial-metrics span,.quality-review-list span,.trial-metrics small,.quality-review-list small{color:#66736c}.trial-metrics strong,.quality-review-list strong{color:#123c2e;font-size:1.2rem}.trial-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.trial-details>div{border-left:3px solid #b8d7ca;padding-left:16px}.trial-recommendation{background:#f7faf8;border-left:4px solid #0f6548;margin-top:20px;padding:18px 20px}.trial-recommendation strong{align-items:center;gap:7px;display:inline-flex}.report-section__toolbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.range-switch{background:#f7faf8;border:1px solid #d7e1da;border-radius:12px;flex:none;gap:4px;padding:4px;display:inline-flex}.range-switch button{color:#52645b;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:.82rem;font-weight:750}.report-chart{overflow:hidden}.report-chart__plot{border-bottom:1px solid #cbd8cf;align-items:stretch;gap:clamp(4px,1vw,12px);height:250px;padding:8px 4px 0;display:flex}.report-chart__column{flex:1 1 0;grid-template-rows:20px 1fr 27px;justify-items:center;gap:5px;min-width:0;display:grid}.report-chart__value{color:#52645b;font-size:.7rem}.report-chart__track{background:#eaf2ed;border-radius:6px 6px 0 0;align-items:flex-end;width:min(100%,30px);min-height:0;display:flex;overflow:hidden}.report-chart__bar{background:#0f5b3f;border-radius:6px 6px 0 0;width:100%;min-height:3px;display:block}.report-chart__column small{color:#718078;white-space:nowrap;font-size:.68rem}.report-chart>p{color:#718078;margin:12px 0 0;font-size:.78rem}.word-error-list{border-top:1px solid #e0e8e2;display:grid}.word-error-list article{border-bottom:1px solid #e0e8e2;grid-template-columns:minmax(150px,1.2fr) minmax(130px,1fr) minmax(150px,1.2fr) minmax(120px,.8fr) auto;align-items:center;gap:20px;padding:18px 4px;display:grid}.word-error-list article>div{gap:5px;display:grid}.word-error-list article span,.word-error-list time{color:#718078;font-size:.78rem}.word-error-list article strong{color:#123c2e}.word-error-list__word>strong{font-size:1.14rem}.report-empty{color:#66736c;margin:0}.report-suggestions div{gap:8px}.ai-coach-entry__content{color:#52645b;border-top:1px solid #e0e8e2;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding-top:20px;display:flex}.word-ai-assist{border-top:1px solid #e0e8e2;gap:14px;margin:24px 0;padding-top:22px;display:grid}.word-ai-assist__actions{flex-wrap:wrap;gap:10px;display:flex}.ai-error-diagnosis{border-top:1px solid #e0e8e2;justify-items:start;gap:16px;margin-top:24px;padding-top:22px;display:grid}.ai-error-diagnosis .ai-generated-answer{width:100%}.ai-generated-answer{color:#365046;background:#f1f7f3;border-left:3px solid #0f7452;gap:9px;padding:16px 18px;display:grid}.ai-generated-answer strong,.ai-generated-answer p,.ai-generated-answer small{margin:0}.ai-generated-answer p{white-space:pre-wrap;line-height:1.7}.ai-generated-answer small{color:#718078;font-size:.78rem}.ai-generated-answer>.english-speech-control{margin-top:2px}.ai-report-explanation>.button{margin-top:20px}.ai-report-explanation .ai-generated-answer{margin-top:16px}.ai-coach-page{width:min(100% - 64px,900px)}.ai-coach-heading{max-width:700px}.ai-safety-notice{background:#e8f4ec;border-color:#bcd6c6;margin:0 0 22px}.ai-quota-meter{gap:14px;margin-top:20px;display:grid}.ai-quota-meter div{align-items:baseline;gap:10px;display:flex}.ai-quota-meter strong{color:#123c2e;font-size:1.7rem}.ai-quota-meter span{color:#66736c;font-size:.86rem}.ai-mode-list{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.ai-mode-list button{color:#26342e;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7e1da;border-radius:12px;gap:5px;min-height:86px;padding:15px 17px;display:grid}.ai-mode-list button:hover:not(:disabled){background:#f6faf7;border-color:#91b29f}.ai-mode-list button:disabled{cursor:not-allowed;opacity:.55}.ai-mode-list span{color:#718078;font-size:.82rem;line-height:1.5}.ai-conversation-list{color:#718078;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:.8rem;display:flex}.ai-conversation-list button{color:#52645b;cursor:pointer;background:#fff;border:1px solid #d7e1da;border-radius:9px;min-height:34px;padding:0 12px}.ai-conversation-list button[aria-pressed=true]{color:#0f5b3f;background:#e8f4ec;border-color:#0f5b3f}.ai-chat-panel{border-top:1px solid #e0e8e2;gap:16px;margin-top:24px;padding-top:22px;display:grid}.ai-chat-panel__heading{color:#123c2e;align-items:center;gap:9px;display:flex}.ai-message-list{background:#f5f8f6;border-radius:13px;gap:12px;max-height:440px;padding:18px;display:grid;overflow-y:auto}.ai-message{border-radius:13px;gap:5px;max-width:82%;padding:13px 15px;display:grid}.ai-message span{font-size:.72rem;font-weight:750}.ai-message p{white-space:pre-wrap;margin:0;line-height:1.65}.ai-message--user{color:#fff;background:#0f5b3f;justify-self:end}.ai-message--assistant{color:#26342e;background:#fff;border:1px solid #d7e1da;justify-self:start}.ai-message-form{gap:12px;display:grid}.ai-message-form label{color:#52645b;gap:8px;font-size:.82rem;font-weight:700;display:grid}.ai-message-form textarea{resize:vertical;color:#26342e;background:#fff;border:1px solid #cbd8cf;border-radius:11px;width:100%;padding:12px 14px;line-height:1.55}.ai-message-form .button{justify-self:end;min-width:108px}.ai-error-word-list{border-top:1px solid #e0e8e2;margin-top:20px;display:grid}.ai-error-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.ai-error-pattern-grid article{background:#f8fbf9;border:1px solid #dbe6de;border-radius:12px;gap:4px;padding:16px;display:grid}.ai-error-pattern-grid span,.ai-error-pattern-grid small{color:#718078;font-size:.8rem}.ai-error-pattern-grid strong{color:#0f6247;font-size:1.45rem}.ai-error-diagnosis-action{color:#365046;background:#eef6f1;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;display:flex}.ai-error-word-list article{border-bottom:1px solid #e0e8e2;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 0;display:flex}.ai-error-word-list article>div{gap:4px;display:grid}.ai-error-word-list span{color:#718078;font-size:.8rem}.ai-error-section .ai-generated-answer{margin-top:18px}.result-error-word-list{flex-wrap:wrap;gap:10px;display:flex}.result-error-word-list .button{justify-items:start;gap:2px;display:grid}.result-error-word-list .button span{color:#718078;font-size:.72rem;font-weight:400}.word-detail-page{width:min(100% - 64px,900px)}.word-detail-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.word-detail-heading>div{gap:6px;display:grid}.word-detail-heading span,.word-detail-heading h1,.word-detail-heading p{margin:0}.word-detail-heading span{color:#0f7452;font-size:.8rem;font-weight:800}.word-detail-heading h1{color:#123c2e;font-size:clamp(2rem,6vw,3.4rem)}.word-detail-heading p{color:#66736c}.word-pronunciation-list,.word-personal-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.word-pronunciation-list article,.word-personal-overview article{background:#fbfdfb;border:1px solid #e0e8e2;border-radius:13px;gap:8px;padding:16px;display:grid}.word-pronunciation-list article>span,.word-personal-overview article>span{color:#66736c;font-size:.8rem}.word-pronunciation-list article>strong,.word-personal-overview article>strong{color:#123c2e}.word-pronunciation-list .english-speech-control{justify-self:start}.word-personal-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.word-personal-overview article:last-child strong{font-size:.88rem;line-height:1.45}.word-sense-list{gap:14px;display:grid}.word-sense-list>article{border:1px solid #e0e8e2;border-radius:12px;padding:16px}.word-sense-list>article>p{color:#365046;margin:7px 0 12px}.word-example{border-top:1px solid #e7eee9;grid-template-columns:1fr auto;gap:5px 14px;padding-top:12px;display:grid}.word-example p,.word-example span{margin:0}.word-example p{color:#123c2e}.word-example span{color:#718078;font-size:.82rem}.word-example .example-translation{color:#52645b;line-height:1.55}.word-example .example-meaning{color:#126849;font-weight:700;line-height:1.55}.word-example__ai-content{white-space:pre-line}.word-example .english-speech-control{grid-area:1/2/span 3}.textbook-source-list,.word-example-list,.word-relation-list{gap:12px;display:grid}.textbook-source-list article,.word-relation-list article{background:#fbfdfb;border:1px solid #e0e8e2;border-radius:13px;gap:7px;padding:16px;display:grid}.textbook-source-list article>span{color:#718078;font-size:.78rem}.textbook-source-list article>p,.word-relation-list article>p{color:#365046;margin:0}.word-example-list .word-example{border:1px solid #e0e8e2;border-radius:13px;padding:16px}.word-example--ai{background:#f2f9f5}.word-example--ai strong{color:#0f7452;font-size:.8rem}.latest-word-error{border-top:1px solid #e0e8e2;margin-top:18px;padding-top:18px}.latest-word-error p{color:#52645b;margin:7px 0 0}.word-relation-list article>div{flex-wrap:wrap;gap:8px;display:flex}.vocabulary-search-page{width:min(100% - 64px,960px)}.vocabulary-search-form{gap:10px;display:grid}.vocabulary-search-form>label{color:#123c2e;font-size:.84rem;font-weight:800}.vocabulary-search-form>div{grid-template-columns:1fr auto;gap:10px;display:grid}.vocabulary-search-form input{color:#123c2e;min-width:0;font:inherit;background:#fff;border:1px solid #ccd9d1;border-radius:12px;padding:13px 15px}.vocabulary-search-form input:focus{border-color:#0f7452;outline:3px solid #dcefe5}.vocabulary-list-section{margin-top:20px}.vocabulary-result-list{gap:10px;display:grid}.vocabulary-result{color:inherit;background:#fbfdfb;border:1px solid #e0e8e2;border-radius:13px;grid-template-columns:minmax(150px,.8fr) minmax(240px,1.5fr) auto;align-items:center;gap:18px;padding:15px 16px;text-decoration:none;transition:border-color .14s,background .14s,transform .14s;display:grid}.vocabulary-result:hover{background:#f2f9f5;border-color:#74a58e;transform:translateY(-1px)}.vocabulary-result__word{align-items:center;gap:10px;display:flex}.vocabulary-result__word>div,.vocabulary-result__definition,.vocabulary-result__state{gap:4px;display:grid}.vocabulary-result__word strong{color:#123c2e;font-size:1.08rem}.vocabulary-result__word span,.vocabulary-result__definition>span,.vocabulary-result__state>span{color:#718078;font-size:.76rem}.vocabulary-result__order{background:#e1f2e8;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid;color:#0f5b3f!important}.vocabulary-result__definition p{color:#365046;margin:0}.vocabulary-result__state{justify-items:end}.vocabulary-result__state strong{color:#0f7452}.vocabulary-list-summary{color:#365046;background:#f1f7f3;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 13px;font-size:.84rem;display:flex}.learning-word-detail-link{justify-self:start}.loading-screen{color:#66736c;background:#f1f6f2;place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.loading-screen p{margin:0}.loading-screen__dot{background:#0f5b3f;border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (width<=900px){.login-page{padding:24px}.login-layout{grid-template-columns:minmax(0,.75fr) minmax(430px,1.25fr)}.login-intro,.login-card{padding:42px 36px}.student-row{grid-template-columns:1fr}.ability-grid{grid-template-columns:1fr 1fr}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.word-error-list article{grid-template-columns:1fr 1fr}.student-row__details>div:first-child{border-left:0;padding-left:0}}@media (width<=760px){.login-page{min-height:100dvh;padding:0;display:block}.login-layout{border:0;border-radius:0;grid-template-columns:1fr;min-height:100dvh}.login-intro{border-bottom:1px solid #d7e1da;border-right:0;min-height:258px;padding:26px 20px}.login-intro h1{font-size:2.2rem}.login-intro__copy{margin-top:12px;font-size:.9rem;line-height:1.55}.login-intro__foot{display:none}.login-card{justify-content:flex-start;padding:24px 20px 34px}.account-groups{gap:20px}.account-list--students{grid-template-columns:1fr 1fr}.account-option{min-height:62px;padding:9px 10px}.account-option__avatar{width:36px;height:36px}.credential-form{margin-top:24px;padding-top:22px}.app-header{min-height:72px;padding:0 18px}.app-header .brand__text small,.identity-chip{display:none}.button--quiet{padding:0 13px}.page-content{width:min(100% - 36px,1120px);padding:42px 0 56px}.learning-page,.result-page,.report-page,.ai-coach-page,.vocabulary-search-page,.word-detail-page{width:min(100% - 36px,760px)}.page-heading,.student-hero{margin-bottom:28px}.page-heading h1,.student-hero h1{font-size:2.45rem}.content-section,.profile-card{border-radius:17px;padding:22px 18px}.student-row{padding:18px}.student-row__details,.profile-definitions{grid-template-columns:1fr;gap:0}.student-row__details>div,.student-row__details>div:first-child{border-top:1px solid #e0e8e2;border-left:0;padding:13px 0}.student-row__details>div:last-child{padding-bottom:0}.student-hero{border-radius:22px;min-height:246px;margin-bottom:0;padding:30px 24px 68px;display:block}.student-hero:after{font-size:4.2rem;bottom:-10px;right:-10px}.ready-state{margin-top:22px}.student-milestones{gap:10px;width:calc(100% - 24px);margin-top:-40px}.student-milestone-card{flex-direction:column;align-items:flex-start;gap:13px;min-height:132px;padding:18px 16px}.student-milestone-card__icon{border-radius:13px;width:42px;height:42px}.student-milestone-card strong{font-size:clamp(1.45rem,7vw,1.9rem)}.student-milestone-card small{line-height:1.45}.profile-definitions{padding-top:10px}.profile-definitions>div,.profile-definitions>div:first-child{border-left:0;padding:18px 0}.profile-definitions>div+div{border-top:1px solid #e0e8e2;border-left:0}.notice-band{padding:17px}.today-task{grid-template-columns:1fr;row-gap:0}.today-task__start{border-radius:15px;flex-direction:row;grid-area:auto/1;min-height:60px;padding:0 20px}.today-task__start svg{width:22px;height:22px;margin-bottom:0}.result-metrics{grid-template-columns:1fr}.task-overview article{text-align:center;gap:5px;padding:15px 10px}.task-overview strong{font-size:1.04rem}.feedback-form{grid-template-columns:1fr}.feedback-form__actions,.weekly-preview-content,.report-section__toolbar,.ai-coach-entry__content{flex-direction:column;align-items:stretch}.ai-mode-list{grid-template-columns:1fr}.ai-message{max-width:94%}.ai-message-form .button{justify-self:stretch;width:100%}.ai-error-word-list article{flex-direction:column;align-items:flex-start}.ai-error-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-error-diagnosis-action,.word-detail-heading{flex-direction:column;align-items:stretch}.word-detail-heading .english-speech-control{align-self:flex-start}.word-pronunciation-list,.word-personal-overview,.word-example{grid-template-columns:1fr}.word-example .english-speech-control{grid-area:auto/1;margin-top:8px}.vocabulary-result{grid-template-columns:1fr;gap:10px}.vocabulary-result__state{grid-auto-flow:column;justify-content:start;justify-items:start}.vocabulary-search-form>div,.weekly-preview-content dl{grid-template-columns:1fr}.weekly-preview-content dl>div,.weekly-preview-content dl>div:first-child{border-top:1px solid #e0e8e2;border-left:0;padding:13px 0}.weekly-preview-content dl>div:last-child{padding-bottom:0}.report-metrics{grid-template-columns:1fr}.report-metrics article{min-height:104px}.range-switch{align-self:flex-start}.report-chart__plot{height:220px;overflow-x:auto}.report-chart__column{min-width:24px}.word-error-list article{grid-template-columns:1fr;gap:12px}.learning-card{padding:24px 18px}.learning-progress{border-radius:17px;padding:18px}.learning-card h1{font-size:clamp(3rem,16vw,4.4rem)}.question-card .question-prompt{margin:30px 0 28px;font-size:clamp(1.75rem,9vw,2.6rem)}.learning-card__meta,.pronunciation-line,.student-result-summary,.weak-direction{flex-direction:column;align-items:flex-start}.student-result-summary span{text-align:left}.answer-options{grid-template-columns:1fr}.learning-progress__round{flex-direction:column;align-items:flex-start;gap:4px}.round-sound-toggle{justify-self:start}.round-complete-card__words{margin-bottom:22px}.trial-status,.trial-details,.trial-metrics,.quality-review-list,.system-status-grid{grid-template-columns:1fr}.trial-metrics article,.trial-metrics article:nth-child(3n),.quality-review-list article{border-bottom:1px solid #e0e8e2;border-right:0}.trial-metrics article:last-child,.quality-review-list article:last-child{border-bottom:0}}@media (width<=420px){.account-list--students .account-option{gap:8px;padding-left:8px;padding-right:8px}.account-list--students .account-option strong{font-size:.9rem}.account-list--students .account-option small{font-size:.72rem}}@media (prefers-reduced-motion:no-preference){.login-layout{animation:.36s cubic-bezier(.22,1,.36,1) surface-enter}}@keyframes surface-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--wc-page:#eef0ec;--wc-page-deep:#e4e8e3;--wc-surface:#f9faf7;--wc-surface-raised:#fff;--wc-surface-soft:#e6ece7;--wc-surface-warm:#f0ece3;--wc-ink:#17211c;--wc-ink-soft:#3c4942;--wc-muted:#6a756e;--wc-faint:#929b95;--wc-line:#d5dbd6;--wc-line-strong:#bdc8c1;--wc-brand:#153e30;--wc-brand-deep:#0d2b21;--wc-brand-soft:#dce8df;--wc-accent:#b58b50;--wc-accent-soft:#ece1ce;--wc-danger:#a54742;--wc-danger-soft:#f2dfdc;--wc-on-brand:#f5f7f2;--wc-shadow:#1330251a;--wc-shadow-strong:#0e271d2e;--wc-font-body:"Avenir Next", "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--wc-font-display:"Avenir Next", "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--wc-font-word:Arial, "Helvetica Neue", "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--wc-font-phonetic:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Arial Unicode MS", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--wc-page:#0d1511;--wc-page-deep:#09100d;--wc-surface:#121d17;--wc-surface-raised:#18251e;--wc-surface-soft:#1d2c24;--wc-surface-warm:#27241d;--wc-ink:#edf1ed;--wc-ink-soft:#c8d0ca;--wc-muted:#98a59d;--wc-faint:#738078;--wc-line:#2b3a32;--wc-line-strong:#3a4d42;--wc-brand:#8fbea2;--wc-brand-deep:#6fa086;--wc-brand-soft:#203b2e;--wc-accent:#d2b074;--wc-accent-soft:#3c3323;--wc-danger:#f0a39d;--wc-danger-soft:#402725;--wc-on-brand:#0b1711;--wc-shadow:#0000003d;--wc-shadow-strong:#00000061}}html{background:var(--wc-page);scroll-behavior:smooth}body{color:var(--wc-ink);background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--wc-brand) 8%, transparent), transparent 26rem), linear-gradient(180deg, var(--wc-page-deep), var(--wc-page) 24rem);font-family:var(--wc-font-body);font-variant-numeric:tabular-nums}::selection{color:var(--wc-on-brand);background:var(--wc-brand)}button,input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--wc-accent) 55%, transparent);outline-offset:3px}.page-heading h1,.student-hero h1,.login-intro h1,.section-title h2,.report-heading h1,.result-heading h1,.word-detail-heading h1,.learning-finished h1,.round-complete-card h1{font-family:var(--wc-font-display);font-weight:650}.eyebrow,.field-label,.learning-card__meta,.question-heading,.student-milestone-card__label{font-family:var(--wc-font-body)}.eyebrow{color:var(--wc-accent);letter-spacing:.14em;margin-bottom:14px;font-size:.72rem;font-weight:750}.button{letter-spacing:.01em;border-radius:999px;min-height:48px;padding-inline:22px;font-size:.92rem;font-weight:700;transition:color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.button--primary{color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:0 12px 26px color-mix(in srgb, var(--wc-brand) 24%, transparent)}.button--primary:hover:not(:disabled){color:var(--wc-on-brand);background:var(--wc-brand-deep);box-shadow:0 15px 32px color-mix(in srgb, var(--wc-brand) 30%, transparent);transform:translateY(-2px)}.button--quiet{border:1px solid var(--wc-line);color:var(--wc-ink-soft);background:color-mix(in srgb, var(--wc-surface-raised) 86%, transparent);box-shadow:inset 0 1px #ffffff61}.button--quiet:hover:not(:disabled){border-color:var(--wc-line-strong);color:var(--wc-ink);background:var(--wc-surface-raised);transform:translateY(-1px)}.button:active:not(:disabled),.account-option:active,.answer-option:active{transform:translateY(1px)scale(.985)}.brand{color:var(--wc-ink);gap:12px}.brand__icon{width:46px;height:46px;color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:inset 0 1px 0 #ffffff24, 0 8px 18px color-mix(in srgb, var(--wc-brand) 18%, transparent);border-radius:13px}.brand__text{gap:1px}.brand__text strong{color:currentColor;font-family:var(--wc-font-display);letter-spacing:.04em;font-size:1.12rem;font-weight:650}.brand__text small{color:var(--wc-muted);letter-spacing:.16em;font-size:.61rem;font-weight:700}.brand--compact .brand__icon{border-radius:11px;width:38px;height:38px}.brand--compact .brand__text strong{font-size:.98rem}.app-shell{min-height:100dvh;color:var(--wc-ink);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--wc-brand) 8%, transparent), transparent 30rem), var(--wc-page)}.app-header{z-index:20;border-color:color-mix(in srgb, var(--wc-line) 78%, transparent);background:color-mix(in srgb, var(--wc-page) 86%, transparent);min-height:70px;box-shadow:0 1px 0 color-mix(in srgb, var(--wc-brand) 5%, transparent);-webkit-backdrop-filter:blur(20px)saturate(130%);padding-inline:max(28px,50vw - 590px);position:sticky;top:0}.app-header__actions{gap:10px}.identity-chip{border:1px solid var(--wc-line);min-height:34px;color:var(--wc-ink-soft);background:var(--wc-surface);border-radius:999px;padding-inline:13px;font-size:.78rem;font-weight:650}.page-content{width:min(100% - 64px,1180px);padding:58px 0 86px}.page-heading{max-width:780px;margin-bottom:46px}.page-heading h1,.student-hero h1{color:var(--wc-ink);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3rem,6vw,5.3rem);line-height:.98}.page-heading>p:last-child,.student-hero>div>p:last-child{max-width:42rem;color:var(--wc-muted);text-wrap:pretty;margin-top:18px;font-size:1.02rem;line-height:1.8}.content-section,.profile-card,.report-section,.ai-chat-panel,.vocabulary-search-panel,.quality-review-section,.trial-section,.formal-observation-section,.system-status-section{border:1px solid var(--wc-line);color:var(--wc-ink);background:color-mix(in srgb, var(--wc-surface) 94%, transparent);box-shadow:0 18px 52px var(--wc-shadow), inset 0 1px 0 #ffffff73;border-radius:20px}.content-section,.profile-card,.report-section{padding:34px}.section-title{gap:15px;margin-bottom:28px}.section-title__icon{border:1px solid color-mix(in srgb, var(--wc-accent) 35%, var(--wc-line));width:42px;height:42px;color:var(--wc-accent);background:var(--wc-accent-soft);border-radius:12px}.section-title h2{color:var(--wc-ink);letter-spacing:-.025em;font-size:1.55rem}.section-title p{color:var(--wc-muted);margin-top:6px;line-height:1.55}.inline-status{color:var(--wc-muted)}.form-error{color:var(--wc-danger)}.notice-band{border-color:color-mix(in srgb, var(--wc-accent) 38%, var(--wc-line));color:var(--wc-ink-soft);background:var(--wc-accent-soft);border-radius:16px}.notice-band span{color:var(--wc-muted)}.notice-band--muted{border-color:var(--wc-line);color:var(--wc-ink-soft);background:var(--wc-surface-soft)}.login-page{background:radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--wc-brand) 16%, transparent), transparent 30rem), radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--wc-accent) 12%, transparent), transparent 28rem), var(--wc-page);min-height:100dvh;padding:38px}.login-layout{border:1px solid var(--wc-line);background:var(--wc-surface-raised);width:min(100%,1160px);min-height:min(720px,100dvh - 76px);box-shadow:0 30px 80px var(--wc-shadow-strong);border-radius:30px;grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr)}.login-intro{color:#f0f4ef;isolation:isolate;background:radial-gradient(circle at 88% 14%,#bed7c729,#0000 30%),radial-gradient(circle at 8% 92%,#b58b5038,#0000 30%),#102d23;border-color:#ffffff1f;padding:54px;position:relative;overflow:hidden}.login-intro:after{z-index:-1;color:#ffffff0a;content:"W";font-family:var(--wc-font-word);font-size:clamp(17rem,30vw,27rem);line-height:.8;position:absolute;bottom:-.18em;right:-.2em}.login-intro .brand{color:#f0f4ef}.login-intro .brand__icon{color:#102d23;background:#d1b077;box-shadow:0 10px 26px #0003}.login-intro .brand__text small,.login-intro__copy,.login-intro__foot{color:#f0f4efad}.login-intro .eyebrow{color:#d1b077}.login-intro h1{color:#f5f6f2;letter-spacing:-.06em;max-width:390px;font-size:clamp(3.1rem,5vw,4.5rem);line-height:1.02}.login-intro__copy{max-width:350px;margin-top:24px;font-size:.98rem;line-height:1.85}.login-intro__foot{font-size:.82rem}.login-card{background:var(--wc-surface-raised);padding:50px 58px}.account-groups{gap:24px}.field-label{color:var(--wc-muted);letter-spacing:.08em;margin-bottom:11px;font-size:.75rem;font-weight:700}.account-list{gap:10px}.account-option{border:1px solid var(--wc-line);min-height:72px;color:var(--wc-ink);background:var(--wc-surface);box-shadow:none;border-radius:14px;gap:13px;padding:11px 14px;transition:border-color .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.account-option:hover{border-color:var(--wc-line-strong);color:var(--wc-ink);background:var(--wc-surface-raised);transform:translateY(-2px)}.account-option--selected{border-color:var(--wc-brand);color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:0 12px 28px color-mix(in srgb, var(--wc-brand) 20%, transparent)}.account-option__avatar,.student-avatar{width:42px;height:42px;color:var(--wc-brand);background:var(--wc-brand-soft);border-radius:12px}.account-option--selected .account-option__avatar{color:var(--wc-brand-deep);background:#d8e6dc}.account-option strong{color:currentColor}.account-option small{color:var(--wc-muted)}.account-option--selected small{color:color-mix(in srgb, var(--wc-on-brand) 68%, transparent)}.credential-form{border-color:var(--wc-line);margin-top:28px;padding-top:26px}.credential-form>label{color:var(--wc-ink-soft)}.credential-control{border-color:var(--wc-line-strong);min-height:58px;color:var(--wc-muted);background:var(--wc-surface);border-radius:12px}.credential-control:focus-within{border-color:var(--wc-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--wc-brand) 12%, transparent)}.credential-control input{color:var(--wc-ink)}.credential-control input::placeholder{color:var(--wc-faint)}.icon-button{color:var(--wc-muted)}.icon-button:hover{color:var(--wc-ink);background:var(--wc-surface-soft)}.student-hero{border:1px solid var(--wc-line);min-height:280px;color:var(--wc-ink);background:radial-gradient(circle at 84% 16%, color-mix(in srgb, var(--wc-accent) 13%, transparent), transparent 24%), radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--wc-brand) 10%, transparent), transparent 38%), var(--wc-surface);box-shadow:0 22px 58px var(--wc-shadow);border-radius:24px;align-items:center;margin-bottom:0;padding:46px 50px 82px}.student-hero:after{color:color-mix(in srgb, var(--wc-brand) 5%, transparent);content:"VOCABULARY";font-family:var(--wc-font-word);letter-spacing:-.045em;font-size:clamp(5rem,10vw,8rem);font-weight:500;bottom:-.14em;right:-.02em}.student-hero .eyebrow{color:var(--wc-accent)}.student-hero h1{color:var(--wc-ink)}.student-hero>div>p:last-child{color:var(--wc-muted)}.ready-state{border:1px solid var(--wc-line);color:var(--wc-ink-soft);background:color-mix(in srgb, var(--wc-surface-raised) 76%, transparent);box-shadow:inset 0 1px 0 #ffffff8c, 0 10px 22px var(--wc-shadow)}.student-milestones{gap:14px;width:calc(100% - 72px);margin-top:-48px;margin-bottom:28px}.student-milestone-card{border:1px solid var(--wc-line);background:var(--wc-surface-raised);min-height:150px;box-shadow:0 18px 36px var(--wc-shadow);border-radius:18px;padding:25px 28px}.student-milestone-card--exam{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--wc-accent) 16%, transparent), transparent 42%), var(--wc-surface-raised)}.student-milestone-card__icon{width:50px;height:50px;color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:none;border-radius:14px}.student-milestone-card__label,.student-milestone-card small{color:var(--wc-muted)}.student-milestone-card strong{color:var(--wc-ink);font-family:var(--wc-font-display);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:650}.today-task{border:1px solid var(--wc-line);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--wc-brand) 8%, transparent), transparent 34%), var(--wc-surface-raised);box-shadow:0 20px 48px var(--wc-shadow);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(210px,.34fr);column-gap:34px;margin-bottom:24px}.task-overview,.result-metrics{border-color:var(--wc-line);background:0 0;border-radius:12px;gap:0}.task-overview article,.result-metrics article{background:0 0;position:relative}.task-overview article+article,.result-metrics article+article{border-left:1px solid var(--wc-line)}.task-overview span,.result-metrics span,.task-progress span{color:var(--wc-muted)}.task-overview strong,.result-metrics strong{color:var(--wc-ink);font-family:var(--wc-font-display);font-size:1.35rem;font-weight:650}.task-progress progress,.learning-progress progress{background:var(--wc-line)}progress::-webkit-progress-bar{background:var(--wc-line)}progress::-webkit-progress-value{background:var(--wc-brand)}progress::-moz-progress-bar{background:var(--wc-brand)}.today-task__start{color:var(--wc-on-brand);background:radial-gradient(circle at 50% 12%, #ffffff1c, transparent 34%), var(--wc-brand);border-radius:16px}.weekly-report-preview{border-color:var(--wc-line);background:var(--wc-surface-soft);box-shadow:none}.weekly-preview-content dt,.profile-definitions dt{color:var(--wc-muted)}.weekly-preview-content dd,.profile-definitions dd{color:var(--wc-ink)}.weekly-preview-content dl>div,.profile-definitions>div+div,.profile-definitions{border-color:var(--wc-line)}.profile-definitions span{color:var(--wc-muted)}.learning-page{width:min(100% - 64px,820px)}.learning-progress{z-index:8;border:1px solid var(--wc-line);color:var(--wc-ink);background:color-mix(in srgb, var(--wc-surface) 90%, transparent);box-shadow:0 18px 40px var(--wc-shadow);-webkit-backdrop-filter:blur(18px)saturate(130%);border-radius:18px;position:sticky;top:86px}.learning-progress__main,.learning-progress__round{color:var(--wc-muted)}.learning-progress__main strong,.learning-progress__round strong{color:var(--wc-brand)}.learning-progress__round{border-color:var(--wc-line)}.learning-progress progress{background:var(--wc-line)}.learning-progress progress::-webkit-progress-bar{background:var(--wc-line)}.learning-progress progress::-webkit-progress-value{background:var(--wc-brand)}.learning-progress progress::-moz-progress-bar{background:var(--wc-brand)}.round-sound-toggle{border-color:var(--wc-line);color:var(--wc-muted);background:var(--wc-surface-soft)}.round-sound-toggle:hover{border-color:var(--wc-line-strong);background:var(--wc-surface-raised)}.round-sound-toggle svg,.round-sound-toggle strong{color:var(--wc-brand)}.round-sound-toggle[aria-pressed=false] svg,.round-sound-toggle[aria-pressed=false] strong{color:var(--wc-danger)}.learning-card{border:1px solid var(--wc-line);color:var(--wc-ink);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--wc-accent) 9%, transparent), transparent 22%), var(--wc-surface-raised);box-shadow:0 24px 60px var(--wc-shadow);border-radius:22px;padding:42px}.learning-card:before{background:linear-gradient(90deg, var(--wc-accent), transparent 72%);height:3px}.learning-card__meta,.pronunciation-line{color:var(--wc-muted)}.learning-card h1{color:var(--wc-brand);font-family:var(--wc-font-word);letter-spacing:-.035em;font-size:clamp(3.8rem,9vw,6rem);font-weight:700;line-height:1}.pronunciation-line>span{color:var(--wc-ink-soft);font-size:1.18rem}.pronunciation-line>span,.vocabulary-result__word>div>span,.word-pronunciation-list article>strong{font-family:var(--wc-font-phonetic);font-variant-ligatures:none;letter-spacing:.04em;font-weight:500;line-height:1.5}.word-definition{border-color:var(--wc-line)}.word-definition span{color:var(--wc-accent)}.word-definition strong{color:var(--wc-ink);font-size:1.24rem;font-weight:650}.example-block{border-color:var(--wc-line);color:var(--wc-ink-soft);background:var(--wc-surface-soft);border-radius:16px}.example-block svg,.example-block .example-meaning{color:var(--wc-brand)}.example-block span,.example-block .example-translation{color:var(--wc-muted)}.question-heading{color:var(--wc-accent)}.question-heading strong{color:var(--wc-muted)}.question-card .question-prompt{color:var(--wc-ink);font-family:var(--wc-font-display);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:650}.question-translation{border-color:var(--wc-accent);color:var(--wc-ink-soft);background:var(--wc-surface-warm)}.listening-button{border-color:var(--wc-line-strong);color:var(--wc-brand);background:var(--wc-brand-soft);border-radius:16px}.answer-option{border-color:var(--wc-line);min-height:66px;color:var(--wc-ink);background:var(--wc-surface);border-radius:13px}.answer-option:hover{border-color:var(--wc-line-strong);color:var(--wc-ink);background:var(--wc-surface-raised)}.answer-option--selected{border-color:var(--wc-brand);color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:0 10px 24px color-mix(in srgb, var(--wc-brand) 18%, transparent)}.spelling-field{color:var(--wc-ink-soft)}.spelling-field input{border-color:var(--wc-line-strong);min-height:74px;color:var(--wc-ink);background:var(--wc-surface);font-family:var(--wc-font-word);letter-spacing:.06em;border-radius:13px;font-size:1.45rem}.spelling-field input:focus{border-color:var(--wc-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--wc-brand) 11%, transparent)}.spelling-hint,.spelling-reveal{border-color:color-mix(in srgb, var(--wc-accent) 50%, var(--wc-line));color:var(--wc-ink-soft);background:var(--wc-accent-soft);border-radius:14px}.spelling-hint--retry{border-color:var(--wc-line);color:var(--wc-ink-soft);background:var(--wc-brand-soft)}.spelling-reveal strong{color:var(--wc-brand);font-family:var(--wc-font-word)}.round-complete-card{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--wc-accent) 16%, transparent), transparent 36%), var(--wc-surface-raised)}.round-complete-card__icon{color:var(--wc-on-brand);background:var(--wc-brand);box-shadow:0 0 0 10px color-mix(in srgb, var(--wc-brand) 10%, transparent), 0 16px 30px color-mix(in srgb, var(--wc-brand) 18%, transparent)}.round-complete-card__eyebrow,.round-complete-card>p:not(.round-complete-card__eyebrow){color:var(--wc-muted)}.round-complete-card h1{color:var(--wc-ink)}.round-complete-card__words strong{border-color:var(--wc-line);color:var(--wc-brand);background:var(--wc-brand-soft)}.student-list{gap:16px}.student-row{border-color:var(--wc-line);background:var(--wc-surface);border-radius:16px}.student-row__identity h3,.student-row__details dd{color:var(--wc-ink)}.student-row__identity span,.student-row__details dt,.student-result-summary{color:var(--wc-muted)}.student-avatar{color:var(--wc-on-brand);background:var(--wc-brand)}.student-row__details>div,.student-result-summary{border-color:var(--wc-line)}.student-result-summary strong{color:var(--wc-ink)}.report-back,.result-back{color:var(--wc-muted)}.report-heading,.result-heading,.word-detail-heading,.report-heading h1,.result-heading h1,.word-detail-heading h1{color:var(--wc-ink)}.report-metrics,.ability-grid,.trial-metrics,.system-status-grid,.quality-review-list,.ai-error-pattern-grid,.word-personal-overview{border-color:var(--wc-line);background:0 0}.report-metrics article,.ability-result,.trial-metrics article,.system-status-grid article,.quality-review-list article,.ai-error-pattern-grid article,.word-personal-overview article{color:var(--wc-ink);background:var(--wc-surface)}.report-metrics article+article,.trial-metrics article+article,.system-status-grid article+article{border-color:var(--wc-line)}.report-metrics span,.ability-result span,.trial-metrics span,.system-status-grid span,.system-status-grid small,.quality-review-list span,.word-personal-overview span{color:var(--wc-muted)}.report-metrics strong,.ability-result strong,.trial-metrics strong,.system-status-grid strong,.quality-review-list strong,.word-personal-overview strong{color:var(--wc-ink)}.range-switch{border-color:var(--wc-line);background:var(--wc-surface-soft)}.range-switch button{color:var(--wc-muted)}.range-switch button[aria-pressed=true]{color:var(--wc-on-brand);background:var(--wc-brand)}.report-chart{border-color:var(--wc-line);background:var(--wc-surface)}.report-chart__track{background:var(--wc-line)}.report-chart__bar{background:var(--wc-brand)}.report-chart__value,.report-chart__column span{color:var(--wc-muted)}.word-error-list article,.result-error-word-list article,.ai-error-word-list article,.textbook-source-list article,.word-pronunciation-list article,.word-sense-list article,.word-relation-list article,.word-example{border-color:var(--wc-line);color:var(--wc-ink);background:var(--wc-surface)}.word-error-list__word,.vocabulary-result__word,.word-detail-heading h1{color:var(--wc-brand);font-family:var(--wc-font-word)}.feedback-form textarea,.ai-message-form textarea,.vocabulary-search-form input{border-color:var(--wc-line-strong);color:var(--wc-ink);background:var(--wc-surface);border-radius:12px}.feedback-form textarea:focus,.ai-message-form textarea:focus,.vocabulary-search-form input:focus{border-color:var(--wc-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--wc-brand) 11%, transparent)}.vocabulary-search-panel{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--wc-accent) 9%, transparent), transparent 30%), var(--wc-surface-raised)}.vocabulary-result{border-color:var(--wc-line);background:var(--wc-surface)}.vocabulary-result__definition,.vocabulary-result__state,.vocabulary-list-summary{color:var(--wc-muted)}.ai-mode-list button,.ai-conversation-list button,.word-ai-assist,.ai-safety-notice,.ai-quota-meter{border-color:var(--wc-line);color:var(--wc-ink);background:var(--wc-surface)}.ai-mode-list button[aria-pressed=true],.ai-conversation-list button[aria-pressed=true]{border-color:var(--wc-brand);color:var(--wc-on-brand);background:var(--wc-brand)}.ai-message{border-color:var(--wc-line);color:var(--wc-ink);background:var(--wc-surface)}.ai-message--user{color:var(--wc-on-brand);background:var(--wc-brand)}.ai-generated-answer,.word-example--ai{border-color:color-mix(in srgb, var(--wc-accent) 38%, var(--wc-line));background:var(--wc-accent-soft)}.loading-screen{color:var(--wc-ink);background:var(--wc-page)}.loading-screen__dot{background:var(--wc-brand)}@media (prefers-reduced-motion:no-preference){.page-content>*{animation:.46s cubic-bezier(.16,1,.3,1) both wc-rise-in}.page-content>:nth-child(2){animation-delay:55ms}.page-content>:nth-child(3){animation-delay:.1s}.page-content>:nth-child(4){animation-delay:.145s}.learning-card{animation:.42s cubic-bezier(.16,1,.3,1) both wc-card-in}}@keyframes wc-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wc-card-in{0%{opacity:0;transform:translateY(12px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.login-layout{grid-template-columns:minmax(0,.72fr) minmax(430px,1.28fr)}.login-intro,.login-card{padding:40px 34px}}@media (width<=760px){.login-page{padding:0}.login-layout{border:0;border-radius:0;grid-template-columns:1fr;min-height:100dvh}.login-intro{min-height:268px;padding:26px 20px 30px}.login-intro:after{font-size:15rem;bottom:-.16em;right:-.08em}.login-intro h1{font-size:2.5rem}.login-intro__copy{max-width:330px;margin-top:12px;font-size:.88rem;line-height:1.6}.login-card{padding:25px 20px 36px}.account-option{min-height:64px}.app-header{min-height:66px;padding-inline:16px}.page-content{width:min(100% - 32px,1180px);padding:34px 0 56px}.page-heading{margin-bottom:30px}.page-heading h1,.student-hero h1{font-size:clamp(2.5rem,12vw,3.8rem)}.content-section,.profile-card,.report-section{border-radius:17px;padding:22px 18px}.student-hero{border-radius:18px;min-height:255px;padding:30px 24px 68px}.student-hero:after{font-size:4.5rem;bottom:-.08em;right:-.08em}.student-milestones{gap:10px;width:calc(100% - 20px);margin-top:-38px}.student-milestone-card{border-radius:15px;gap:12px;min-height:136px;padding:17px 14px}.student-milestone-card__icon{border-radius:11px;width:40px;height:40px}.student-milestone-card strong{font-size:clamp(1.45rem,7vw,1.9rem)}.today-task{border-radius:17px;grid-template-columns:1fr;row-gap:0}.today-task__start{border-radius:999px;flex-direction:row;grid-area:auto/1;min-height:58px}.task-overview article{padding:14px 8px}.task-overview article+article{border-left:1px solid var(--wc-line)}.weekly-preview-content dl>div,.profile-definitions>div+div{border-color:var(--wc-line)}.learning-page{width:min(100% - 32px,820px)}.learning-progress{border-radius:16px;padding:17px;position:static}.learning-card{border-radius:18px;padding:27px 19px}.learning-card h1{font-size:clamp(3rem,15vw,4.5rem)}.question-card .question-prompt{font-size:clamp(1.8rem,9vw,2.7rem)}.answer-options{grid-template-columns:1fr}.spelling-field input{min-height:68px;font-size:1.28rem}.student-row,.vocabulary-result{border-radius:14px}}@media (width<=420px){.account-list--students{grid-template-columns:1fr 1fr}.account-list--students .account-option{gap:8px;padding-inline:8px}.account-list--students .account-option__avatar{width:34px;height:34px}}@media (prefers-reduced-transparency:reduce){.app-header,.learning-progress{background:var(--wc-surface);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.page-content>*,.learning-card{animation:none!important}}
