:root{--navy:#132840;--teal:#07888e;--text:#21364b;--muted:#708297;--line:#dbe3ec;--bg:#f2f5f8; font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #4bc3c9;outline-offset:2px}
button:disabled{opacity:.4;cursor:default}.desktop{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-gutter:stable}.mobile-notice{display:none}
.top{position:sticky;top:0;z-index:10;flex-shrink:0;height:63px;min-height:63px;display:flex;align-items:center;gap:14px;padding:0 19px;background:var(--navy);color:white}
.back{text-decoration:none;color:white;font-size:23px;padding:4px 9px}.brand{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.4px}.brandmark{width:35px;height:35px;background:#0fa1a2;display:grid;place-items:center;border-radius:9px;font-size:23px;font-weight:900}
.label-top{color:#b7c6d6;font-size:12px;margin-left:12px}
.models{display:flex;gap:6px;margin-left:8px}.models button{white-space:nowrap;border:1px solid #51687e;border-radius:7px;background:#254059;color:white;padding:8px 12px;font-size:12px}.models button[aria-pressed="true"]{background:#0b8990;border-color:#0b8990;font-weight:850}
.levels{display:flex;gap:7px;margin-left:auto}.levels button{border:1px solid #51687e;border-radius:7px;background:#254059;color:white;padding:9px 13px;font-size:12px}.levels button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);font-weight:850}.time{font-weight:850;font-size:17px;min-width:89px;text-align:center;font-variant-numeric:tabular-nums}.submit{border:0;border-radius:7px;padding:10px 15px;font-size:12px;background:#0ca39d;color:#fff;font-weight:850}
.themes{flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);padding:13px 18px 10px}.themes-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:9px}.themes-head label{font-weight:850;font-size:12px;color:#50647b;letter-spacing:.5px}.themes-head input{border:1px solid #ccd8e3;border-radius:7px;font-size:12px;width:255px;padding:9px 12px}.topics{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:6px;min-height:52px}.topic{border:1px solid #d4e0e7;border-radius:7px;background:#f8fafc;text-align:left;padding:9px 12px;min-width:162px;max-width:230px;flex:0 0 190px;color:var(--text)}.topic strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.topic small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.topic.active{background:#e7f5f3;border:2px solid var(--teal);padding:8px 11px}.topic-empty{font-size:12px;color:var(--muted);padding:13px}
.topic-current{flex-shrink:0;min-height:62px;padding:9px 20px;display:flex;align-items:center;justify-content:space-between;background:#e9f5f4;border-bottom:1px solid #c9e1e0;gap:15px}.topic-current>div{min-width:0}.topic-current small{display:block;font-size:10px;letter-spacing:.7px;color:#46797d;font-weight:850}.topic-current strong{display:block;margin-top:4px;color:#0a5863;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-current>span{color:#4d7477;font-size:11px;font-weight:850;white-space:nowrap}
.work{flex:0 0 auto;height:calc(100dvh - 63px);min-height:537px;display:grid;grid-template-columns:190px minmax(370px,1fr) 235px}
.left{background:#f8fafc;border-right:1px solid var(--line);overflow-y:auto;padding:14px 11px}.left-head{font-size:10px;letter-spacing:.8px;color:#8292a3;font-weight:850;margin:5px 8px 16px}.category{font-size:13px;font-weight:850;padding:9px 10px;margin:5px 0 1px;border-radius:6px;color:#435d73}.category.active{color:#087c83;background:#e5f2f1}.parts{padding-left:12px;margin-bottom:12px;display:grid;gap:3px}.part{border:0;text-align:left;background:transparent;color:#708294;font-size:12px;border-radius:6px;padding:9px 12px}.part.active{background:#dceeed;color:#057c82;font-weight:850}.part:disabled{opacity:.32}
.middle{display:flex;flex-direction:column;min-width:0;min-height:0}.breadcrumb{height:42px;min-height:42px;background:white;border-bottom:1px solid var(--line);padding:13px 20px;color:#708092;font-size:11px}.paper-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 22px}.paper{max-width:830px;margin:0 auto;min-height:100%;padding:35px 38px 55px;background:white;box-shadow:0 3px 18px #1b38550d;border:1px solid #dfe6ed;direction:ltr;text-align:left}
.paper-overline{text-align:center;font-size:10px;color:#8393a3;letter-spacing:1.25px}.paper h1{text-align:center;color:#1e334b;font-size:23px;line-height:1.3;letter-spacing:-.35px;margin:13px 0 7px}.paper-sub{text-align:center;font-size:12px;color:#788b9c;margin-bottom:25px}.instruction{border-top:2px solid #274965;padding:17px 13px;background:#f4f7fa;line-height:1.75;font-size:13px;margin-bottom:20px;white-space:pre-wrap}.paper h2{font-size:15px;margin:23px 0 13px}.passage{white-space:pre-wrap;line-height:1.85;font-size:14px;margin:13px 0;padding:17px 18px;border:1px solid #e0e8ee;background:#fcfdfe}.passage h3{font-size:14px;margin:0 0 10px}.bank{border:1px solid #e0e6ef;padding:13px 16px;margin:14px 0}.bank p{line-height:1.7;margin:7px 0;font-size:12px}.bank b{color:#047984}.question{padding:15px 0 20px;border-bottom:1px solid #e1e8ee;scroll-margin-top:20px}.question h3{color:#0a7981;font-size:12px;margin:0 0 10px}.question p{line-height:1.76;font-size:14px;white-space:pre-wrap;margin:9px 0}.q-options{display:flex;flex-direction:column;gap:6px;margin-top:11px}.q-options.matching{display:flex;flex-direction:row;flex-wrap:wrap}.option{background:white;border:1px solid #d3dfe7;border-radius:6px;text-align:left;padding:10px 12px;font-size:12px;color:#38516c}.matching .option{min-width:38px;padding:8px 10px;text-align:center}.option.chosen{background:#067e87;color:white;border-color:#067e87;font-weight:800}.option:disabled{opacity:.75}.missing{border:1px solid #ecd4a4;background:#fff8e9;color:#765c2a;padding:13px 15px;border-radius:6px;font-size:12px;line-height:1.7;margin:17px 0}.writing{width:100%;min-height:300px;border:1px solid #d5e1ea;border-radius:6px;padding:16px;line-height:1.75;font-size:15px;resize:vertical}.words{font-size:11px;color:var(--muted);margin-top:8px}.audio{padding:14px;background:#f3f6f9;border:1px solid var(--line);margin:15px 0;color:#62778b;font-size:12px}.score-text{color:#127d65;font-size:13px;margin:9px 0}
.bottom{height:59px;min-height:59px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px}.bottom button{border:1px solid #d0dce7;border-radius:6px;padding:9px 13px;background:white;color:#35516a;font-size:12px;font-weight:850}.bottom button.next{background:#0b858d;border-color:#0b858d;color:white}.bottom span{font-size:11px;color:#8293a3}
.right{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:white}.sheet-head{padding:17px 14px;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:16px;margin:0 0 5px}.sheet-head>span{font-size:11px;color:#7f90a1}.sheet-head small{display:block;margin-top:6px;color:#7d8d9e;font-size:11px}.track{margin-top:12px;height:7px;background:#e7edf1;border-radius:5px;overflow:hidden}.progress{background:#0a9993;height:100%;width:0;transition:width .15s}
.sheet-list{padding:17px 14px;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px}.sheet-cell{border-radius:6px;border:1px solid #dae3ea;background:#fff;height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;color:#8294a5}.sheet-cell span:first-child{font-size:9px}.sheet-cell.done{background:#e0f2ef;border-color:#0b9990;color:#077b74;font-weight:850}.sheet-foot{border-top:1px solid var(--line);padding:14px;color:#6a7e90;font-size:12px;line-height:1.6}.sheet-foot strong{display:block;color:#127f69;font-size:15px}
@media(max-width:1120px){.label-top{display:none}.work{grid-template-columns:166px minmax(350px,1fr) 206px}.paper-scroll{padding:13px}.paper{padding:27px 23px}.topic{flex-basis:170px}}
@media(max-width:820px){.desktop{display:none}.mobile-notice{display:block;margin:16vh auto;padding:22px;max-width:370px;text-align:center;line-height:1.8}.mobile-notice a{display:inline-block;margin-top:12px;color:var(--teal)}}

.mock-chooser{border:1px solid #51687e;background:#24415d;color:white;border-radius:7px;font-weight:800;padding:9px 12px;font-size:12px;max-width:130px}
[hidden]{display:none!important}
.home-link{color:#b7c6d6;font-size:11px;text-decoration:none}.picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-top:24px}.picker-card{border:1px solid var(--line);border-radius:7px;background:#f8fafc;color:var(--text);padding:18px;text-align:left}.picker-card:hover{border-color:var(--teal);background:#e7f5f3}