@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20263d;background:#f7f8fc;font-synthesis:none;--blue:#4d5de8;--muted:#7b8196;--line:#e8eaf2;--green:#14836b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ca7ff;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.3;font-weight:800}h2{font-size:24px;letter-spacing:-.6px}h3{font-size:18px;letter-spacing:-.3px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.label{font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:var(--muted)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.7px;font-weight:750}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:11px;width:37px;height:37px;font-family:'Manrope',sans-serif;font-size:26px;font-weight:750}.brand small{font-size:10px;color:#8b90a1;letter-spacing:1.3px;margin-left:8px}.topbar{height:88px;background:white;border-bottom:1px solid var(--line)}.top-inner{max-width:1160px;height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.nav{display:flex;gap:7px;align-items:center}.nav button{background:transparent;color:#798097;padding:11px 16px;border-radius:9px;font-size:13px;font-weight:600}.nav button.active{background:#eff1ff;color:var(--blue)}.avatar{width:36px;height:36px;background:#eeeafb;border-radius:50%;display:grid;place-items:center;color:#746296;font-size:13px;font-weight:700}.profile-short{display:flex;align-items:center;gap:10px;background:transparent;font-size:12px}.dot{width:6px;height:6px;background:#39af92;border-radius:50%;display:inline-block;margin-right:6px}main{max-width:1160px;padding:42px 28px 60px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.intro p{margin-top:9px;font-size:14px;color:var(--muted)}.eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:10px}.eyebrow .label{color:var(--blue)}.pill{background:#eef1ff;color:#626fe2;font-size:11px;padding:5px 9px;border-radius:20px;font-weight:600}.panel{background:white;border:1px solid var(--line);border-radius:19px;padding:26px}.metrics{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:18px;margin-bottom:28px}.score-panel{background:#232b52;color:white;border:0;position:relative;overflow:hidden;padding:24px 27px;min-height:154px;display:flex;justify-content:space-between;align-items:center;gap:20px}.score-panel:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff12;right:-45px;top:-55px;border-radius:50%}.score-panel .label{color:#a5add0;letter-spacing:1.2px;font-size:10px}.score-value{font-family:'Manrope';font-size:43px;line-height:1.2;letter-spacing:-2px;font-weight:800;margin-top:7px}.score-value span{font-size:13px;color:#a7b0d1;letter-spacing:0;font-weight:500;margin-left:8px}.score-panel .small{color:#a7b0d1;font-size:10px;margin-top:10px;max-width:220px}.score-mini{width:110px;flex-shrink:0;opacity:.85}.metric{padding:24px}.metric .metric-num{font-family:'Manrope';font-size:30px;font-weight:750;letter-spacing:-1px;margin:14px 0 4px}.metric .label{font-size:10px;letter-spacing:1px}.metric-top{display:flex;justify-content:space-between;align-items:center}.icon{width:19px;height:19px;vertical-align:middle;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.metric-top .icon{color:#97a0c6}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-heading h3{font-size:16px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.activity{padding:29px;position:relative;overflow:hidden}.activity-top{display:flex;gap:14px;align-items:center;margin-bottom:21px}.activity-icon{height:46px;width:46px;border-radius:13px;background:#eeefff;color:var(--blue);display:grid;place-items:center}.activity-icon .icon{width:24px;height:24px}.activity.vocab .activity-icon{background:#e8f5f0;color:#16866e}.activity-top .small{color:var(--muted);font-size:11px;margin-top:4px}.activity .description{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:25px;max-width:340px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:21px}label{font-size:11px;font-weight:650;display:block;color:#646b80}input,select{margin-top:8px;width:100%;height:43px;border:1px solid #e3e6f0;background:#fafbfe;border-radius:9px;color:#343b51;padding:0 13px;font-size:13px}input[type=number]{appearance:textfield}.btn{background:var(--blue);color:white;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .2s}.btn:hover{background:#3d4bd0;transform:translateY(-1px)}.btn.full{width:100%}.btn.green{background:#15836b}.btn.green:hover{background:#116c58}.btn.secondary{background:#eff1fa;color:#565e80}.btn.secondary:hover{background:#e4e7f5}.btn.ghost{background:transparent;color:#767e95;padding:10px}.btn.red{background:#faeae8;color:#c45754}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#959bad}.card-foot .icon{width:13px;height:13px}.category-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;margin-bottom:20px}.category-pills button{font-size:11px;padding:8px 10px;background:#f4f6fa;color:#7a8296;border-radius:7px;white-space:nowrap}.category-pills button.active{background:#e7f4ef;color:#16856d}.vocab-count{display:flex;gap:12px;align-items:center;margin-bottom:23px}.vocab-count strong{font-size:26px;font-family:'Manrope';letter-spacing:-1px}.bar{height:5px;background:#edf0f6;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--blue);border-radius:8px;transition:width .4s}.bar.green span{background:#2c9e82}.vocab-count>div{flex:1}.subtle-link{background:transparent;color:var(--blue);font-size:11px;font-weight:600}.recent{margin-top:33px}.recent-table{padding:0;overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}.table th{font-weight:500;color:#8c93a6;font-size:10px;background:#fcfcfe}.table td,.table th{padding:16px 23px;border-bottom:1px solid #edf0f6}.table tr:last-child td{border:0}.empty{padding:26px 22px;text-align:center;line-height:1.8;font-size:12px;color:var(--muted)}.footer{margin-top:26px;color:#a4a9b8;font-size:10px;display:flex;justify-content:space-between;gap:10px}.login{max-width:410px;margin:10vh auto 40px;padding:0 22px}.login .brand{justify-content:center;margin-bottom:38px}.login .panel{padding:32px}.login h1{font-size:26px;margin-bottom:10px}.login p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:23px}.login input{height:47px;margin-bottom:20px}.login .small{margin-top:19px;font-size:10px;color:#9298aa;text-align:center}.login .login-tag{color:#6170d7;text-align:center;margin-top:28px;font-size:11px}.loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:13px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#252d48;color:white;border-radius:11px;padding:13px 20px;font-size:13px;box-shadow:0 8px 30px #18204433;z-index:30;max-width:min(90vw,550px);display:none}#notice.show{display:block}.busy{cursor:progress}.test-wrap{max-width:760px;margin:auto}.test-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.test-heading h1{font-size:23px}.timer{font-size:14px;font-variant-numeric:tabular-nums;background:white;padding:10px 15px;border-radius:9px;border:1px solid var(--line);display:flex;align-items:center;gap:8px}.timer.low{color:#cb6560;background:#fff5f3}.test-progress{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.question-panel{margin-top:23px;padding:31px}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.difficulty{padding:5px 10px;border-radius:20px;background:#edf1ff;color:#6e7ac5;white-space:nowrap}.difficulty.Easy{background:#e8f5ef;color:#359173}.difficulty.Hard{background:#f9eeeb;color:#b97554}.question-text{font-size:20px;line-height:1.6;letter-spacing:-.3px;margin:27px 0;white-space:pre-wrap}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:14px 17px;border:1px solid #e5e8f1;background:white;color:#424b65;border-radius:11px;font-size:14px;transition:.15s}.option:hover:not(:disabled){border-color:#7884ee;background:#f7f8ff}.option:disabled{cursor:default;opacity:1}.option-letter{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f4f5fa;color:#9299ad;font-size:11px;font-weight:600}.option.correct{border-color:#67bda4;background:#edf8f3;color:#227b63}.option.correct .option-letter{background:#24896c;color:white}.option.incorrect{border-color:#e9a39b;background:#fef3f1;color:#b96057}.option.incorrect .option-letter{background:#c66d65;color:white}.explanation{background:#eef8f3;border-radius:12px;padding:20px;margin-top:21px;color:#316756;font-size:13px;line-height:1.75}.explanation.wrong{background:#fff5ef;color:#89664d}.explanation strong{display:block;font-size:14px;margin-bottom:7px}.test-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.test-bottom .small{max-width:350px}.complete{text-align:center;padding:44px 30px}.complete .activity-icon{margin:0 auto 21px;width:58px;height:58px}.complete h1{font-size:29px}.complete p{color:var(--muted);font-size:13px;margin-top:12px}.result-metrics{display:flex;justify-content:center;gap:38px;margin:31px 0}.result-metrics strong{display:block;font-size:30px;font-family:'Manrope';font-weight:750}.result-metrics span{font-size:10px;color:var(--muted)}.vocabulary-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.vocabulary-summary .panel{padding:23px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.category-stat{padding:22px}.category-stat .bar{margin-top:15px}.category-stat .small{margin-top:10px}.setup-panel{max-width:760px}.setup-panel .form-row{grid-template-columns:2fr 1fr}.setup-panel .category-pills button{font-size:13px;padding:11px 15px}.flash-wrap{max-width:650px;margin:auto}.flash-scene{perspective:1300px;min-height:330px;margin:25px 0}.flash-card{position:relative;width:100%;min-height:330px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.3,1);background:transparent;padding:0;display:block;color:inherit;border-radius:20px}.flash-card.flipped{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;backface-visibility:hidden;background:white;border:1px solid var(--line);border-radius:20px;padding:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 24px #1e2c5010}.flash-front h2{font-size:34px;text-align:center;margin:24px 0;letter-spacing:-1px}.flash-back{transform:rotateY(180deg);background:#f0f8f5;border-color:#dceee5}.flash-back h3{font-size:18px;margin-bottom:21px;color:#2b6b57}.flash-back .definition{font-size:18px;line-height:1.6;text-align:center;max-width:510px}.translation{margin-top:24px;padding-top:19px;border-top:1px solid #d6e8df;font-size:16px;color:#498573;width:100%;text-align:center}.flash-actions{display:grid;grid-template-columns:1fr .7fr 1fr;gap:12px}.flash-hint{text-align:center;color:#939aad;font-size:11px;margin:17px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stats-grid .panel{padding:22px}.stats-grid strong{display:block;font-size:29px;font-family:'Manrope';margin-top:14px}.stats-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.chart{width:100%;height:180px;margin-top:25px;display:block}.chart-labels{display:flex;justify-content:space-between;color:#9aa1b2;font-size:10px;padding:0 5px}.chart-footer{font-size:10px;margin-top:15px;color:#9aa1b2}.difficulty-row{display:flex;align-items:center;gap:15px;margin-top:23px;font-size:12px}.difficulty-row .bar{flex:1}.difficulty-row strong{font-size:13px;min-width:45px;text-align:right}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;padding-top:12px}.topic-row{font-size:11px}.topic-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.topic-row .small{font-size:9px;margin-top:5px}.profile-panel{max-width:670px}.profile-panel .profile-email{font-size:18px;font-weight:600;margin-top:8px;overflow-wrap:anywhere}.profile-panel .avatar{height:50px;width:50px;font-size:18px;margin-bottom:20px}.profile-section{padding:23px 0;border-bottom:1px solid var(--line)}.profile-section p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:9px}.profile-section:last-of-type{border-bottom:0;margin-bottom:10px}.badge{padding:4px 7px;background:#edf6f2;color:#348770;border-radius:5px;font-size:9px}.badge.expired{background:#fff4e9;color:#af8454}.sync{color:#8799a2;font-size:10px}.wide{margin-top:24px}.inline-score{margin-top:10px;font-size:11px;color:var(--muted)}.notice-inline{font-size:11px;padding:14px;background:#f3f5fc;color:#777f95;border-radius:9px;line-height:1.7;margin-top:20px}.mobile-profile{display:none}
@media(max-width:900px){.top-inner{gap:10px}.brand small,.profile-short span:not(.avatar){display:none}.nav button{padding:10px 12px}.metrics{grid-template-columns:1.5fr 1fr 1fr}.score-mini{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-columns{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{height:119px}.top-inner{padding:16px 20px;align-items:flex-start;position:relative}.brand{font-size:17px}.brand-mark{height:32px;width:32px;font-size:24px}.nav{position:absolute;bottom:10px;left:14px;right:14px;gap:4px;justify-content:space-between}.nav button{font-size:11px;padding:9px 11px}.profile-short{padding:0}.avatar{height:30px;width:30px}main{padding:27px 18px 40px}h1{font-size:27px;letter-spacing:-.8px}.intro{margin-bottom:23px}.intro p{font-size:12px}.intro>div:last-child:not(:first-child){display:none}.metrics{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.score-panel{grid-column:1/-1;min-height:145px;padding:22px}.score-mini{display:block}.metric{padding:20px}.metric .metric-num{font-size:26px;margin-top:10px}.activity-grid{grid-template-columns:1fr;gap:17px}.activity{padding:24px}.activity .description{margin-bottom:22px}.section-heading h3{font-size:15px}.recent{margin-top:25px}.table td,.table th{padding:15px}.footer{flex-direction:column;gap:6px}.vocabulary-summary{gap:10px}.vocabulary-summary .panel{padding:16px 12px}.vocabulary-summary .label{letter-spacing:.5px;font-size:9px}.vocabulary-summary .metric-num{font-size:24px}.category-grid{grid-template-columns:1fr;gap:10px}.category-stat{padding:18px}.category-stat h3{font-size:15px}.setup-panel{padding:23px}.setup-panel .form-row{grid-template-columns:1fr}.setup-panel .category-pills button{padding:9px 10px;font-size:11px}.question-panel{padding:23px 19px}.question-text{font-size:18px;margin:23px 0}.question-meta{font-size:9px}.test-heading h1{font-size:20px}.timer{font-size:12px;padding:9px 11px}.test-bottom{flex-direction:column;align-items:stretch;gap:15px}.test-bottom .small{text-align:center}.option{padding:12px}.stats-grid{gap:12px}.stats-grid .panel{padding:19px}.stats-grid strong{font-size:25px}.stats-columns{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.result-metrics{gap:24px}.result-metrics strong{font-size:25px}.flash-face{padding:26px}.flash-front h2{font-size:28px}.flash-back .definition{font-size:16px}.flash-actions{gap:8px}.flash-actions .btn{padding:13px 8px;font-size:12px}.profile-panel .profile-email{font-size:16px}.complete{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){.metrics{grid-template-columns:1.35fr .85fr .85fr;gap:9px}.score-panel{grid-column:auto;min-height:137px;padding:17px 14px}.score-mini{display:none}.score-panel .label{font-size:8px;letter-spacing:.7px}.score-value{font-size:31px;margin-top:9px}.score-value span{font-size:9px;margin-left:3px}.score-panel .small{font-size:8px;margin-top:8px;line-height:1.5}.metrics .metric{padding:18px 11px}.metrics .metric .label{font-size:8px;letter-spacing:.5px}.metrics .metric-top .icon{display:none}.metrics .metric .metric-num{font-size:25px;margin:14px 0 8px}.metrics .metric .small{font-size:9px;line-height:1.5}.intro h1{font-size:25px}.intro p{font-size:11px}.activity .description{margin-bottom:18px}.activity-top{margin-bottom:15px}.metrics+.section-heading .small{display:none}}