*{box-sizing:border-box}.wq-page{color:#14213d;background:#f3f7fb;min-height:100vh}.wq-page header{z-index:20;background:#fff;border-bottom:1px solid #e1e8f0;justify-content:space-between;align-items:center;height:74px;padding:0 5vw;display:flex;position:sticky;top:0}.wq-page header>a,.wq-login form>a:first-child{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.wq-page header>a span,.wq-login form>a:first-child span{color:#fff;background:#147a63;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.wq-page header nav{align-items:center;gap:20px;display:flex}.wq-page header nav a{color:#58667a;font-size:13px;font-weight:800;text-decoration:none}.wq-page header nav button{color:#607086;background:#edf2f7;border:0;border-radius:8px;padding:8px 10px;font-weight:800}.wq-hero{color:#fff;background:linear-gradient(135deg,#092f3d,#147a63);justify-content:space-between;align-items:center;padding:48px max(5vw,50vw - 560px);display:flex}.wq-hero p{color:#8fe5cc;letter-spacing:.15em;margin:0 0 10px;font-size:11px;font-weight:900}.wq-hero h1{letter-spacing:-.04em;margin:0;font-size:40px;line-height:1.2}.wq-hero h1 strong{color:#aef0d8}.wq-hero>div>span{color:#d0eee6;margin-top:15px;display:block}.wq-rate{align-items:center;gap:13px;font-weight:900;display:flex}.wq-rate i{border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:relative}.wq-rate i:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.wq-rate i b{z-index:1;color:#147a63;font-style:normal}.wq-controls{background:#fff;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:-18px auto 26px;padding:18px 22px;display:grid;box-shadow:0 14px 35px #163f5218}.wq-controls label{color:#718096;font-size:10px;font-weight:900}.wq-controls select{color:#152b42;background:#fff;border:1px solid #dbe4eb;border-radius:10px;width:100%;margin-top:7px;padding:11px;font-weight:800}.wq-print-all{background:#fff;border:1px solid #d8e6e2;border-radius:17px;grid-template-columns:1fr minmax(330px,1.25fr) auto;align-items:end;gap:18px;max-width:1120px;margin:-8px auto 24px;padding:20px 22px;display:grid}.wq-print-all p{color:#147a63;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:900}.wq-print-all h2{margin:0 0 5px;font-size:18px}.wq-print-all span{color:#718096;font-size:11px}.wq-print-modes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.wq-print-modes button{color:#42655d;cursor:pointer;background:#f5faf8;border:1px solid #cbded9;border-radius:10px;min-height:42px;padding:7px 8px;font-size:11px;font-weight:900}.wq-print-modes button.active{color:#fff;background:#147a63;border-color:#147a63;box-shadow:0 5px 14px #147a6328}.wq-print-all>button{color:#fff;cursor:pointer;background:#147a63;border:0;border-radius:10px;height:42px;padding:0 17px;font-weight:900}.wq-shell{grid-template-columns:260px 1fr;gap:20px;max-width:1120px;margin:0 auto;padding-bottom:55px;display:grid}.wq-shell aside{background:#0d3544;border-radius:20px;padding:18px}.wq-shell aside>p{color:#7dc4b3;letter-spacing:.14em;margin:3px 8px 13px;font-size:10px;font-weight:900}.wq-shell aside button{text-align:left;color:#b9cdd2;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:34px 1fr;width:100%;margin:5px 0;padding:14px;display:grid}.wq-shell aside button i{background:#ffffff14;border-radius:8px;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid}.wq-shell aside button b{font-size:14px}.wq-shell aside button small{color:#75949c;margin-top:4px}.wq-shell aside button.active{color:#fff;background:#147a63}.wq-shell aside button.active small{color:#cdece4}.wq-card{background:#fff;border-radius:22px;min-height:500px;padding:30px;box-shadow:0 15px 40px #163f5212}.wq-card-head{color:#147a63;justify-content:space-between;font-size:12px;font-weight:900;display:flex}.wq-study{text-align:center;padding:48px 20px 28px}.wq-sound{cursor:pointer;background:#e4f6f0;border:0;border-radius:50%;width:66px;height:66px;font-size:27px}.wq-study p{color:#718096}.wq-study h2{margin:12px 0 4px;font-size:45px}.wq-study strong{color:#147a63;font-size:22px;display:block}.wq-pronunciation{background:#f0f8f6;border-radius:15px;max-width:520px;margin:22px auto 0;padding:16px}.wq-pronunciation>button{color:#fff;cursor:pointer;background:#147a63;border:0;border-radius:10px;margin:0;padding:12px 16px;font-weight:900}.wq-pronunciation>button.recording{background:#d24d4d}.wq-pronunciation>p{color:#60786f;margin:10px 0 0}.wq-pronunciation>div{gap:5px;margin-top:13px;display:grid}.wq-pronunciation>div b{color:#147a63;font-size:28px}.wq-pronunciation>div span{color:#536579;font-size:12px}.wq-pronunciation>div em{color:#147a63;font-size:11px;font-style:normal;font-weight:800}.wq-again,.wq-prompt button{color:#147a63;background:#f2fbf8;border:1px solid #bcded5;border-radius:9px;margin-top:22px;padding:10px 14px;font-weight:900}.wq-prompt{background:#ecf8f5;border-radius:16px;margin:25px 0 17px;padding:25px}.wq-prompt small{color:#5f8179;font-weight:800}.wq-prompt h2{margin:13px 0 0;font-size:30px}.wq-answer{width:100%;font:inherit;border:2px solid #dfe8e8;border-radius:14px;outline:none;padding:17px;font-size:17px}.wq-answer:focus{border-color:#147a63;box-shadow:0 0 0 4px #147a6315}.wq-result{border-radius:12px;margin-top:15px;padding:15px}.wq-result.correct{color:#087a59;background:#e7f8f2}.wq-result.retry{color:#a05213;background:#fff1e8}.wq-result p{margin:7px 0 0}.wq-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.wq-actions button{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#147a63;border:0;border-radius:10px;padding:12px 18px;font-weight:900}.wq-actions .wq-print{color:#147a63;background:#f2fbf8;border:1px solid #bcded5}.wq-actions button+button{background:#0d3544}.wq-actions button:disabled{opacity:.4;cursor:not-allowed}.wq-save-notice{color:#087a59;background:#e8f8f2;border-radius:9px;margin:10px 0 0;padding:10px 12px;font-size:12px;font-weight:800}.wq-save-notice.saving{color:#1764c0;background:#eef5ff}.wq-source{color:#8a97a8;margin-top:25px;font-size:10px;display:block}.wq-login{background:linear-gradient(145deg,#092735,#147a63);place-items:center;min-height:100vh;padding:24px;display:grid}.wq-login>p{color:#fff}.wq-login form{background:#fff;border-radius:23px;width:min(440px,100%);padding:34px;box-shadow:0 25px 70px #001b2460}.wq-tabs{background:#edf3f4;border-radius:10px;grid-template-columns:1fr 1fr;margin-top:24px;padding:4px;display:grid}.wq-tabs button{color:#718096;background:0 0;border:0;border-radius:8px;padding:10px;font-weight:900}.wq-tabs button.active{color:#147a63;background:#fff;box-shadow:0 2px 9px #173f4815}.wq-login form>p{color:#147a63;letter-spacing:.14em;margin:24px 0 6px;font-size:10px;font-weight:900}.wq-login h1{margin:0}.wq-login form>small{color:#718096;margin:9px 0 20px;line-height:1.6;display:block}.wq-login label{color:#536579;margin:12px 0;font-size:11px;font-weight:900;display:block}.wq-login input{border:1px solid #d8e2e5;border-radius:10px;width:100%;margin-top:7px;padding:14px}.wq-login-button{color:#fff;background:#147a63;border:0;border-radius:11px;width:100%;margin-top:9px;padding:14px;font-weight:900}.wq-error{color:#b04b22;background:#fff0ea;border-radius:8px;padding:10px;font-size:11px}.wq-back{color:#748196!important;margin-top:14px!important;font-size:11px!important;display:block!important}@media (max-width:760px){.wq-print-all{grid-template-columns:1fr;margin:-5px 14px 20px}.wq-print-modes{grid-template-columns:1fr}.wq-print-modes button{min-height:44px}.wq-print-all>button{width:100%}.wq-page header{height:62px;padding:0 16px}.wq-page header nav{gap:6px}.wq-page header nav>b,.wq-page header nav a{display:none}.wq-page header nav button{font-size:11px}.wq-hero{padding:34px 20px;display:block}.wq-hero h1{font-size:30px}.wq-rate{margin-top:24px}.wq-controls{grid-template-columns:1fr;margin:-10px 14px 18px;padding:15px}.wq-shell{grid-template-columns:1fr;padding:0 14px 35px}.wq-shell aside{grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;display:grid}.wq-shell aside>p{grid-column:1/-1}.wq-shell aside button{text-align:center;padding:10px 4px;display:block}.wq-shell aside button i,.wq-shell aside button small{display:none}.wq-shell aside button b{font-size:12px}.wq-card{min-height:460px;padding:19px}.wq-study{padding:38px 5px 20px}.wq-study h2{overflow-wrap:anywhere;font-size:38px}.wq-prompt{padding:19px}.wq-prompt h2{overflow-wrap:anywhere;font-size:24px}.wq-actions{z-index:4;padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:1fr;display:grid;position:relative}.wq-actions button{width:100%;min-height:50px;font-size:14px}}.wq-actions .wq-complete{color:#fff;background:#16835f}.wq-completion-notice{color:#147153;background:#eaf8f2;border-radius:9px;margin:10px 0;padding:11px;font-size:12px}.wq-complete:disabled{opacity:.58;cursor:not-allowed!important;background:#7d8b98!important}