:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15213d;background:#f8faff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible{outline:3px solid #8ea6ff;outline-offset:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;background:#fff;border-inline-end:1px solid #e4eaf5;display:flex;flex-direction:column;padding:27px 15px 24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 35px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#3446d8;color:#fff;font-size:21px;font-weight:700;box-shadow:0 5px 13px #3446d829}.brand strong{display:block;font-size:17px;letter-spacing:-.035em;color:#14213e;white-space:nowrap}.brand small{display:block;color:#71809c;font-size:11px;margin-top:2px;white-space:nowrap}.main-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:13px 15px;border:0;border-radius:11px;background:transparent;color:#62718d;text-align:start;font-weight:700;font-size:14px}.nav-item:hover{background:#f5f7fd}.nav-item.active{background:#e9ecff;color:#3446d8}.nav-item svg{flex:none}.sidebar-bottom{margin-top:auto;border-top:1px solid #ebeff7;padding:20px 12px 0;color:#8793a9;font-size:11px;display:grid;gap:7px}.version{font-weight:700;color:#5f6d89}.workspace{min-width:0;flex:1}.topbar{height:65px;background:#fff;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:flex-end;padding:0 42px}.topbar-right{display:flex;align-items:center;gap:12px;color:#65738d;font-size:12px;font-weight:700}.topbar select{appearance:none;border:1px solid #d9e1f0;background:#fff;color:#263553;border-radius:9px;padding:8px 31px 8px 11px;min-width:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23576a88' stroke-width='1.7'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.mobile-brand{display:none}.topbar #practice-form{min-width:235px}.topbar select:disabled{opacity:.55}.content{max-width:1390px;margin:0 auto;padding:45px 45px 70px}.content-heading{margin-bottom:38px}.content-heading h1{font-size:29px;line-height:1.25;letter-spacing:-.045em;margin:0 0 8px;font-weight:700;color:#14213e}.content-heading p{font-size:14px;color:#71809c;line-height:1.55;margin:0;max-width:740px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:42px}.question-panel{min-width:0;background:#fff;border:1px solid #e5eaf4;border-radius:17px;box-shadow:0 12px 40px #27437b0a;padding:30px 34px 26px}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#465a7d;font-size:13px;font-weight:700;margin-bottom:24px}.question-panel h2{font-size:27px;line-height:1.36;letter-spacing:-.035em;margin:0 0 29px;font-weight:700;color:#13213d;text-align:left}.answers{display:grid;gap:11px}.answer{width:100%;min-height:66px;display:flex;align-items:center;gap:16px;text-align:left;padding:13px 17px;border-radius:11px;border:1.5px solid #dce4f1;background:#fff;color:#263553;line-height:1.45;font-size:15px;font-weight:500;transition:border-color .16s,background .16s,transform .16s}.answer:not(:disabled):hover{border-color:#6676e9;background:#f8f9ff;transform:translateY(-1px)}.answer:disabled{opacity:1}.answer-letter{width:29px;height:29px;border:1.5px solid #9ba8bd;border-radius:50%;display:grid;place-items:center;flex:none;color:#485b7b;font-size:12px;font-weight:700}.answer-wrong{background:#fff7f6;border-color:#efc5c1;color:#9a514b}.answer-wrong .answer-letter{border-color:#ddaaa5;color:#ad5550}.answer-correct{background:#ecf9f2;border-color:#76c79c;color:#185b3d}.answer-correct .answer-letter{border-color:#3ca474;background:#3ca474;color:#fff}.question-stack{display:grid;gap:20px;min-width:0}.question-panel{scroll-margin-top:24px}.progress-rail{position:sticky;top:34px;align-self:start}.question-meta{flex-wrap:wrap}.question-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-inline-start:auto}.guess-button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;flex:none;border:1px solid #d5deee;border-radius:9px;background:#fff;color:#52637e;font-size:12px;font-weight:700;white-space:nowrap}.guess-button svg{flex:none}.guess-button:not(:disabled):hover{background:#f8faff;border-color:#8798b8}.guess-button[aria-pressed=true]{background:#fff4db;border-color:#e6c574;color:#805312}.guess-button:disabled{opacity:.6}.status-guessed{background:#fff4db;color:#805312}.question-statuses{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;flex:none}.mark-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:-10px 0 18px;border:1px solid #eab9b5;border-radius:9px;background:#fff3f1;color:#91413d;font-size:12px}.mark-error button{flex:none;border:0;background:transparent;color:inherit;text-decoration:underline;font-weight:700}.guessed-review-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px;text-align:start}.question-list .question-statuses{max-width:40%}@media(max-width:640px){.question-tools{gap:6px}.guess-button{width:40px;min-height:40px}.question-tools .status{font-size:10px}.question-statuses{align-items:flex-end;flex-direction:column}.mark-error{align-items:flex-start}}.feedback-area{border-top:1px solid #e5eaf4;margin-top:27px;padding-top:22px;min-height:122px}.attempt-heading{display:flex;align-items:center;gap:11px;font-size:14px}.attempt-heading strong{color:#1e2d4a}.muted{color:#7483a0;font-size:13px;margin:13px 0 0}.retry-note{color:#9a6724;background:#fff9eb;border:1px solid #f6e5b8;border-radius:10px;padding:12px 14px;font-size:13px;margin:13px 0 0}.result-box{margin-top:15px;padding:16px 19px;border:1px solid #cfe9db;background:#f3fbf6;border-radius:11px;font-size:13px;line-height:1.6}.result-box>strong{font-size:14px}.result-box p{margin:7px 0 0}.result-box b{font-weight:700}.result-good{color:#215a3d}.result-bad{background:#fff8f6;border-color:#efd6ce;color:#8e4c43}.concept-block{border-top:1px solid currentColor;margin-top:14px;padding-top:12px;text-align:left}.concept-block>strong{font-size:13px}.concept-block p{margin-top:7px}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.primary-button,.secondary-button,.danger-button{border-radius:10px;min-height:43px;padding:10px 18px;font-weight:700;font-size:13px;transition:background .15s,transform .15s;white-space:nowrap}.primary-button{border:1px solid #3446d8;background:#3446d8;color:#fff;box-shadow:0 5px 13px #3446d822}.primary-button:not(:disabled):hover{background:#2739bf;transform:translateY(-1px)}.primary-button span{margin-inline-start:16px;font-size:18px;line-height:0}.secondary-button{border:1px solid #d5deee;background:#fff;color:#283958}.secondary-button:not(:disabled):hover{background:#f5f7fd}.danger-button{background:#fff;border:1px solid #efc5c3;color:#ad3f43}.danger-button:not(:disabled):hover{background:#fff4f3}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.5}.status{display:inline-flex;align-items:center;border-radius:100px;background:#f0f3f9;color:#687790;font-size:11px;font-weight:700;padding:6px 10px;white-space:nowrap}.status-good{background:#e5f6eb;color:#1d8355}.status-warn{background:#fff4db;color:#a2691e}.status-review{background:#ffeae6;color:#a94e43}.progress-rail{padding:11px 0;color:#243653}.progress-rail h2{font-size:17px;margin:0 0 25px;letter-spacing:-.025em}.rail-stat{display:flex;justify-content:space-between;gap:12px;margin:0 0 19px;font-size:13px;color:#60718f}.rail-stat strong{font-size:14px;color:#172847;white-space:nowrap}.progress-track{height:9px;background:#e5eaf3;border-radius:10px;margin-top:28px;overflow:hidden}.progress-track span{display:block;height:100%;background:#4858df;border-radius:10px;transition:width .2s}.progress-percent{text-align:end;color:#3446d8;font-size:12px;font-weight:700;margin-top:7px}.save-note{display:flex;gap:10px;padding:23px 0;margin-top:24px;border-top:1px solid #dfe5f0}.save-dot{width:9px;height:9px;background:#31a66c;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #e6f5ec;flex:none}.save-note strong{display:block;font-size:12px;color:#1d2c48}.save-note small{display:block;font-size:11px;color:#8793a9;line-height:1.5;margin-top:5px}.text-button{border:0;background:transparent;color:#3446d8;font-size:12px;font-weight:700;padding:0}.text-button span{margin-inline-start:7px}.progress-page,.settings-page{background:#fff;border:1px solid #e5eaf4;border-radius:17px;box-shadow:0 12px 40px #27437b0a}.progress-page{padding:31px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid #e7ecf5;padding-bottom:29px}.metric-grid div{display:flex;flex-direction:column;gap:7px}.metric-grid strong{font-size:31px;letter-spacing:-.04em;color:#152547}.metric-grid strong small{font-size:16px;color:#9aa8bf}.metric-grid span{font-size:12px;color:#687994;font-weight:600}.list-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:29px 0 16px}.list-header h2{font-size:17px;letter-spacing:-.025em;margin:0}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid transparent;border-radius:8px;background:transparent;color:#697b96;padding:7px 10px;font-size:11px;font-weight:700}.filters button:hover{background:#f5f7fc}.filters button[aria-pressed=true]{color:#3446d8;background:#e9ecff}.question-list{border:1px solid #e4eaf4;border-radius:12px;overflow:hidden}.question-list>button{width:100%;display:flex;align-items:center;gap:15px;text-align:start;border:0;border-bottom:1px solid #e7ecf4;background:#fff;padding:15px 17px;color:#243553}.question-list>button:last-child{border-bottom:0}.question-list>button:hover{background:#f8faff}.list-number{color:#9aa8bf;font-size:12px;font-weight:700;flex:none}.list-question{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;flex:1}.list-arrow{color:#6e7dd5;margin-inline-start:6px}.question-list .status{flex:none}.settings-page{padding:0 30px}.settings-page section{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0}.settings-page section+section{border-top:1px solid #e7ecf5}.settings-page h2{font-size:17px;margin:0 0 7px}.settings-page p{font-size:13px;color:#70809d;margin:0;line-height:1.55}.settings-page button{flex:none}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff3f1;border:1px solid #eab9b5;border-radius:10px;color:#91413d;padding:13px 16px;font-size:13px;margin-bottom:24px}.error-banner button{background:none;border:0;color:#913b3b;text-decoration:underline;font-weight:700}.loading,.empty-state{padding:55px 20px;text-align:center;color:#6f7f9c}.loading{display:flex;align-items:center;justify-content:center;gap:13px}.spinner{width:19px;height:19px;border:2px solid #d9e0fa;border-top-color:#3446d8;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state p{font-size:13px;color:#7f8da7}.empty-state strong{font-size:14px;color:#273553}.empty-state button{margin-top:10px}.dialog-backdrop{position:fixed;inset:0;background:#111c36a8;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:#fff;border-radius:16px;padding:27px;width:min(100%,420px);box-shadow:0 25px 90px #0a16346b}.dialog h2{font-size:20px;margin:0 0 9px}.dialog p{font-size:13px;color:#6e7d98;line-height:1.6;margin:0 0 25px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}[dir=rtl] .topbar select{background-position:left 10px center;padding:8px 11px 8px 31px}[dir=rtl] .answer,[dir=rtl] .question-panel h2,[dir=rtl] .list-question{text-align:left}@media(max-width:1150px){.sidebar{width:215px;flex-basis:215px}.content{padding:36px 29px 60px}.practice-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.question-panel{padding:27px}.question-panel h2{font-size:24px}}@media(max-width:860px){.sidebar{width:75px;flex-basis:75px;padding:22px 9px}.brand{justify-content:center;padding:0 0 34px}.brand>div:last-child,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px}.sidebar-bottom{display:none}.practice-layout{grid-template-columns:1fr}.progress-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:21px 23px;border:1px solid #e5eaf4;border-radius:17px;background:#fff}.progress-rail h2{grid-column:1/-1;margin-bottom:5px}.rail-stat{display:grid;margin:0}.progress-track,.progress-percent,.save-note,.progress-rail .text-button{grid-column:1/-1}.progress-track{margin-top:12px}.save-note{margin-top:4px;padding-bottom:3px}.progress-rail .text-button{text-align:start}}@media(max-width:640px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;z-index:10;width:100%;height:65px;padding:6px 10px;border-inline-end:0;border-top:1px solid #e0e7f2}.brand,.sidebar-bottom{display:none}.main-nav{display:flex;justify-content:space-around;gap:4px}.nav-item{width:auto;flex:1;display:flex;flex-direction:column;gap:2px;font-size:10px;padding:5px 8px;line-height:1.2}.nav-item svg{width:19px;height:19px}.topbar{height:58px;padding:0 20px;justify-content:space-between}.mobile-brand{display:block;font-size:15px;font-weight:700}.topbar-right label{display:none}.content{padding:27px 18px 90px}.content-heading{margin-bottom:23px}.content-heading h1{font-size:24px}.content-heading p{font-size:12px}.question-panel{padding:22px 17px 18px;border-radius:13px}.question-meta{margin-bottom:19px}.question-panel h2{font-size:21px;line-height:1.42;margin-bottom:21px}.answer{font-size:13px;min-height:61px;padding:10px 12px;gap:11px}.answer-letter{width:25px;height:25px}.feedback-area{margin-top:22px}.question-footer{gap:9px}.question-footer button{font-size:11px;padding:8px 12px}.primary-button span{margin-inline-start:6px}.progress-page{padding:21px 16px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:20px}.metric-grid strong{font-size:26px}.list-header{align-items:flex-start;flex-direction:column;gap:11px}.question-list>button{gap:9px;padding:13px 10px}.question-list .status{font-size:9px;padding:5px 7px}.list-question{font-size:11px}.settings-page{padding:0 20px}.settings-page section{align-items:flex-start;flex-direction:column;gap:17px}.progress-rail{padding:20px 16px}.rail-stat{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:860px){.progress-rail{position:static}}.heading-with-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 24px;flex-wrap:wrap}.heading-with-actions>div:first-child{min-width:0}.heading-actions{display:none;gap:9px;flex:none}.heading-actions button{min-height:39px}.rail-actions{display:grid;gap:9px;border-top:1px solid #dfe5f0;margin-top:24px;padding-top:22px}.rail-actions button{width:100%}@media(max-width:860px){.heading-actions{display:flex}.rail-actions{display:none}}@media(max-width:640px){.heading-actions{width:100%}.heading-actions button{flex:1;padding-inline:10px;white-space:normal}}.history-section{margin-top:36px;border-top:1px solid #e7ecf5;padding-top:29px}.history-heading h2{font-size:17px;margin:0 0 6px}.history-heading p{font-size:12px;color:#7887a0;line-height:1.5;margin:0 0 17px}.history-list{border:1px solid #e4eaf4;border-radius:12px;overflow:hidden}.history-entry+.history-entry{border-top:1px solid #e7ecf4}.history-row{width:100%;border:0;background:#fff;padding:17px 19px;text-align:start;color:#243553}.history-row:hover,.history-row[aria-expanded=true]{background:#f8faff}.history-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-row-main strong{font-size:14px}.history-row-main time{font-size:11px;color:#8190a8}.history-row-metrics{display:flex;gap:8px 18px;flex-wrap:wrap;color:#657691;font-size:11px;margin-top:8px}.history-detail{background:#f8faff;border-top:1px solid #e7ecf4;padding:15px 19px 19px}.history-question{background:#fff;border:1px solid #e1e8f3;border-radius:9px}.history-question+.history-question{margin-top:8px}.history-question summary{display:flex;align-items:center;gap:12px;padding:13px 14px;list-style:none;cursor:pointer}.history-question summary::-webkit-details-marker{display:none}.history-question summary:focus-visible{outline:3px solid #8ea6ff;outline-offset:2px}.history-prompt{font-size:12px;line-height:1.45;flex:1;min-width:0;text-align:left}.history-question-body{border-top:1px solid #edf0f6;padding:14px 17px;font-size:12px;line-height:1.55;color:#334664;text-align:left}.history-question-body p{margin:0 0 9px}.history-question-body p:last-child{margin-bottom:0}.history-correct{color:#1d7550}.history-wrong{color:#a64b46}.history-terms{border-top:1px solid #e4eaf2;margin-top:12px;padding-top:11px}.history-terms p{margin-top:7px}.history-more{margin-top:15px}.history-error{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#a04742;background:#fff6f4;border:1px solid #efd5d1;border-radius:9px;padding:11px 13px;font-size:12px;margin-top:12px}.history-error button{border:0;background:transparent;color:inherit;text-decoration:underline;font-weight:700}.history-section .empty-state{padding:26px 15px}@media(max-width:640px){.history-section{margin-top:28px;padding-top:25px}.history-row{padding:15px 13px}.history-row-main{align-items:flex-start;flex-direction:column;gap:3px}.history-detail{padding:11px}.history-question summary{gap:8px;flex-wrap:wrap}.history-question summary .status{margin-inline-start:auto}.history-question-body{padding:12px}}@media(max-width:640px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;gap:9px;padding:10px 16px}.topbar-right{width:100%;gap:9px}.topbar-right label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar #practice-form{min-width:0;flex:2}.topbar #language{min-width:0;flex:1}.topbar select{font-size:12px}}
