@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";.whack-page{max-width:1080px;color:var(--ink);margin:0 auto;animation:.35s both page-in}.whack-home-card{background:linear-gradient(135deg,#fbfef9,#eef8f3);border-color:#d9e9df;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.whack-home-card h2{color:var(--ink);letter-spacing:-.04em;margin:9px 0 7px;font-size:21px}.whack-home-card p{color:#7f9091;max-width:640px;margin:0;font-size:12px;line-height:1.7}.whack-back{color:#7a8d8f;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.whack-back:hover{color:var(--teal)}.whack-eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font:500 10px/1 DM Mono,monospace}.whack-hero{color:#fff;background:linear-gradient(112deg,#145e6d,#228f8c 60%,#76ad45);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;min-height:225px;padding:38px 46px;display:flex;position:relative;overflow:hidden}.whack-hero:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:330px;height:330px;position:absolute;top:-90px;right:-90px}.whack-hero h1{letter-spacing:-.075em;margin:14px 0 10px;font-size:clamp(34px,5vw,54px);line-height:1}.whack-hero p{color:#ffffffc2;max-width:520px;margin:0;font-size:13px;line-height:1.7}.whack-hero .whack-eyebrow{color:#effffacc}.whack-hero-mark{text-align:center;z-index:1;border:1px solid #fff6;border-radius:50%;flex:none;place-content:center;width:140px;height:140px;display:grid;position:relative;transform:rotate(7deg)}.whack-hero-mark:before{content:"";border:1px dashed #ffffff61;border-radius:50%;position:absolute;inset:14px}.whack-hero-mark span,.whack-hero-mark small{z-index:1;display:block;position:relative}.whack-hero-mark span{letter-spacing:-.08em;font-size:42px;font-weight:800}.whack-hero-mark small{color:#ffffffb3;letter-spacing:.12em;font:9px DM Mono,monospace}.whack-setup-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px;display:grid}.whack-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:27px}.whack-section-title h2{color:var(--ink);letter-spacing:-.045em;margin:9px 0 20px;font-size:22px}.whack-source-grid{gap:9px;display:grid}.whack-source-card,.whack-direction-grid button{color:#557074;text-align:left;background:#fbfdfc;border:1px solid #dce8e3;border-radius:12px;padding:15px;transition:all .18s}.whack-source-card:hover,.whack-direction-grid button:hover,.whack-source-card.selected,.whack-direction-grid button.selected{background:#eff9f4;border-color:#8bcbbb;transform:translateY(-1px)}.whack-source-card strong,.whack-source-card span,.whack-direction-grid strong,.whack-direction-grid span{display:block}.whack-source-card strong,.whack-direction-grid strong{color:var(--ink);font-size:14px}.whack-source-card span,.whack-direction-grid span{color:#8c9b9d;margin-top:5px;font-size:11px}.whack-filters{border-top:1px solid #edf1ef;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;display:grid}.whack-filters label{color:#758588;gap:6px;font-size:11px;font-weight:700;display:grid}.whack-filters select{min-width:0;color:var(--ink);background:#fbfdfc;border:1px solid #d5e3de;border-radius:9px;padding:10px}.whack-check{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;font-weight:600!important;display:flex!important}.whack-check input{accent-color:var(--teal)}.whack-direction-grid{gap:9px;display:grid}.whack-ready{background:#f2f8f4;border-radius:13px;grid-template-columns:1fr auto;align-items:end;gap:4px 10px;margin:21px 0 16px;padding:17px;display:grid}.whack-ready span{color:#7f9192;font-size:11px}.whack-ready strong{color:var(--teal);letter-spacing:-.06em;font-size:30px}.whack-ready small{color:#93a19f;grid-column:1/-1;font-size:10px}.whack-start{width:100%}.whack-error{color:#a55d6c;background:#fbe9ed;border-radius:9px;margin-bottom:12px;padding:10px 11px;font-size:11px;line-height:1.5}.whack-note{color:#94a1a1;text-align:center;margin:18px 0;font-size:11px}.whack-loading{color:#849395;place-items:center;min-height:480px;font-size:13px;display:grid}.whack-playing{max-width:980px}.whack-game-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:17px;display:grid}.whack-game-top .whack-back{margin:0}.whack-timer{background:#ffffffbf;border:1px solid #cfe1db;border-radius:11px;align-items:baseline;gap:3px;padding:5px 13px 6px;display:flex}.whack-timer span{color:#8a9b9b;letter-spacing:.1em;margin-right:7px;font:9px DM Mono,monospace}.whack-timer strong{color:var(--teal);letter-spacing:-.08em;font:800 25px DM Mono,monospace}.whack-timer small{color:#8ba0a0;font:11px DM Mono,monospace}.whack-timer .rush-time{color:#cc6a76}.whack-live-stats{color:#8b9a9c;justify-content:flex-end;gap:16px;font:10px DM Mono,monospace;display:flex}.whack-live-stats strong{color:var(--ink);font-size:14px}.whack-phase-row{color:#8a999b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:0 2px;display:flex}.whack-phase-row>span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font:600 11px DM Mono,monospace}.whack-phase-row .final-rush{color:#cb6976}.whack-phase-row small{font-size:10px}.whack-arena{background:linear-gradient(145deg,#fbfdfb,#eef7f2);border:1px solid #d9e8e2;border-radius:24px;min-height:630px;padding:30px 35px 24px;position:relative;overflow:hidden}.whack-arena:before{content:"";pointer-events:none;border:1px dashed #167c891f;border-radius:50%;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)}.whack-target-label,.whack-target,.whack-pos,.whack-holes,.whack-arena-foot{z-index:1;position:relative}.whack-target-label{color:#8d9e9e;letter-spacing:.15em;text-align:center;text-transform:uppercase;font:10px DM Mono,monospace}.whack-target{max-width:700px;min-height:70px;color:var(--ink);letter-spacing:-.06em;text-align:center;margin:10px auto 3px;font-size:clamp(27px,4vw,42px);font-weight:800;line-height:1.25}.whack-pos{color:#87a0a0;text-align:center;height:17px;font-size:11px}.whack-feedback{z-index:4;white-space:nowrap;border-radius:9px;align-items:center;gap:10px;max-width:calc(100% - 36px);padding:9px 13px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 9px 20px #1f4b4814}.whack-feedback strong{font-size:12px}.whack-feedback span{color:#6d8180;font-size:11px}.whack-feedback.correct{color:#5a8734;background:#eff8e4}.whack-feedback.wrong{color:#a1633e;background:#fff2e6}.whack-feedback.miss{color:#9a6670;background:#fbecef}.whack-holes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(780px,100%);margin:35px auto 24px;display:grid}.whack-hole{color:#46666a;text-align:center;background:#ffffffe0;border:1px solid #cddfd8;border-radius:20px;min-height:144px;padding:13px 12px 16px;transition:all .16s;position:relative;overflow:hidden;box-shadow:0 9px #dcebe4,0 15px 20px #30645d0f}.whack-hole:after{content:"";background:#d8eae1;border-radius:50%;width:120px;height:45px;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.whack-hole:hover:not(:disabled){border-color:var(--teal);background:#f8fffb;transform:translateY(-5px);box-shadow:0 13px #d3e7dd,0 18px 24px #30645d1a}.whack-hole:disabled{cursor:default}.whack-hole strong,.whack-hole-index,.whack-mole-mark,.whack-empty-mark{z-index:1;display:block;position:relative}.whack-hole strong{min-height:41px;color:var(--ink);font-size:clamp(13px,1.7vw,17px);line-height:1.35}.whack-hole-index{color:#a0b0ad;text-align:left;font:10px DM Mono,monospace}.whack-mole-mark{color:#79ad6b;margin:2px 0 5px;font-size:30px;line-height:.75}.whack-hole-occupied .whack-mole-mark{animation:1.8s ease-in-out infinite whack-mole-rise}.whack-hole:nth-child(2n) .whack-mole-mark{animation-delay:.22s}.whack-hole:nth-child(3n) .whack-mole-mark{animation-delay:.46s}.whack-hole-empty{color:#a4b5af;background:#f1f8f4b8;border-color:#dbe9e2;box-shadow:0 9px #e4eee9,0 15px 20px #30645d08}.whack-hole-empty:after{background:#dcebe4}.whack-empty-mark{color:#c0cfca;min-height:41px;margin:2px 0 5px;font-size:30px;line-height:.75}.whack-hole.hit{background:#eff8e3;border-color:#9dcf76;transform:translateY(7px);box-shadow:0 4px #c6e1af,0 7px 12px #3c7d391a}.whack-hole.wrong{background:#fff1ee;border-color:#dda4a1;animation:.24s whack-shake}.whack-hole.miss{background:#f9eef0;border-color:#d8b8bf}.whack-hole.hit .whack-mole-mark{color:#5a9639}.whack-hole.wrong .whack-mole-mark,.whack-hole.miss .whack-mole-mark{color:#b87880}@keyframes whack-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes whack-mole-rise{0%,to{opacity:.64;transform:translateY(5px)}35%,70%{opacity:1;transform:translateY(-3px)}}.whack-target-pending{color:#88a09c;font-size:24px}.whack-arena-foot{color:#99a7a5;justify-content:space-between;gap:12px;font-size:10px;display:flex}.whack-arena-foot span:last-child{color:var(--teal);font-family:DM Mono,monospace}.whack-result-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.whack-result-head h1{letter-spacing:-.065em;margin:12px 0 8px;font-size:40px}.whack-result-head p{color:#849395;margin:0;font-size:13px}.whack-grade{width:90px;height:90px;color:var(--teal);text-align:center;background:#eff8f0;border:1px solid #c4dfce;border-radius:50%;place-content:center;display:grid}.whack-grade span{letter-spacing:.1em;font:9px DM Mono,monospace}.whack-grade strong{font-size:35px;line-height:1}.whack-result-score{color:#fff;background:linear-gradient(112deg,#165f70,#228e8b 65%,#65a64a);border-radius:18px;padding:25px 30px}.whack-result-score span,.whack-result-score strong,.whack-result-score small{display:block}.whack-result-score span{color:#ffffffb8;font-size:12px}.whack-result-score strong{letter-spacing:-.1em;margin:8px 0 5px;font:800 clamp(40px,7vw,64px) DM Mono,monospace}.whack-result-score small{color:#ffffffa1;letter-spacing:.1em;font:9px DM Mono,monospace}.whack-result-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin:15px 0 20px;display:grid}.whack-result-grid>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.whack-result-grid span,.whack-result-grid strong{display:block}.whack-result-grid span{color:#8c9c9c;font-size:11px}.whack-result-grid strong{color:var(--teal);margin-top:8px;font:700 24px DM Mono,monospace}.whack-strength-panel{background:linear-gradient(135deg,#fffef8,#f4f8ea);border:1px solid #e1e9d8;border-radius:18px;grid-template-columns:.85fr 1.15fr;gap:25px;padding:26px;display:grid}.whack-strength-panel h2{letter-spacing:-.04em;margin:9px 0 7px;font-size:21px}.whack-strength-panel p{color:#82907d;margin:0;font-size:11px;line-height:1.6}.whack-strength-list{gap:8px;display:grid}.whack-strength-list div{background:#fffc;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 13px;display:flex}.whack-strength-list strong{color:var(--ink);font:600 13px DM Mono,monospace}.whack-strength-list span{color:#788a7a;text-align:right;font-size:11px}.whack-no-issues{color:#668060;align-self:center;font-size:12px}.whack-result-actions{justify-content:center;gap:9px;margin-top:22px;display:flex}@media (width<=760px){.whack-home-card{display:block}.whack-home-card .button{margin-top:15px}.whack-setup-grid,.whack-strength-panel{grid-template-columns:1fr}.whack-arena{min-height:570px;padding:27px 18px 20px}.whack-holes{gap:11px;margin-top:28px}.whack-hole{border-radius:16px;min-height:126px}.whack-game-top{grid-template-columns:1fr auto}.whack-live-stats{grid-column:1/-1;justify-content:flex-start}.whack-game-top .whack-timer{grid-area:1/2}.whack-game-top .whack-back{grid-area:1/1}.whack-result-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.whack-hero{min-height:210px;padding:29px 25px}.whack-hero-mark{width:92px;height:92px}.whack-hero-mark:before{inset:10px}.whack-hero-mark span{font-size:29px}.whack-hero-mark small{font-size:7px}.whack-panel{padding:21px}.whack-filters{grid-template-columns:1fr}.whack-check{grid-column:auto}.whack-arena{min-height:530px}.whack-holes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.whack-hole{border-radius:13px;min-height:108px;padding:10px 5px 11px}.whack-hole strong{overflow-wrap:anywhere;font-size:11px}.whack-feedback{text-align:center;white-space:normal;display:block}.whack-feedback span{margin-top:3px;display:block}.whack-arena-foot{line-height:1.8;display:block}.whack-arena-foot span{display:block}.whack-result-head h1{font-size:32px}.whack-result-actions{flex-direction:column}.whack-result-actions .button{width:100%}}:root{color:#17343a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17343a;--muted:#728287;--line:#e0e8e4;--paper:#fff;--teal:#167c89;--teal-dark:#0c626d;--green:#8bc53f;--pink:#ee7f9d;--blue:#39a9cb;--soft-green:#ebf3df;--soft-pink:#fbe9ed;--soft-blue:#e6f3f7;background:#f5f6f2;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 0,#eef6ef 0,#0000 30%),#f5f6f2;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #d8e5e0cc;height:78px;position:sticky;top:0}.topbar-inner{align-items:center;gap:48px;width:min(1180px,100% - 56px);height:100%;margin:auto;display:flex}.brand{align-items:center;width:205px;height:36px;display:flex;overflow:hidden}.brand img{object-fit:contain;object-position:left center;width:auto;max-width:100%;max-height:36px;display:block}.main-nav{flex:1;align-items:center;gap:28px;height:100%;display:flex}.nav-link{color:#7d8b8f;align-items:center;height:100%;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";background:var(--teal);border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.topbar-continue{color:var(--teal-dark);white-space:nowrap;border:1px solid #cfe2dd;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:800;transition:all .2s}.topbar-continue:hover{border-color:var(--teal);background:var(--soft-blue);transform:translateY(-1px)}.topbar-continue span,.button span{margin-left:8px;font-size:16px}.main-content{flex:1;width:min(1180px,100% - 56px);margin:0 auto;padding:54px 0 70px}.footer-note{color:#9aa8a8;justify-content:space-between;width:min(1180px,100% - 56px);margin:auto;padding:0 0 28px;font-size:12px;display:flex}.page{animation:.35s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.narrow-page{max-width:960px;margin:auto}.page-heading,.section-title-row{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.page-heading{margin-bottom:36px}.page-heading h1,.section-title-row h1{letter-spacing:-.045em;color:var(--ink);margin:8px 0 9px;font-size:clamp(28px,4vw,42px);line-height:1.12}.section-title-row{align-items:center;margin-bottom:32px}.section-title-row h1{font-size:34px}.section-description,.page-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font:500 11px/1 DM Mono,monospace}.eyebrow-light{color:#eefffabd}.quiet-link,.text-link,.back-link{color:var(--teal);font-size:13px;font-weight:700}.quiet-link:hover,.text-link:hover,.back-link:hover{color:var(--teal-dark)}.back-link{color:#71838a;margin-bottom:28px;display:inline-block}.button{white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;padding:13px 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #1c5f6426}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary,.button:not(.button-secondary):not(.button-ghost):not(.button-soft){background:var(--teal);color:#fff}.button-primary:hover:not(:disabled),.button:hover:not(:disabled){background:var(--teal-dark)}.button-secondary{color:var(--teal-dark);background:#fff;border:1px solid #cfe1dc}.button-ghost{color:#708186;background:0 0}.button-soft{background:var(--soft-green);color:#537a27}.welcome-strip{color:#fff;background:linear-gradient(110deg,#1d7f87,#248f90 55%,#9bc542);border-radius:24px;justify-content:space-between;align-items:center;min-height:245px;margin-bottom:26px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.welcome-strip h1{letter-spacing:-.045em;margin:15px 0 12px;font-size:34px}.welcome-strip p{color:#ffffffc7;max-width:450px;margin:0;font-size:14px}.welcome-shape{border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;gap:9px;width:180px;height:180px;display:flex;position:relative;transform:rotate(-10deg)}.welcome-shape:after{content:"";border:1px dashed #ffffff59;border-radius:50%;width:122px;height:122px;position:absolute}.welcome-shape span{z-index:1;font-size:14px;font-weight:800;position:relative}.welcome-shape span:first-child{color:#ffcada}.welcome-shape span:nth-child(2){color:#dff9a8}.welcome-shape span:nth-child(3){color:#bceff8}.empty-state{text-align:center;background:#ffffff8a;border:1px dashed #cddbd5;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:48px 24px;display:flex}.empty-mark{width:38px;height:38px;color:var(--teal);background:var(--soft-blue);border-radius:13px;place-items:center;margin-bottom:16px;display:grid}.empty-state h2{letter-spacing:-.02em;margin:0 0 8px;font-size:20px}.empty-state p{color:var(--muted);margin:0 0 22px;font-size:13px}.home-heading{align-items:center}.today-card{color:#fff;background:linear-gradient(110deg,#166f7e 0%,#238d8e 63%,#459f8c 100%);border-radius:24px;justify-content:space-between;align-items:center;min-height:280px;margin-bottom:22px;padding:42px 52px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 38px #16676d29}.today-card:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:410px;height:410px;position:absolute;top:-110px;right:-125px}.today-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:320px;height:320px;position:absolute;top:-63px;right:-64px}.today-copy{z-index:1;max-width:540px;position:relative}.today-copy h2{letter-spacing:-.045em;margin:14px 0 10px;font-size:30px}.today-copy p{color:#ffffffc2;max-width:480px;margin:0 0 25px;font-size:14px;line-height:1.65}.today-copy .button{color:var(--teal-dark);background:#fff}.today-copy .button:hover{background:#effdfa}.today-orbit{z-index:1;text-align:center;border:1px solid #ffffff57;border-radius:50%;place-content:center;width:190px;height:190px;display:grid;position:relative;transform:rotate(7deg)}.today-orbit:before{content:"";border:1px dashed #ffffff59;border-radius:50%;width:140px;height:140px;position:absolute;top:24px;left:24px}.orbit-word,.orbit-label{z-index:1;position:relative}.orbit-word{letter-spacing:-.08em;font-size:52px;font-weight:800}.orbit-label{color:#ffffffb3;font-size:11px}.today-orbit i,.today-orbit b{border-radius:50%;width:9px;height:9px;position:absolute}.today-orbit i{background:#ed87a2;top:21px;left:31px}.today-orbit b{background:#b6e06a;bottom:26px;right:20px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:132px;padding:22px;display:flex}.stat-card strong{letter-spacing:-.05em;color:var(--ink);font-size:31px}.stat-label{color:#67787d;font-size:13px;font-weight:700}.stat-note{color:#a0acae;font-size:11px}.tone-pink{border-top:3px solid var(--pink)}.tone-green{border-top:3px solid var(--green)}.tone-blue{border-top:3px solid var(--blue)}.tone-ink{border-top:3px solid #8da0a0}.home-lower-grid,.progress-layout{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.soft-panel,.tip-panel,.import-card,.list-side-card,.word-table-card{border:1px solid var(--line);background:#fff;border-radius:18px}.soft-panel{padding:28px}.soft-panel .section-title-row{margin-bottom:24px}.soft-panel .section-title-row h1{margin:7px 0 4px;font-size:21px}.soft-panel .section-description{font-size:12px}.rhythm-row,.rhythm-foot{color:#758488;justify-content:space-between;align-items:center;font-size:12px;display:flex}.rhythm-row strong{color:var(--ink);font-size:27px}.rhythm-row small{font-size:12px;font-weight:600}.rhythm-track,.big-progress,.mini-progress{background:#edf1ee;border-radius:99px;height:7px;overflow:hidden}.rhythm-track{margin:18px 0 10px}.rhythm-track span,.big-progress span,.mini-progress span{background:linear-gradient(90deg, var(--teal), #73bb77);border-radius:inherit;height:100%;display:block}.tip-panel{background:linear-gradient(130deg,#fffef6,#f4f8e9);border-color:#e5ead3;align-items:flex-start;gap:17px;padding:28px;display:flex}.tip-icon{color:#85b543;font-size:22px}.tip-panel strong{color:#526f31;font-size:14px}.tip-panel p{color:#73806b;margin:10px 0 0;font-size:13px;line-height:1.7}.lists-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.import-card,.list-side-card{padding:27px}.import-card-head,.side-card-head,.preview-summary,.preview-actions,.list-row,.list-main,.list-row-actions{align-items:center;display:flex}.import-card-head,.side-card-head,.preview-summary{justify-content:space-between}.import-card h2,.list-side-card h2{letter-spacing:-.03em;margin:8px 0 22px;font-size:20px}.file-types{color:#98a5a5;font:11px DM Mono,monospace}.dropzone{width:100%;min-height:192px;color:var(--teal);background:#f6fbf8;border:1px dashed #bfdbd3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;transition:all .2s;display:flex}.dropzone:hover{border-color:var(--teal);background:#edf8f3;transform:translateY(-2px)}.dropzone strong{font-size:14px}.dropzone span:last-child{color:#95a5a5;font-size:11px}.drop-icon{color:#55a37d;background:#e1f1ea;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;font-weight:400;display:grid}.inline-error{background:var(--soft-pink);color:#a45b69;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:12px}.preview-box{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.preview-summary{margin-bottom:16px;font-size:14px}.preview-summary>div{gap:5px;display:flex}.badge{color:#718083;white-space:nowrap;background:#eef2f0;border-radius:99px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{color:#5a8a31;background:var(--soft-green)}.badge-pink{color:#a95d70;background:var(--soft-pink)}.badge-blue{color:#317f9a;background:var(--soft-blue)}.field-label{color:#7a8a8d;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.field-label input,.new-list-form input{color:var(--ink);background:#fcfdfc;border:1px solid #d7e2de;border-radius:8px;outline:none;padding:9px 10px}.field-label input:focus,.new-list-form input:focus,.spelling-body input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e1f2ed}.preview-table{border:1px solid #e4ebe7;border-radius:9px;overflow:hidden}.preview-table-head,.preview-row{grid-template-columns:.85fr 1.5fr;gap:12px;padding:9px 11px;font-size:11px;display:grid}.preview-table-head{color:#91a09e;background:#f5f8f6;font-weight:800}.preview-row+.preview-row{border-top:1px solid #edf1ef}.preview-row span:last-child{color:#6f8083}.muted-note{color:#9aa6a7;font-size:11px;line-height:1.6}.preview-actions{justify-content:flex-end;gap:5px;margin-top:14px}.side-card-head{align-items:flex-start}.side-card-head h2{margin-bottom:0}.new-list-form{align-items:center;gap:4px;display:flex}.new-list-form input{width:108px;padding:7px 8px;font-size:11px}.new-list-form button{width:30px;height:30px;color:var(--teal);background:var(--soft-blue);border:0;border-radius:8px;font-size:20px}.list-stack{margin-top:27px}.list-row{border-top:1px solid #edf1ef;justify-content:space-between;gap:10px;padding:17px 0}.list-main{gap:12px;min-width:0}.list-main strong,.list-main small{display:block}.list-main strong{font-size:14px}.list-main small{color:#9aa6a7;margin-top:5px;font-size:11px}.list-dot{background:#cbd8d4;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f0f4f2}.list-row.is-active .list-dot{background:var(--teal);box-shadow:0 0 0 4px #ddf0ea}.list-row-actions{gap:12px}.small-action{color:var(--teal);background:0 0;border:0;padding:5px;font-size:11px;font-weight:700}.arrow-link{color:#9aacad;font-size:19px}.list-side-card .empty-state{background:#fbfcfb;border:0;min-height:210px;margin-top:18px;padding:20px}.list-side-card .empty-mark{display:none}.word-table-card{overflow:hidden}.word-table-head,.word-table-row{grid-template-columns:48px 1fr 1.6fr 1fr;align-items:center;gap:18px;padding:15px 22px;display:grid}.word-table-head{color:#91a09e;text-transform:uppercase;letter-spacing:.08em;background:#f3f8f5;font:500 10px DM Mono,monospace}.word-table-row{min-height:58px;font-size:13px}.word-table-row+.word-table-row{border-top:1px solid #edf1ef}.word-table-row strong{font-size:15px}.row-index{color:#9aa8a8;font:11px DM Mono,monospace}.word-table-row>span:nth-child(3){color:#65777a}.progress-stats{margin-top:4px}.progress-layout{margin-top:22px}.report-panel .section-title-row{margin-bottom:12px}.report-line{color:#728286;border-bottom:1px solid #edf1ef;justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.report-line strong{color:var(--ink);font-size:17px}.big-progress{height:10px;margin:24px 0 14px}.hard-word-list{flex-direction:column;display:flex}.hard-word{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.hard-word>div strong,.hard-word>div span{display:block}.hard-word strong{font-size:14px}.hard-word span{color:#8a989b;margin-top:4px;font-size:11px}.learn-page{max-width:1000px;margin:auto}.learn-topline{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.learn-topline strong{margin-top:9px;font-size:14px;display:block}.learn-topline em{color:var(--teal);margin-left:5px;font-family:DM Mono,monospace;font-size:12px;font-style:normal}.learn-top-actions{align-items:center;gap:18px;display:flex}.combo-text{color:#779646;font-size:12px;font-weight:700}.pause-button{color:#849193;background:0 0;border:0;font-size:12px}.learn-progress{background:#e7eeea;border-radius:99px;height:5px;margin-bottom:32px;overflow:hidden}.learn-progress span{border-radius:inherit;background:linear-gradient(90deg,#2d9e96,#98c947);height:100%;transition:width .4s;display:block}.learn-workspace{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:22px;display:grid}.question-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;min-height:530px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #32575412}.question-card:before{content:"";background:linear-gradient(90deg,#ef83a0 0 25%,#8dc83d 25% 50%,#35a8c8 50% 75%,#167e8a 75%);height:4px;position:absolute;top:0;left:0;right:0}.question-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:526px;padding:54px 52px 44px;display:flex}.question-kicker{color:#8d9c9e;letter-spacing:.09em;font:500 11px DM Mono,monospace}.exposure-body h1{letter-spacing:-.07em;color:var(--ink);margin:22px 0 10px;font-size:60px}.ipa{color:#83a1a4;font:14px DM Mono,monospace}.meaning-large{color:#45666b;letter-spacing:-.03em;margin:28px 0 5px;font-size:25px;font-weight:600}.part-of-speech{color:#a0abad;font-size:12px}.exposure-actions{gap:10px;margin-top:48px;display:flex}.exposure-actions .button{min-width:116px}.choice-body h2,.spelling-body h2{max-width:580px;color:var(--ink);letter-spacing:-.05em;margin:22px 0 10px;font-size:31px;line-height:1.3}.choice-instruction{color:#9aa7a8;margin:0 0 22px;font-size:13px}.option-list{flex-direction:column;gap:10px;width:min(430px,100%);display:flex}.option-button{text-align:left;color:#425e63;background:#fbfdfc;border:1px solid #dce7e3;border-radius:11px;align-items:center;gap:15px;padding:13px 14px;transition:all .18s;display:flex}.option-button:hover:not(:disabled){border-color:var(--teal);background:#eff9f5;transform:translate(3px)}.option-button>span{color:#759093;background:#edf3f0;border-radius:7px;place-items:center;width:25px;height:25px;font:11px DM Mono,monospace;display:grid}.option-button strong{font-size:13px;font-weight:600}.keyboard-hint{color:#adb8b8;margin-top:18px;font-size:10px}.spelling-body form{gap:8px;width:min(440px,100%);display:flex}.spelling-body input{min-width:0;color:var(--ink);background:#fbfdfc;border:1px solid #d5e2dd;border-radius:10px;outline:none;flex:1;padding:14px 15px;font:15px DM Mono,monospace}.guided-pattern{color:var(--teal);letter-spacing:.13em;margin:23px 0 7px;font:600 20px DM Mono,monospace}.spelling-body .choice-instruction{margin-top:18px}.feedback-bar{z-index:2;border-radius:10px;align-items:center;gap:11px;min-height:49px;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:20px;left:20px;right:20px}.feedback-bar strong{font-size:13px}.feedback-bar span{color:#708184}.feedback-bar small{color:#8b999a;margin-left:auto}.learn-aside{flex-direction:column;gap:12px;display:flex}.aside-card{background:#e9f4e0;border:1px solid #d8e9c8;border-radius:16px;padding:22px}.aside-card strong{color:#4f7735;margin:17px 0 8px;font-size:20px;display:block}.aside-card p{color:#7d926f;margin:0 0 18px;font-size:11px;line-height:1.7}.aside-card small{color:#87a078;margin-top:8px;font-size:10px;display:block}.mini-progress{background:#fffc;height:5px}.aside-note{color:#8b9996;background:#fafcfb;border:1px solid #e0e8e4;border-radius:13px;gap:10px;padding:15px;display:flex}.aside-note span{color:#8fbd47}.aside-note p{margin:0;font-size:11px;line-height:1.6}.loading-state{color:#849395;place-items:center;min-height:380px;font-size:13px;display:grid}.learn-empty,.summary-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:540px;padding:44px;display:flex}.completion-mark{color:#5d923b;background:var(--soft-green);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:19px;font-size:28px;display:grid}.learn-empty h1,.summary-card h1{letter-spacing:-.05em;margin:0 0 10px;font-size:30px}.learn-empty p,.summary-card>p{color:#849294;margin:0 0 27px;font-size:13px}.learn-empty-actions{gap:9px;display:flex}.summary-card>.eyebrow{margin-bottom:14px}.summary-grid{grid-template-columns:repeat(3,120px);gap:12px;margin:10px 0 34px;display:grid}.summary-grid div{background:#f4f8f5;border-radius:12px;padding:15px 8px}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{color:var(--teal);font-size:27px}.summary-grid span{color:#819091;margin-top:5px;font-size:11px}@media (width<=900px){.topbar-inner,.main-content,.footer-note{width:min(100% - 34px,700px)}.topbar-inner{gap:22px}.brand{width:170px}.main-nav{gap:18px}.topbar-continue{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.home-lower-grid,.progress-layout,.lists-layout,.learn-workspace{grid-template-columns:1fr}.learn-aside{grid-template-columns:1fr 1fr;display:grid}.aside-note{align-items:center}.question-card{min-height:500px}.question-body{min-height:496px}}@media (width<=560px){.topbar{height:66px}.topbar-inner,.main-content,.footer-note{width:calc(100% - 28px)}.brand{width:135px;height:34px}.brand img{max-height:34px}.main-nav{gap:12px}.nav-link{font-size:12px}.footer-note{line-height:2;display:block}.footer-note span{display:block}.main-content{padding-top:30px}.page-heading,.section-title-row{display:block}.section-action{margin-top:15px}.welcome-strip{min-height:230px;padding:30px 25px}.welcome-strip h1{font-size:27px}.welcome-shape{width:105px;height:105px;margin-left:8px}.welcome-shape:after{width:73px;height:73px}.today-card{min-height:315px;padding:30px 26px}.today-copy h2{font-size:25px}.today-orbit{width:110px;height:110px;margin-left:8px}.today-orbit:before{width:82px;height:82px;top:13px;left:13px}.orbit-word{font-size:31px}.today-orbit i,.today-orbit b{display:none}.stat-card{min-height:116px;padding:16px}.stat-card strong{font-size:24px}.soft-panel,.tip-panel,.import-card,.list-side-card{padding:20px}.new-list-form input{width:86px}.word-table-head,.word-table-row{grid-template-columns:34px 1fr 1fr;gap:8px;padding:13px}.word-table-head>span:last-child,.word-table-row>span:last-child{display:none}.word-table-row{font-size:11px}.word-table-row strong{font-size:13px}.learn-topline{align-items:flex-end}.learn-top-actions{text-align:right;display:block}.combo-text{margin-bottom:8px;font-size:10px;display:block}.learn-workspace{display:block}.question-card{border-radius:17px}.question-body{min-height:500px;padding:43px 20px 30px}.exposure-body h1{font-size:47px}.meaning-large{font-size:21px}.choice-body h2,.spelling-body h2{font-size:24px}.learn-aside{grid-template-columns:1fr;margin-top:12px}.aside-note{display:none}.feedback-bar{display:block;top:14px;left:12px;right:12px}.feedback-bar span,.feedback-bar small{margin:4px 0 0;display:block}.spelling-body form{display:block}.spelling-body input{width:100%;margin-bottom:9px}.spelling-body form .button{width:100%}.summary-grid{grid-template-columns:repeat(3,1fr);width:100%}.summary-grid strong{font-size:22px}.learn-empty-actions{flex-direction:column;width:100%}.learn-empty-actions .button{width:100%}}.cloud-status{color:#8b9a9b;margin:-10px 0 14px;font-size:11px;line-height:1.6}.cloud-status-ok{color:#5a8a31}.cloud-status-error{color:#a45b69}.student-scope-panel{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.student-scope-panel h2{color:var(--ink);margin:8px 0 5px;font-size:20px}.student-scope-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.student-scope-panel label{color:#718285;gap:7px;min-width:280px;font-size:11px;font-weight:700;display:grid}.student-scope-panel select{min-height:40px;color:var(--ink);background:#fbfdfc;border:1px solid #cfe0db;border-radius:10px;padding:0 11px}.learn-workspace{grid-template-columns:minmax(0,760px);justify-content:center}.learn-aside{display:none}.question-card.card-skin-mascot-shell{border-color:#d8e9c6;box-shadow:0 20px 46px #7296461c}.question-card.card-skin-mascot-shell:before{background:linear-gradient(90deg,#8bc53f,#f3c667,#ee8ca4);height:6px}.question-card.card-skin-mascot-shell:after{content:"✦";color:#8bc53f3b;font-size:28px;position:absolute;bottom:17px;right:22px}.question-card.card-skin-minimal-theme{border-color:#e7e9e5;box-shadow:0 10px 26px #2839350d}.question-card.card-skin-minimal-theme:before{background:#aab8b2;height:2px}.question-card.card-skin-minimal-theme .question-body{padding-top:44px}.question-card.card-visual-review-anchor{box-shadow:0 18px 42px #269b991a}.question-card.card-visual-on-streak{border-color:#c9e3a9}.question-card.card-visual-weak-memory{border-color:#f0d3b5}.question-card.card-visual-overdue{border-color:#efb0bd;box-shadow:0 18px 42px #bc5e721a}.growth-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.growth-metric{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:126px;padding:20px;display:flex}.growth-metric span{color:#718286;font-size:12px;font-weight:700}.growth-metric strong{color:var(--ink);letter-spacing:-.05em;font-size:27px}.growth-metric small{color:#98a5a6;font-size:10px;line-height:1.5}.growth-section,.growth-section .section-title-row{margin-bottom:22px}.skin-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.skin-option{border:1px solid var(--line);min-height:132px;color:var(--ink);text-align:left;background:#fbfdfc;border-radius:14px;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;padding:16px;display:grid}.skin-option:hover,.skin-option.active{border-color:var(--teal);background:#f0faf6}.skin-option strong,.skin-option small{grid-column:2}.skin-option strong{font-size:13px}.skin-option small{color:#8a999b;font-size:10px;line-height:1.5}.skin-preview{background:#fff;border:1px solid #dbe6e1;border-radius:9px;grid-row:span 3;width:32px;height:52px;position:relative;overflow:hidden}.skin-preview:before{content:"";background:linear-gradient(90deg,#ef83a0,#8dc83d,#35a8c8);height:4px;display:block}.skin-preview.card-skin-mascot-shell{border-color:#d5e8c5}.skin-preview.card-skin-mascot-shell:before{background:linear-gradient(90deg,#8bc53f,#f3c667,#ee8ca4);height:6px}.skin-preview.card-skin-minimal-theme:before{background:#aab8b2;height:2px}.growth-note{color:#66833c;background:#f7faee;border:1px solid #e2ead4;border-radius:16px;gap:14px;padding:20px 22px;display:flex}.growth-note>span{font-size:20px}.growth-note strong{font-size:13px}.growth-note p{color:#7d906d;margin:7px 0 0;font-size:11px;line-height:1.7}@media (width<=900px){.student-scope-panel{flex-direction:column;align-items:stretch}.student-scope-panel label{min-width:0}.growth-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.growth-grid,.skin-options{grid-template-columns:1fr}.growth-metric{min-height:108px}}.immersive-learning-shell{background:radial-gradient(circle at 50% 0,#f3fbf8 0,#eef6f4 42%,#e8f0ee 100%);min-height:100vh}.immersive-content{width:min(100%,1000px);min-height:100vh;margin:0 auto;padding:34px 24px 56px}.immersive-content .learn-page{max-width:920px;margin:0 auto}.today-copy .today-primary-cta,.today-copy .today-primary-cta.button,.today-copy .today-primary-cta.button-primary{border:2px solid #fff;border-radius:14px;min-height:48px;padding:13px 22px;font-size:15px;font-weight:800;box-shadow:0 10px 24px #04373233;color:#0d665d!important;background:#fff!important}.today-copy .today-primary-cta:hover:not(:disabled),.today-copy .today-primary-cta:focus-visible{border-color:#eafff8;transform:translateY(-1px);color:#084d47!important;background:#eafff8!important}.student-unit-chooser{gap:12px;margin-bottom:22px;display:grid}.student-unit-chooser .student-scope-panel{margin-bottom:0}.student-unit-chooser .student-scope-panel>button{white-space:nowrap;min-height:44px}.unit-book-group{background:#ffffffc7;border:1px solid #d9e9e4;border-radius:18px;padding:18px}.unit-book-heading{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.unit-book-heading span{color:var(--muted);font-size:12px}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.unit-tile{min-height:94px;color:var(--ink);text-align:left;cursor:pointer;background:#fbfdfc;border:1px solid #d5e5df;border-radius:14px;padding:12px;transition:all .18s}.unit-tile:hover,.unit-tile:focus-visible,.unit-tile.selected{border-color:#1a9b88;transform:translateY(-1px);box-shadow:0 8px 18px #1a9b8824}.unit-tile.selected{background:#f0fffa;outline:2px solid #1a9b8838}.unit-tile-top,.unit-progress,.unit-state{justify-content:space-between;align-items:center;gap:6px;display:flex}.unit-tile-top strong{font-size:13px}.unit-tile-top em{color:#ad5d68;font-size:10px;font-style:normal;font-weight:700}.unit-progress{color:var(--ink);margin-top:13px;font-size:17px;font-weight:800}.unit-state{color:var(--muted);margin-top:5px;font-size:11px}.unit-passed{background:#f4fcf8}.unit-passed .unit-state{color:#187660}.unit-review-due{border-color:#efc2ca}.letter-reorder-body .reorder-answer{min-height:48px;color:var(--ink);letter-spacing:.14em;border:1px dashed #acd2c8;border-radius:12px;justify-content:center;align-items:center;margin:18px 0 14px;padding:10px 14px;font-size:22px;font-weight:800;display:flex}.reorder-letters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reorder-letters button{min-width:42px;min-height:42px;color:var(--teal-dark);cursor:pointer;background:#f8fffc;border:1px solid #b9d8cf;border-radius:10px;font-size:18px;font-weight:800}.reorder-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}@media (width<=640px){.immersive-content{padding:20px 14px 36px}.unit-book-group{padding:13px}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.unit-tile{min-height:84px;padding:9px}.unit-tile-top strong{font-size:11px}.unit-progress{margin-top:10px;font-size:15px}}.student-dashboard-page{width:min(1180px,100%);margin:0 auto;display:block}.student-dashboard-main{min-width:0}.student-personal-sidebar{border:1px solid var(--line);background:#ffffffd6;border-radius:18px;width:250px;padding:22px 18px}.student-identity{align-items:center;gap:11px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg, var(--teal), #8bc53f);border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid}.student-identity strong,.student-identity span,.sidebar-current-learning strong,.sidebar-current-learning>span{display:block}.student-identity strong{color:var(--ink);font-size:14px}.student-identity span,.sidebar-current-learning>span{color:#8a999b;margin-top:4px;font-size:10px}.student-sync-state{color:#6e8883;background:#f1f8f2;border-radius:9px;align-items:center;gap:7px;margin:18px 0 20px;padding:9px 10px;font-size:10px;font-weight:700;display:flex}.student-sync-state i{background:#68b57b;border-radius:50%;width:7px;height:7px}.student-sync-state i.is-error{background:#dc7d89}.student-sidebar-section{border-top:1px solid #edf1ef;padding-top:18px}.student-sidebar-section+.student-sidebar-section{margin-top:18px}.sidebar-metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px;display:grid}.sidebar-metric-grid div{background:#f7faf8;border-radius:10px;min-height:57px;padding:10px 9px}.sidebar-metric-grid strong,.sidebar-metric-grid span{display:block}.sidebar-metric-grid strong{color:var(--ink);font-size:19px}.sidebar-metric-grid span{color:#839194;margin-top:4px;font-size:9px;line-height:1.3}.sidebar-current-learning>strong{color:var(--ink);margin-top:13px;font-size:13px;line-height:1.4}.sidebar-current-unit{color:#5e7f70;background:#edf8f0;border-radius:10px;justify-content:space-between;gap:6px;margin-top:14px;padding:10px;font-size:10px;display:flex}.sidebar-current-unit span{color:#85958e}.student-sidebar-links{border-top:1px solid #edf1ef;gap:4px;margin-top:22px;padding-top:14px;display:grid}.student-sidebar-links a{color:#668087;justify-content:space-between;padding:9px 0;font-size:11px;font-weight:700;display:flex}.student-sidebar-links a:hover{color:var(--teal)}.card-motion-wrapper{will-change:transform, opacity;transform-origin:50%;perspective:1200px;min-width:0}.motion-neutral{animation:.14s both card-motion-neutral}.motion-feedback-positive{animation:.19s both card-feedback-positive}.motion-feedback-negative{animation:.19s both card-feedback-negative}.motion-card-enter{animation:.14s both card-enter}.direction-feedback-layer{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.direction-feedback-layer.feedback-layer-positive,.direction-feedback-layer.feedback-layer-negative{animation:.14s both direction-feedback}.direction-feedback-layer .soft-tint{opacity:1;position:absolute;inset:0}.feedback-layer-positive .soft-tint{background:#22c55e0f}.feedback-layer-negative .soft-tint{background:#ef44440f}.direction-strip{opacity:0;width:16px;position:absolute;top:0;bottom:0}.direction-strip-left{background:#ef4444;left:0}.direction-strip-right{background:#22c55e;right:0}.feedback-layer-positive .direction-strip-right,.feedback-layer-negative .direction-strip-left{opacity:1}@keyframes card-motion-neutral{0%{opacity:1;transform:scale(1)}50%{opacity:.94;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes card-feedback-positive{0%{transform:translate(0)rotate(0)scale(1)}55%{transform:translate(36px)rotate(1.4deg)scale(.985)}to{transform:translate(36px)rotate(1.4deg)scale(.985)}}@keyframes card-feedback-negative{0%{transform:translate(0)rotate(0)scale(1)}55%{transform:translate(-36px)rotate(-1.4deg)scale(.985)}to{transform:translate(-36px)rotate(-1.4deg)scale(.985)}}@keyframes direction-feedback{0%{opacity:0}18%,72%{opacity:1}to{opacity:0}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.combo-emphasis{color:#4d8b58;font-weight:800}.combo-fire{color:#c97936;font-weight:800}.audio-replay-row{color:#718286;align-items:center;gap:12px;margin:8px 0 20px;font-size:12px;display:flex}.speaker-button{width:38px;height:38px;color:var(--teal);background:#f5fbf8;border:1px solid #cfe2dc;border-radius:11px}.reorder-answer{white-space:pre-wrap;letter-spacing:.12em}.checkpoint-word-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(660px,100%);max-height:210px;margin:8px 0 22px;display:grid;overflow:auto}.checkpoint-word-grid div{background:#f5f9f6;border-radius:9px;padding:9px 10px}.checkpoint-word-grid strong,.checkpoint-word-grid span{display:block}.checkpoint-word-grid strong{color:var(--ink);font-size:12px}.checkpoint-word-grid span{color:#849294;margin-top:3px;font-size:10px}.unit-checkpoint-metrics{grid-template-columns:repeat(3,120px);gap:10px;margin:4px 0 18px;display:grid}.unit-checkpoint-metrics div{background:#f1f8f2;border-radius:10px;padding:11px 7px}.unit-checkpoint-metrics strong,.unit-checkpoint-metrics span{display:block}.unit-checkpoint-metrics strong{color:var(--teal);font-size:22px}.unit-checkpoint-metrics span{color:#819091;margin-top:4px;font-size:10px}.checkpoint-final-note,.summary-back-link{color:#8b999b;margin-top:15px;font-size:11px}.summary-back-link{cursor:pointer;background:0 0;border:0;text-decoration:underline}.summary-best-combo{color:#b06b35;letter-spacing:.02em;margin:-8px 0 16px;font:800 13px DM Mono,monospace}.word-complete-notice{color:#5d8834;background:#fff;border:1px solid #dcebd9;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:300px;display:flex;box-shadow:0 18px 42px #32575412}.word-complete-notice strong{color:var(--ink);font-size:28px}.word-complete-notice>span:last-child{color:#7d9283;font-size:12px}@media (width>=1000px){.student-dashboard-page{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px;display:grid}.student-dashboard-page .student-personal-sidebar{position:sticky;top:98px}}@media (width<=999px){.student-dashboard-page{display:block}.student-personal-sidebar{grid-template-columns:1.1fr .9fr;align-items:start;gap:16px 22px;width:100%;margin-bottom:22px;display:grid}.student-identity,.student-sync-state{grid-column:1}.student-sync-state{margin:0}.student-sidebar-section{border-top:0;padding-top:0}.student-sidebar-section+.student-sidebar-section{margin-top:0}.student-sidebar-links{flex-wrap:wrap;grid-column:1/-1;gap:16px;margin-top:0;padding-top:10px;display:flex}.student-sidebar-links a{flex:130px}}@media (width<=699px){.student-personal-sidebar{display:block}.student-sidebar-section,.student-sidebar-links{margin-top:16px}.student-sidebar-links{display:grid}.checkpoint-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-checkpoint-metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}@media (prefers-reduced-motion:reduce){.motion-neutral,.motion-feedback-positive,.motion-feedback-negative,.motion-card-enter,.combo-fire{animation-duration:1ms;animation-iteration-count:1}}.learn-topline{align-items:flex-start}.learn-progress-head{gap:3px;min-width:190px;display:grid}.learn-progress-head strong{color:var(--ink);letter-spacing:-.03em;margin-top:0;font-size:18px}.learn-progress-head small{color:#849294;font-size:11px}.learn-progress{height:6px;margin-bottom:5px}.micro-progress-note{color:#9aa7a8;justify-content:space-between;margin:0 2px 16px;font-size:10px;display:flex}.learn-top-actions{align-items:flex-start;gap:20px}.arcade-combo{text-align:center;transform-origin:50%;align-content:center;place-items:center;min-width:82px;min-height:46px;line-height:.82;animation:.15s both combo-pop;display:grid;position:relative}.arcade-combo strong{color:#176f72;letter-spacing:-.08em;font-size:31px;font-weight:950;display:block}.arcade-combo>span{color:#367c79;letter-spacing:.16em;margin-top:4px;font-size:9px;font-weight:900;display:block}.combo-x3 strong{font-size:35px}.combo-styled strong{color:#1e7675;-webkit-text-stroke:1px #d5f0df;text-shadow:1px 2px #b3d7c6;font-size:39px;transform:rotate(-2deg)}.combo-warm strong{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #a95e2e;text-shadow:1px 2px #96522938;background:linear-gradient(#f6d65b 0%,#f39a35 76%);-webkit-background-clip:text;background-clip:text;font-size:40px;transform:rotate(-2deg)}.combo-warm>span,.combo-fire>span,.combo-legendary>span{color:#9b5b31}.combo-fire strong,.combo-legendary strong{color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #a64928;text-shadow:0 2px #f3a53e,0 3px 7px #be4d223d;background:linear-gradient(#fff2a1 0%,#ffbf39 34%,#ef6a28 78%,#c43a2c 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;transform:rotate(-2deg)}.combo-flame{clip-path:polygon(50% 0,88% 42%,74% 100%,27% 100%,10% 50%);background:linear-gradient(#ffe78a,#ff9c2f 58%,#e5492e);border-radius:60% 40% 55% 45%;width:10px;height:16px;animation:.36s ease-in-out infinite alternate flame-wiggle;position:absolute}.combo-flame-left{top:5px;left:5px;transform:rotate(-24deg)}.combo-flame-right{top:7px;right:5px;transform:rotate(24deg)scale(.86)}.combo-flame-top{top:-2px;right:25px;transform:rotate(5deg)scale(.7)}@keyframes combo-pop{0%{opacity:.2;transform:scale(.7)}68%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes flame-wiggle{0%{translate:0 1px}to{translate:0 -1px}}.feedback-bar{z-index:2;width:max-content;max-width:calc(100% - 32px);min-height:28px;box-shadow:none;border-radius:8px;gap:6px;padding:5px 9px;font-size:10px;animation:1.6s ease-out both compact-feedback;top:13px;left:auto;right:16px}.feedback-bar strong{white-space:nowrap;font-size:11px}.feedback-bar span{color:#718487;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.feedback-correct{color:#4e8252;background:#e4f6e2d1}.feedback-soft{color:#9b6846;background:#fff2e7d6}.feedback-neutral{color:#55756f;background:#edf5f2d6}@keyframes compact-feedback{0%,68%{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(-2px)}}.question-card{min-height:474px}.question-body{min-height:470px;padding:40px 44px 34px}.choice-body h2{max-width:650px}.spelling-body form{width:min(560px,100%)}.letter-reorder-body{width:min(760px,100%)}@media (width<=560px){.learn-topline{align-items:flex-start}.learn-progress-head strong{font-size:16px}.learn-top-actions{gap:8px}.arcade-combo{transform-origin:100% 0;min-width:66px;transform:scale(.88)}.feedback-bar{max-width:calc(100% - 24px);right:12px}.question-card{min-height:470px}.question-body{min-height:466px;padding:36px 20px 28px}}@media (prefers-reduced-motion:reduce){.motion-neutral,.motion-feedback-positive,.motion-feedback-negative,.motion-card-enter,.arcade-combo,.combo-flame{animation-duration:1ms;animation-iteration-count:1}.direction-feedback-layer.feedback-layer-positive,.direction-feedback-layer.feedback-layer-negative{opacity:1;animation:none}.direction-strip{opacity:.9}}.defer-button{color:#688179;background:#f7fbf8;border:1px solid #d9e7df;border-radius:9px;padding:7px 10px;font-size:11px}.defer-button:hover:not(:disabled){color:#3f746c;background:#eff8f3;border-color:#b7d4c8}.defer-button:disabled{opacity:.55}.learning-plan-panel{margin-top:16px}.learning-plan-row{align-items:center}.learning-plan-row small{max-width:620px;line-height:1.6}.learning-plan-row select{color:#496b6a;background:#fff;border:1px solid #d8e5df;border-radius:9px;min-width:166px;padding:9px 10px}.unit-initial_complete{background:#f7fbf3;border-color:#cfe3c0}.unit-stable{background:#f2fbf6;border-color:#b7dcca}.unit-review_due{background:#fff7fa;border-color:#efd0dc}.unit-has_deferred_words{background:#fffaf1;border-color:#ead6b4}.learning-plan-details{color:var(--ink-soft);margin-top:8px;font-size:12px}.learning-plan-details summary{cursor:pointer;color:var(--ink);font-weight:700}.learning-plan-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:8px;display:grid}.learning-plan-detail-grid span{flex-wrap:wrap;gap:5px;display:flex}.learning-plan-detail-grid b{color:var(--ink)}@media (width<=720px){.learning-plan-detail-grid{grid-template-columns:1fr}}.word-with-speaker{justify-content:center;align-items:center;gap:14px;display:inline-flex}.word-with-speaker h1,.word-with-speaker h2{margin-bottom:0}.speaker-button{color:#167c89;background:#f1faf6;border:1px solid #d5e5df;border-radius:50%;width:38px;height:38px;transition:all .2s}.speaker-button:hover{background:#e1f3ec;border-color:#9acdbb;transform:scale(1.06)}.smart-importer{border:1px solid var(--line);background:#fff;border-radius:18px;padding:27px}.smart-dropzone{min-height:170px}.analysis-toolbar,.mapping-head,.sheet-tabs{justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-toolbar{background:#f5f9f6;border-radius:10px;margin:20px 0 14px;padding:13px 14px}.analysis-toolbar strong,.analysis-toolbar span{display:block}.analysis-toolbar strong{font-size:13px}.analysis-toolbar span{color:#94a2a2;margin-top:4px;font-size:11px}.sheet-analysis-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.sheet-analysis-card{cursor:pointer;background:#fbfdfc;border:1px solid #e1ebe6;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}.sheet-analysis-card.selected{background:#f0faf5;border-color:#9acdbb}.sheet-analysis-card input{accent-color:var(--teal);margin-top:3px}.sheet-analysis-card strong,.sheet-analysis-card small{display:block}.sheet-analysis-card strong{font-size:12px}.sheet-analysis-card small{color:#89999a;margin-top:5px;font-size:10px}.sheet-analysis-card em{color:var(--teal);font-style:normal}.mapping-box{background:#fafd the;border:1px solid #dfe9e4;border-radius:12px;padding:16px}.mapping-head{margin-bottom:14px}.mapping-head strong{margin-top:6px;font-size:13px;display:block}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mapping-grid label{color:#78898a;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.mapping-grid select{min-width:0;color:var(--ink);background:#fff;border:1px solid #d6e3de;border-radius:7px;outline:none;padding:8px;font-size:11px}.sheet-tabs{justify-content:flex-start;margin-top:15px;overflow-x:auto}.sheet-tabs button{color:#8b9a9b;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 4px;font-size:11px}.sheet-tabs button.active{color:var(--teal);border-color:var(--teal)}.import-preview-result{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.teacher-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.teacher-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px}.teacher-card strong,.teacher-card span{display:block}.teacher-card strong{color:var(--ink);font-size:25px}.teacher-card span{color:#879596;margin-top:7px;font-size:12px}.teacher-table{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.teacher-table-row{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px;padding:15px 18px;font-size:12px;display:grid}.teacher-table-row+.teacher-table-row{border-top:1px solid #edf1ef}.teacher-table-row.header{color:#8b9b9c;background:#f4f8f5;font-size:10px;font-weight:800}.status-dot{align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:#8dc346;border-radius:50%;width:7px;height:7px}.cloud-note{color:#6d8a3b;background:#eff7e7;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:inline-flex}.cloud-note.offline{color:#8a9797;background:#f1f4f2}@media (width<=700px){.sheet-analysis-grid,.mapping-grid,.teacher-card-grid{grid-template-columns:1fr}.smart-importer{padding:20px}.teacher-table-row{grid-template-columns:1fr 1fr}.teacher-table-row.header{display:none}}.mapping-box{background:#fafdff}.wide-page{max-width:1480px}.data-table-panel,.settings-panel{background:#fff;border:1px solid #dfe9ee;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #144a560f}.table-toolbar,.settings-toolbar{color:#647882;border-bottom:1px solid #e7eff2;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.table-toolbar strong,.settings-toolbar h2{color:#123d48}.table-toolbar span,.settings-toolbar p{color:#7a8d95;margin:4px 0 0;font-size:12px}.data-table-scroll{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:13px}.analytics-table th{text-align:left;color:#71858d;letter-spacing:.05em;white-space:nowrap;background:#f6fafb;padding:13px 16px;font-size:11px}.analytics-table td{color:#536b73;vertical-align:middle;border-top:1px solid #edf2f4;padding:15px 16px}.analytics-table td strong{color:#183f49;display:block}.analytics-table td small{color:#91a1a7;margin-top:4px;font-size:11px;display:block}.table-link{color:#147c8c;white-space:nowrap;font-weight:700}.empty-table{text-align:center;color:#84969d;padding:50px}.detail-tabs{border-bottom:1px solid #dfe9ee;gap:8px;margin:20px 0;display:flex}.detail-tabs button{color:#758991;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 18px}.detail-tabs button.active{color:#147c8c;border-color:#147c8c;font-weight:700}.detail-summary{margin-top:20px}.summary-lines{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-lines div{background:#f6fafb;border-radius:14px;padding:16px}.summary-lines span,.summary-lines strong{display:block}.summary-lines span{color:#7d9198;font-size:12px}.summary-lines strong{color:#17414b;margin-top:8px}.settings-panel{padding-bottom:12px}.settings-toolbar{align-items:flex-start}.settings-toolbar h2{margin:6px 0 0}.settings-toolbar select,.report-filters select,.report-filters input{color:#31555e;background:#fff;border:1px solid #cfe0e5;border-radius:10px;min-height:38px;padding:0 11px}.settings-list{padding:12px 24px}.setting-row{border-bottom:1px solid #edf2f4;align-items:center;gap:12px;padding:16px 0;display:flex}.setting-row>div{flex:1}.setting-row small{color:#809198;margin-top:5px;display:block}.setting-row input{border:1px solid #cfe0e5;border-radius:8px;width:88px;padding:9px}.report-filters{background:#f4f9fa;border-radius:16px;flex-wrap:wrap;gap:14px;margin:18px 0;padding:16px 20px;display:flex}.report-filters label{color:#627982;gap:6px;font-size:12px;display:grid}.daily-report-table{min-width:1500px}.daily-report-table .table-input{color:#3f5d65;background:#fff;border:1px solid #d5e3e7;border-radius:7px;width:130px;padding:8px}.daily-report-table .leave-row td{background:#fff4f2}.report-legend{gap:7px;margin-left:12px;display:inline-flex}.report-legend i{border-radius:5px;padding:3px 7px;font-size:11px;font-style:normal}.legend-system{color:#147c8c;background:#eaf5f5}.legend-teacher{color:#a76a22;background:#fff3de}@media (width<=900px){.summary-lines{grid-template-columns:repeat(2,1fr)}.settings-toolbar{flex-direction:column}}.v02-shell .topbar-inner{gap:24px}.migration-note{color:#5e793e;background:#f1f8e9;border:1px solid #d7e8c8;border-radius:13px;align-items:center;gap:18px;margin-bottom:20px;padding:15px 17px;display:flex}.migration-note div{flex:1}.migration-note strong,.migration-note p,.migration-note small{display:block}.migration-note strong{font-size:13px}.migration-note p{color:#809270;margin:5px 0 0;font-size:11px}.migration-note button{color:#527c31;background:#dff0cd;border:0;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:700}.migration-note>span,.migration-note small{color:#8b9b89;font-size:11px}.role-title{color:#587073;white-space:nowrap;font-size:12px;font-weight:800}.topbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-user button{color:#7c8c8f;background:0 0;border:0;font-size:11px}.topbar-user button:hover{color:var(--teal)}.entry-page{max-width:920px;margin:0 auto}.entry-hero{color:#fff;background:linear-gradient(115deg,#1b7d87,#29918b 58%,#8fc642);border-radius:24px;padding:42px 54px 46px;position:relative;overflow:hidden}.entry-logo{z-index:1;box-sizing:content-box;object-fit:contain;object-position:left center;background:#fff;border-radius:6px;width:min(220px,60%);max-height:38px;margin-bottom:26px;padding:4px 8px;display:block;position:relative}.entry-hero:after{content:"A 记";color:#ffffff29;letter-spacing:-.12em;font-size:135px;font-weight:800;position:absolute;bottom:-23px;right:40px}.entry-hero h1{z-index:1;letter-spacing:-.06em;margin:16px 0 13px;font-size:42px;line-height:1.2;position:relative}.entry-hero p{z-index:1;color:#ffffffc7;margin:0;font-size:14px;position:relative}.entry-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.entry-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:250px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.entry-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #2c5e581f}.entry-card:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-45px;right:-35px}.teacher-entry{color:#257d87}.student-entry{color:#769d32}.entry-number{color:#a3afb0;font:11px DM Mono,monospace;display:block}.entry-icon{margin:18px 0 11px;font-size:24px;display:block}.entry-card h2{color:var(--ink);margin:0 0 9px;font-size:22px}.entry-card p{color:#839294;max-width:280px;margin:0 0 20px;font-size:12px;line-height:1.7}.entry-card strong{font-size:12px}.entry-status{color:#5e8934;text-align:center;background:#eef7e7;border-radius:10px;margin-top:15px;padding:11px 13px;font-size:11px}.entry-status.offline{color:#7e8e8f;background:#eef2f0}.login-page{place-items:center;min-height:650px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(440px,100%);padding:38px;box-shadow:0 16px 42px #275a5614}.login-card h1{letter-spacing:-.05em;margin:13px 0 10px;font-size:29px}.login-card>p{color:#839294;margin:0 0 25px;font-size:13px;line-height:1.7}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label,.assignment-form label{color:#6f8184;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.login-form input,.assignment-form input,.assignment-form select,.inline-create input,.student-add-form input{color:var(--ink);background:#fbfdfc;border:1px solid #d7e4df;border-radius:9px;outline:none;padding:11px 12px}.login-form input:focus,.assignment-form input:focus,.assignment-form select:focus,.inline-create input:focus,.student-add-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e4f3ee}.form-switch{color:var(--teal);background:0 0;border:0;font-size:11px}.login-card .back-link{margin:24px 0 0;font-size:11px;display:block}.teacher-dashboard-grid{grid-template-columns:1.1fr .9fr;gap:20px;margin-top:22px;display:grid}.teacher-next-list{flex-direction:column;display:flex}.teacher-next-list a{border-top:1px solid #edf1ef;align-items:center;gap:13px;padding:16px 0;display:flex}.teacher-next-list a>span{color:#97aaab;font:11px DM Mono,monospace}.teacher-next-list a div{flex:1}.teacher-next-list strong,.teacher-next-list small{display:block}.teacher-next-list strong{color:var(--ink);font-size:13px}.teacher-next-list small{color:#8a999a;margin-top:5px;font-size:11px}.teacher-next-list b{color:#9aa9aa}.class-status-empty{flex-direction:column;justify-content:center;min-height:178px;display:flex}.class-status-empty strong{color:var(--ink);font-size:16px}.class-status-empty p{color:#8b999a;margin:10px 0 18px;font-size:12px;line-height:1.6}.class-status-empty .button{align-self:flex-start}.inline-create{gap:6px;display:flex}.inline-create input{width:130px;font-size:11px}.class-list{flex-direction:column;gap:15px;display:flex}.class-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:22px}.class-card-head{justify-content:space-between;align-items:flex-start;display:flex}.class-card-head h2{margin:8px 0 6px;font-size:21px}.class-card-head p{color:#89999a;margin:0;font-size:12px}.class-card-head p strong{color:var(--teal);letter-spacing:.1em;font-family:DM Mono,monospace}.student-mini-list{border-top:1px solid #edf1ef;margin:20px 0 14px}.student-mini{border-bottom:1px solid #edf1ef;grid-template-columns:54px 1fr 1.5fr;gap:10px;padding:11px 0;font-size:12px;display:grid}.student-mini span{color:#8b9a9a;font-family:DM Mono,monospace}.student-mini small{color:#a2acad;font-size:10px}.student-add-form{grid-template-columns:80px 1fr 80px auto;gap:7px;display:grid}.student-add-form input{min-width:0;font-size:11px}.teacher-list-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.teacher-list-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;min-height:120px;padding:20px;transition:all .2s;display:flex}.teacher-list-card:hover{border-color:#a8d1c0;transform:translateY(-3px)}.teacher-list-card>div{flex:1}.teacher-list-card h2{margin:0;font-size:16px}.teacher-list-card p{color:#8d9b9c;margin:7px 0 0;font-size:11px}.teacher-list-card .list-dot{margin-right:9px;display:inline-block}.assignment-layout{grid-template-columns:330px 1fr;gap:20px;display:grid}.assignment-form{flex-direction:column;gap:13px;display:flex}.assignment-form h2{margin:8px 0 3px;font-size:20px}.assignment-form .button{margin-top:5px}.assignment-list{flex-direction:column;gap:10px;display:flex}.assignment-row{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.assignment-row strong,.assignment-row small{display:block}.assignment-row strong{font-size:13px}.assignment-row small{color:#8f9d9d;margin-top:5px;font-size:11px}@media (width<=850px){.role-title,.topbar-user .cloud-note{display:none}.teacher-dashboard-grid,.assignment-layout,.teacher-list-grid{grid-template-columns:1fr}}@media (width<=560px){.entry-hero{padding:34px 26px}.entry-hero h1{font-size:31px}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:210px}.login-card{padding:27px 22px}.inline-create{margin-top:14px}.student-add-form{grid-template-columns:1fr 1fr}.student-add-form .button{grid-column:span 2}.student-mini{grid-template-columns:45px 1fr}.student-mini small{grid-column:2}.teacher-list-grid{grid-template-columns:1fr}}.list-filter-bar{gap:7px;margin:4px 0 16px;display:flex}.list-filter-bar button{border:1px solid var(--line);color:#7b8d8e;cursor:pointer;background:#fff;border-radius:999px;padding:8px 13px}.list-filter-bar button.active{border-color:var(--teal);color:var(--teal);background:#e9f5f3}.class-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.class-head-actions .button,.student-actions .button{padding:7px 10px;font-size:11px}.class-card.is-archived{opacity:.78}.inline-edit{align-items:center;gap:7px;display:flex}.inline-edit input{width:150px}.student-mini{grid-template-columns:minmax(100px,1fr) 1fr auto;align-items:center}.student-mini.is-inactive{background:#fff8f8}.student-mini input{min-width:0}.student-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.inline-retry{color:var(--teal);cursor:pointer;background:0 0;border:0;margin-left:10px;text-decoration:underline}.inline-success{color:#557c25;background:#eef8df;border-radius:10px;margin:14px 0;padding:12px 14px}.import-progress{color:var(--teal);background:#f5fbf7;border:1px solid #cfe6dc;border-radius:10px;justify-content:space-between;gap:14px;margin:12px 0 16px;padding:12px 14px;display:flex}.import-progress span{color:#7f9996;font-size:12px}.detail-actions{align-items:center;gap:8px;display:flex}.detail-actions input{width:180px}.report-summary-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px;display:grid}.report-summary-grid div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px}.report-summary-grid span,.report-summary-grid strong{display:block}.report-summary-grid span{color:#94a1a2;font-size:10px}.report-summary-grid strong{color:var(--teal);margin-top:7px;font-size:19px}@media (width<=850px){.report-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.report-summary-grid{grid-template-columns:repeat(2,1fr)}}.preflight-panel{margin:22px 0}.preflight-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.preflight-head h2{margin:7px 0 5px;font-size:20px}.preflight-head p{color:#8b999a;margin:0;font-size:12px}.preflight-pass,.preflight-blocked,.preflight-fail{border-radius:9px;align-items:center;gap:12px;margin:17px 0 8px;padding:10px 13px;font-size:12px;display:flex}.preflight-pass{color:#4a8139;background:#edf8e9}.preflight-blocked{color:#8a7334;background:#fff8e8}.preflight-fail{color:#a94f56;background:#fff0f1}.preflight-pass span,.preflight-blocked span,.preflight-fail span{color:#9aa7a7;margin-left:auto;font-size:11px}.preflight-list details{border-top:1px solid #edf1ef;padding:10px 0}.preflight-list summary{cursor:pointer;color:#45656a;font-size:12px;list-style:none}.preflight-list summary span{float:right;color:#97a6a6;font:10px DM Mono,monospace}.preflight-list summary p{color:#8c9a9a;margin:8px 0 0 18px;line-height:1.5}.preflight-list pre{white-space:pre-wrap;color:#9a6262;margin:8px 0 0 18px;font:11px DM Mono,monospace}.status-dot{border-radius:50%;width:7px;height:7px;margin:0 8px 1px 1px;display:inline-block}.status-dot.pass{background:#7fbd67}.status-dot.blocked{background:#dfb75d}.status-dot.fail{background:#d8757d}.student-filter-toolbar,.offline-export-toolbar{background:#fbfdfc;border-bottom:1px solid #edf1ef;align-items:end;gap:10px;padding:13px 16px;display:flex}.student-filter-toolbar input{flex:1;max-width:260px}.student-filter-toolbar select,.offline-export-toolbar select{min-width:115px}.analytics-workbench{flex-direction:column;gap:18px;display:flex}.analytics-range{align-items:center;gap:5px;display:flex}.analytics-range span{color:#839496;margin-right:8px;font-size:11px}.analytics-range button{border:1px solid var(--line);color:#779092;cursor:pointer;background:#fff;border-radius:8px;padding:7px 11px;font-size:11px}.analytics-range button.active{color:#fff;border-color:var(--teal);background:var(--teal)}.attention-strip{background:#fffaf0;border:1px solid #f2dfbd;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 14px;display:flex}.attention-strip strong{color:#8b6b37;margin-right:5px;font-size:12px}.trend-bars{align-items:end;gap:6px;height:120px;padding:10px 2px 0;display:flex;overflow-x:auto}.trend-day{text-align:center;flex:1 0 20px;min-width:20px}.trend-bar{border-bottom:1px solid #dfeae6;justify-content:center;align-items:end;gap:2px;height:95px;display:flex}.trend-bar i,.trend-bar b{border-radius:4px 4px 0 0;width:6px;min-height:2px;display:block}.trend-bar i{background:#7ebfc0}.trend-bar b{background:#e6a6b4}.trend-day small{color:#9aa8a8;font:9px DM Mono,monospace}.trend-legend{color:#8b9a9a;gap:14px;font-size:10px;display:flex}.trend-legend i,.trend-legend b{border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.trend-legend i{background:#7ebfc0}.trend-legend b{background:#e6a6b4}.analytics-word-list{max-height:360px;overflow-y:auto}.analytics-word-row{cursor:pointer;border-bottom:1px solid #edf1ef;align-items:center;gap:10px;padding:10px 5px;display:flex}.analytics-word-row span{flex:1}.analytics-word-row strong,.analytics-word-row small{display:block}.analytics-word-row small,.analytics-word-row em{color:#98a5a5;font-size:11px}.analytics-word-row em{font-style:normal}.analytics-error-list>div,.analytics-history>div{color:#586f74;border-top:1px solid #edf1ef;grid-template-columns:1fr 1fr 1.5fr;gap:10px;padding:11px 0;font-size:12px;display:grid}.analytics-error-list span,.analytics-error-list small,.analytics-history span,.analytics-history small{color:#94a2a2;font-size:11px}.muted{color:#98a5a5;font-size:12px}@media (width<=560px){.preflight-head,.student-filter-toolbar,.offline-export-toolbar{flex-direction:column;align-items:stretch}.offline-export-toolbar .button{align-self:flex-start}.analytics-error-list>div,.analytics-history>div{grid-template-columns:1fr;gap:3px}}.provider-link{cursor:not-allowed;opacity:.55;background:0 0;border:0;margin-right:8px}.teacher-attention-panel{margin-bottom:20px}.teacher-attention-list{gap:8px;display:grid}.teacher-attention-list a{border-top:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:grid}.teacher-attention-list a:first-child{border-top:0}.teacher-attention-list strong,.teacher-attention-list small{display:block}.teacher-attention-list small{color:#809091;margin-top:4px}.attention-severity{border-radius:999px;padding:4px 7px;font-size:11px}.attention-severity.high{color:#b45e55;background:#fff0ed}.attention-severity.medium{color:#9b7a2e;background:#fff8df}.teacher-attention-list b{color:var(--teal);font-size:12px}.plan-selection-toolbar{color:#7f9091;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 8px;font-size:12px;display:flex}.plan-student-list{border-top:1px solid var(--line);max-height:360px;margin-bottom:16px;display:grid;overflow:auto}.plan-student-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.plan-student-row>span{flex:1}.plan-student-row strong,.plan-student-row small{display:block}.plan-student-row small{color:#809091;margin-top:3px}.plan-student-row a{color:var(--teal);font-size:12px}.typing-practice-page{max-width:760px}.typing-practice-card{padding:28px}.typing-practice-meta{color:var(--teal);justify-content:space-between;gap:12px;margin-bottom:28px;display:flex}.typing-practice-meta small{color:#8a9a9b}.typing-word-reference,.typing-meaning-prompt,.typing-context-prompt,.typing-audio-prompt{text-align:center;align-content:center;justify-items:center;min-height:150px;display:grid}.typing-word-reference strong{letter-spacing:.03em;font-size:36px}.typing-word-reference span{color:#8a9a9b;margin-top:8px}.typing-word-reference p{color:#607374;margin:12px 0 0}.typing-meaning-prompt span{color:#8a9a9b}.typing-meaning-prompt strong{margin-top:10px;font-size:24px}.typing-audio-prompt strong{font-size:22px}.typing-audio-prompt small{color:#8a9a9b;margin-top:10px}.typing-context-prompt p{font-size:20px;line-height:1.8}.typing-context-prompt small{color:#8a9a9b}.typing-practice-card form{align-items:end;gap:10px;margin-top:22px;display:flex}.typing-input-label{color:#7f9091;flex:1;font-size:12px}.typing-practice-card form input{letter-spacing:.04em;border:1px solid #cfe0df;border-radius:10px;flex:1;min-width:0;margin-top:6px;padding:13px 14px;font-size:20px;display:block}.typing-feedback{border-radius:10px;gap:5px;margin-top:18px;padding:12px 14px;display:grid}.typing-feedback.is-correct{color:#557c25;background:#eff9e9}.typing-feedback.is-wrong{color:#a45e52;background:#fff4ef}.typing-feedback span,.typing-feedback small{color:inherit;opacity:.82}.typing-feedback small{font-size:11px}.liaojian-student-entry{text-align:left;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:250px;display:block}.liaojian-student-entry:focus-visible{outline-offset:4px;outline:3px solid #167d89}.liaojian-student-entry:disabled{cursor:wait;opacity:.7}@media (width<=560px){.liaojian-student-entry{min-height:210px}}.learning-scene-card{color:inherit;background:#1173880f;border:1px solid #176a7d2e;border-radius:16px;margin:1rem 0;padding:1rem 1.1rem}.learning-scene-heading{justify-content:space-between;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.learning-scene-english{overflow-wrap:anywhere;color:inherit;margin:.85rem 0;font-size:clamp(1.1rem,2.6vw,1.4rem);line-height:1.9}.learning-target-highlight{color:#142235;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff1a8;border-radius:.25rem;padding:.07em .18em;font-weight:800;box-shadow:inset 0 -2px #e4ad35}.learning-translation-toggle{color:#13566c;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #1475845c;border-radius:10px;padding:.45rem .8rem;font-weight:600}.learning-translation-toggle:focus-visible{outline-offset:2px;outline:3px solid #197b93}.learning-scene-translation{margin-top:.6rem;line-height:1.65}.learning-scene-cue{color:#266578;font-size:.9rem}.learning-scene-card>small{opacity:.76;margin-top:.65rem;line-height:1.5;display:block}@media (width<=650px){.learning-scene-card{padding:.85rem}.learning-scene-heading{flex-wrap:wrap}}.question-card.phase-exposure .exposure-body{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:clamp(16px,2.5vw,28px);display:flex}.question-card.phase-exposure .exposure-body .word-with-speaker{justify-content:center;align-items:center;gap:16px;max-width:100%;display:flex}.question-card.phase-exposure .exposure-body .word-with-speaker h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.15}.question-card.phase-exposure .exposure-body .ipa,.question-card.phase-exposure .exposure-body .part-of-speech{margin:0}.question-card.phase-exposure .exposure-body .meaning-large{margin:6px auto 0;font-size:clamp(22px,2.5vw,32px);line-height:1.5}.question-card.phase-exposure .learning-scene-card{box-sizing:border-box;text-align:left;width:min(100%,790px);max-width:100%;margin:14px auto 0;padding:clamp(16px,2.5vw,26px);overflow:visible}.question-card.phase-exposure .learning-scene-heading{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px 16px;width:100%;display:grid}.question-card.phase-exposure .learning-scene-heading strong{min-width:0;line-height:1.5}.question-card.phase-exposure .learning-scene-heading .speaker-button{word-break:keep-all;z-index:auto;border-radius:999px;grid-column:2;justify-content:center;align-items:center;gap:6px;min-width:100px;max-width:none;padding:8px 14px;font-size:14px;white-space:nowrap!important;writing-mode:horizontal-tb!important;flex-direction:row!important;width:auto!important;height:44px!important;display:inline-flex!important;position:static!important;inset:auto!important;transform:none!important}.question-card.phase-exposure .learning-scene-audio-text{white-space:nowrap;width:max-content;writing-mode:horizontal-tb!important;display:inline!important}.question-card.phase-exposure .learning-scene-english{letter-spacing:0;overflow-wrap:break-word;word-break:normal;white-space:normal;width:100%;max-width:100%;margin:16px 0 18px;padding:0;font-size:clamp(19px,2.5vw,27px);line-height:1.75}.question-card.phase-exposure .learning-translation-toggle{white-space:normal;max-width:100%;min-height:44px;padding:9px 14px;font-size:15px}.question-card.phase-exposure .learning-scene-card>small{opacity:.82;margin-top:16px;line-height:1.5;display:block}.question-card.phase-exposure .exposure-actions{margin:20px auto 8px}.question-card.phase-exposure .feedback-bar{box-sizing:border-box;z-index:3;border-radius:12px;flex-wrap:wrap;gap:8px;width:min(100%,790px);margin:10px auto;padding:12px 16px;font-size:13px;line-height:1.45;display:flex;color:#235260!important;opacity:1!important;background:#f0f7f8!important;position:relative!important;inset:auto!important}.question-card.phase-exposure .feedback-bar strong,.question-card.phase-exposure .feedback-bar span{color:#235260!important;opacity:1!important}@media (width<=640px){.question-card.phase-exposure .exposure-body{padding:12px 10px}.question-card.phase-exposure .learning-scene-card{padding:15px 12px}.question-card.phase-exposure .learning-scene-heading .speaker-button{min-width:80px;padding:6px 9px}}.learning-scene-card .learning-scene-reveal-actions{justify-content:flex-end;align-items:center;min-height:45px;margin-top:6px;display:flex}.question-card.phase-exposure .learning-scene-card .learning-translation-toggle{color:#1b6675;cursor:pointer;background:#fff;border:1px solid #c5dadd;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:120px;min-height:44px;padding:8px 14px;font-size:15px;line-height:1.2;transition:transform .32s cubic-bezier(.2,.8,.2,1),background-color .24s,color .24s,box-shadow .24s;display:inline-flex;transform:translate(0);box-shadow:0 2px 7px #114f5a0b}.question-card.phase-exposure .learning-scene-card .learning-translation-toggle.is-expanded{color:#155260;background:#e6f4f2;transform:translate(7px);box-shadow:0 4px 13px #114f5a14}.learning-translation-chevron{font-size:19px;line-height:1;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:inline-block;transform:rotate(0)}.learning-translation-toggle.is-expanded .learning-translation-chevron{transform:rotate(180deg)}.learning-scene-reveal{opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.18,.8,.18,1),opacity .28s,visibility .38s;display:grid}.learning-scene-reveal.is-open{opacity:1;visibility:visible;pointer-events:auto;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.18,.8,.18,1),opacity .28s,visibility}.learning-scene-reveal-inner{min-height:0;overflow:hidden}.question-card.phase-exposure .learning-scene-card .learning-scene-translation{background:#ffffffc7;border-left:4px solid #e5b24e;border-radius:13px;margin:13px 0 2px;padding:15px 17px;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:translateY(-7px);box-shadow:inset 0 0 0 1px #d3e1e399}.question-card.phase-exposure .learning-scene-reveal.is-open .learning-scene-translation{transform:translateY(0)}.learning-scene-translation-label{color:#59737a;letter-spacing:.02em;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.question-card.phase-exposure .learning-scene-translation-body>p{color:#213d43;margin:0;font-size:clamp(17px,2vw,21px);line-height:1.75}.learning-translation-highlight{color:#21333a;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff1a8;border-radius:4px;padding:.07em .17em;font-weight:800;box-shadow:inset 0 -2px #e4ad35}.question-card.phase-exposure .learning-scene-card .learning-scene-cue{color:#3b6b78;background:#edf7f7;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:clamp(13px,1.4vw,15px)}.question-card.phase-exposure .learning-scene-card .learning-scene-english{margin-bottom:4px}.question-card.phase-exposure .learning-scene-heading strong{font-size:clamp(15px,1.65vw,19px)}@media (width<=640px){.question-card.phase-exposure .learning-scene-translation{padding:12px}.question-card.phase-exposure .learning-scene-reveal-actions{min-height:44px}}@media (prefers-reduced-motion:reduce){.learning-scene-reveal,.learning-translation-toggle,.learning-translation-chevron,.learning-scene-translation{transition:none!important;transform:none!important}}