@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#183b35;background:#f4f5ef;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 18% 18%,rgba(220,233,212,.48),transparent 37%),#f4f5ef}.page-shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 7.2vw;display:flex;flex-direction:column}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4db}.brand{display:flex;align-items:center;gap:10px;color:#183b35;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;background:#1c4d42;color:#eef1e9;width:28px;height:28px;border-radius:9px;font-family:Playfair Display,serif;font-size:19px;font-style:italic}.brand-dot{color:#d17c56}.top-note{font-size:12px;color:#73827b}.layout{flex:1;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.15fr) minmax(130px,.38fr);align-items:center;gap:clamp(35px,6vw,92px);padding:68px 0 82px}.intro{align-self:center}.eyebrow,.field-label,.prompt,.round-label,.score-label,.footer,.note-count small{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.1px}.eyebrow{display:flex;align-items:center;gap:10px;color:#bb7252;margin:0 0 27px}.eyebrow-line{width:25px;height:1px;background:#bb7252}h1{font-family:Playfair Display,serif;font-size:clamp(43px,5vw,69px);line-height:1.02;letter-spacing:-2.2px;font-weight:500;margin:0;color:#173a34}h1 em{color:#bd7353;font-weight:500}.intro-copy{font-size:14px;color:#78847e;line-height:1.75;max-width:255px;margin:23px 0 46px}.field-label{color:#89928b;display:block;margin-bottom:13px}.levels{display:flex;gap:8px}.level{border:1px solid #dce2da;background:transparent;color:#75827b;border-radius:7px;width:43px;height:38px;font:500 11px DM Mono,monospace;cursor:pointer;transition:.18s}.level:hover{border-color:#9cac9d;color:#264e41}.level.active{background:#1d4b40;border-color:#1d4b40;color:#fff;box-shadow:0 4px 9px #1d4b4020}.quiz-card{background:#fffefa;border:1px solid #e9e8df;border-radius:15px;box-shadow:0 16px 45px #29463a0a;padding:26px 29px 20px;min-height:424px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.round-label{display:inline-flex;align-items:center;gap:7px;border-radius:20px;background:#eff4ed;color:#577367;padding:7px 10px;font-size:9px;letter-spacing:.55px}.status-dot{width:6px;height:6px;border-radius:50%;background:#83a283}.score-label{color:#a0a69e;font-size:9px;letter-spacing:.8px}.score-label b{font:500 12px DM Mono,monospace;color:#31574c;margin-left:7px}.score-label i{font-style:normal;color:#bec3b9;margin:0 2px}.question{text-align:center;padding:49px 0 30px}.prompt{font-size:9px;color:#a1a69c;letter-spacing:1.1px}.question h2{font:500 clamp(37px,4vw,51px) "Playfair Display",serif;color:#1d4239;margin:10px 0 3px;letter-spacing:-1px}.word-meaning{max-width:480px;margin:17px auto 13px;text-align:left;display:grid;gap:9px}.word-meaning p{margin:0;color:#52675e;font-size:12px;line-height:1.55}.word-meaning p span{display:block;margin-bottom:3px;color:#a1a69c;font:9px DM Mono,monospace;letter-spacing:1px}.noun-caption{font-size:12px;color:#9aa098}.skeleton{display:inline-block;width:122px;height:44px;border-radius:5px;background:linear-gradient(90deg,#f2f2eb,#e9ede5,#f2f2eb);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{height:67px;border:1px solid #e3e7df;border-radius:8px;background:#fffefa;color:#31584c;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:.16s}.choice:hover:not(:disabled){border-color:#8eaa99;background:#f6f8f3;transform:translateY(-1px)}.choice:disabled{cursor:default}.choice-article{font:500 21px Playfair Display,serif}.choice-icon{font-size:12px;color:#a5b1a5;opacity:0;transform:translate(-3px,3px);transition:.15s}.choice:hover .choice-icon{opacity:1;transform:translate(0)}.choice.correct{border-color:#79a387;background:#eff6ef;color:#366b4d}.choice.correct .choice-icon,.choice.wrong .choice-icon{opacity:1;transform:none}.choice.wrong{border-color:#da9a7d;background:#fbf0e9;color:#a35537}.choice.wrong .choice-icon{color:#ba6948}.feedback{height:48px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#9aa098}.feedback-good{color:#4d805b}.feedback-bad{color:#a65f43}.feedback-icon{font-size:14px}.feedback strong{font-weight:600}.card-bottom{border-top:1px solid #eeeee7;padding-top:15px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#929a91}.next-button{border:0;background:none;color:#285344;font:600 11px DM Sans,sans-serif;cursor:pointer;padding:4px}.next-button span{padding-left:6px;font-size:15px}.next-button:disabled{opacity:.5}.side-note{align-self:end;padding-bottom:10px;color:#8a968d}.note-star{font-size:20px;color:#cb805d}.side-note p{font:13px/1.7 Playfair Display,serif;margin:9px 0 24px}.side-note p strong{color:#476658;font-weight:600}.note-count{font:500 22px DM Mono,monospace;color:#356050;display:flex;flex-direction:column;gap:4px}.note-count small{font-size:8px;color:#9ba49b;letter-spacing:.8px}.footer{border-top:1px solid #dfe4db;min-height:66px;display:flex;align-items:center;justify-content:space-between;color:#a0a79f;font-size:8px;letter-spacing:.75px}.footer a{font:11px DM Sans,sans-serif;letter-spacing:0;color:#567265;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:1000px){.page-shell{padding:0 5vw}.layout{grid-template-columns:minmax(200px,.75fr) minmax(390px,1.3fr);gap:42px}.side-note{display:none}}@media(max-width:680px){.page-shell{padding:0 22px}.topbar{height:70px}.top-note{font-size:11px}.layout{display:flex;flex-direction:column;align-items:stretch;gap:31px;padding:43px 0 52px}.intro{display:grid;grid-template-columns:1fr auto;align-items:end}.eyebrow{grid-column:1/-1;margin-bottom:17px}.intro h1{font-size:43px}.intro-copy{grid-column:1/-1;margin:14px 0 0;max-width:none}.level-wrap{grid-column:1/-1;margin-top:26px}.quiz-card{min-height:410px;padding:22px 18px 18px}.question{padding:48px 0 29px}.footer{min-height:62px;gap:10px}.footer>span:first-child{display:none}.footer a{font-size:10px}}.page-shell{width:100%;max-width:none;padding:0 clamp(18px,4vw,64px)}.layout{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:28px 0 36px;width:100%}.level-wrap{display:flex;align-items:center;gap:16px}.level-wrap .field-label{margin:0;white-space:nowrap}.quiz-card{width:100%;min-height:0;flex:1}@media(max-width:680px){.page-shell{padding:0 16px}.layout{gap:16px;padding:22px 0 28px}.level-wrap{justify-content:space-between;gap:8px}.quiz-card{padding:22px 18px 18px}.question{padding:40px 0 25px}}.top-actions{display:flex;align-items:center;gap:22px}.review-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce2da;border-radius:8px;background:#fffefa;color:#31584c;padding:9px 12px;font:600 11px DM Sans,sans-serif;cursor:pointer}.review-toggle:hover,.drawer-close:hover{border-color:#9cac9d;background:#f6f8f3}.mistake-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#eff4ed;color:#31584c;font:500 10px DM Mono,monospace}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#14282055;cursor:pointer}.mistakes-drawer{position:fixed;z-index:11;inset:0 0 0 auto;width:min(390px,92vw);overflow-y:auto;background:#fffefa;box-shadow:-16px 0 45px #1428201a;padding:28px 25px}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #eeeee7}.drawer-header .field-label{margin:0 0 8px}.drawer-header h2{margin:0;color:#1d4239;font:500 25px Playfair Display,serif}.drawer-close{width:34px;height:34px;border:1px solid #e3e7df;border-radius:8px;background:#fffefa;color:#31584c;font-size:23px;line-height:1;cursor:pointer}.mistake-list{list-style:none;margin:0;padding:0}.mistake-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #eeeee7}.mistake-word{color:#1d4239;font:500 18px Playfair Display,serif}.mistake-article{display:flex;align-items:center;gap:8px;color:#a35537;font:500 15px DM Mono,monospace}.mistake-article small{color:#929a91;font:10px DM Sans,sans-serif}.empty-mistakes{color:#78847e;font-size:13px;line-height:1.6}@media(max-width:680px){.top-actions{gap:10px}.top-note{display:none}.review-toggle{padding:8px 10px}}.level-wrap .review-toggle{margin-left:auto}@media(max-width:680px){.level-wrap{flex-wrap:wrap}.level-wrap .review-toggle{margin-left:auto}}.mistake-list li{justify-content:flex-start;gap:5px}.feedback .hint{color:#567265;text-decoration:none}.feedback .hint:hover{text-decoration:underline}.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:24px}.main-nav a{padding:9px 13px;border-radius:7px;color:#718078;text-decoration:none;font-size:12px;font-weight:600}.main-nav a:hover{background:#e9eee7;color:#264e41}.main-nav a.active{background:#1d4b40;color:#fff}.rektion-layout{flex:1;display:flex;flex-direction:column;gap:20px;padding:42px 0 50px}.rektion-heading .eyebrow{margin:0 0 13px}.rektion-heading h1{font-size:clamp(38px,4vw,54px)}.rektion-heading p{margin:11px 0 0;color:#78847e;font-size:14px}.rektion-card{flex:1;min-height:460px;padding:25px 30px 20px;border:1px solid #e9e8df;border-radius:15px;background:#fffefa;box-shadow:0 16px 45px #29463a0a;display:flex;flex-direction:column}.rektion-controls{display:flex;align-items:end;gap:14px;padding-bottom:21px;border-bottom:1px solid #eeeee7}.rektion-controls label{display:flex;flex-direction:column;gap:8px}.rektion-controls .field-label{margin:0}.rektion-controls select{min-width:120px;height:38px;padding:0 11px;border:1px solid #dce2da;border-radius:7px;background:#fffefa;color:#31584c;font:12px DM Sans,sans-serif}.rektion-score{margin-left:auto;color:#a0a69e;font:10px DM Mono,monospace;letter-spacing:.8px}.rektion-score strong{margin-left:8px;color:#31574c;font-size:12px}.rektion-question{max-width:850px;width:100%;margin:auto;text-align:center;padding:40px 0}.rektion-question h2{max-width:850px;margin:16px auto 24px;color:#1d4239;font:500 clamp(24px,3vw,36px) "Playfair Display",serif;line-height:1.3}.rektion-answer{width:min(320px,100%);height:46px;padding:0 13px;border:1px solid #dce2da;border-radius:8px;color:#31584c;font:16px DM Sans,sans-serif;text-align:center}.rektion-answer:focus,.rektion-controls select:focus{outline:2px solid #8eaa99;outline-offset:2px}.rektion-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 17px}.rektion-option{min-height:45px;padding:10px 16px;border:1px solid #e3e7df;border-radius:8px;background:#fffefa;color:#31584c;font:500 13px DM Sans,sans-serif;cursor:pointer}.rektion-option:hover:not(:disabled),.rektion-option.selected{border-color:#8eaa99;background:#f3f7f1}.rektion-option.correct{border-color:#79a387;background:#eff6ef;color:#366b4d}.rektion-option.wrong{border-color:#da9a7d;background:#fbf0e9;color:#a35537}.rektion-option:disabled{cursor:default}.rektion-submit{display:block;min-width:120px;height:42px;margin:17px auto 0;border:0;border-radius:8px;background:#1d4b40;color:#fff;font:600 12px DM Sans,sans-serif;cursor:pointer}.rektion-submit:disabled{opacity:.45;cursor:default}.rektion-feedback{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#89928b;font-size:13px;text-align:center}.rektion-feedback.feedback-good{color:#4d805b}.rektion-feedback.feedback-bad{color:#a65f43}.rektion-example{color:#52675e;font-family:Playfair Display,serif}.rektion-bottom{display:flex;justify-content:space-between;border-top:1px solid #eeeee7;padding-top:15px;color:#929a91;font-size:10px}.rektion-bottom span:last-child{color:#567265}.rektion-card form{margin:0}@media(max-width:680px){.main-nav{gap:0;margin:0 0 0 auto}.main-nav a{padding:8px 10px;font-size:11px}.rektion-layout{padding:28px 0 38px;gap:17px}.rektion-heading h1{font-size:38px}.rektion-card{padding:18px 16px;min-height:480px}.rektion-controls{gap:9px;align-items:start;flex-wrap:wrap}.rektion-controls select{min-width:0;width:120px}.rektion-score{align-self:center}.rektion-question{padding:32px 0}.rektion-question h2{font-size:26px}.rektion-option{width:100%}.rektion-bottom{gap:10px}}