body{background:#eef3f7}.hidden{display:none!important}.top-subtitle{font-size:12px;opacity:.78;margin-top:3px}.user-bar{display:flex;align-items:center;gap:14px;font-size:14px}.btn-light{background:#fff;color:#17344e}.practice-container{width:min(1320px,calc(100% - 28px));padding-top:26px}.login-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center}.login-card{width:min(440px,100%);padding:34px}.login-badge,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#345e80}.login-card h1{margin:8px 0 8px}.form-stack{display:grid;gap:16px;margin-top:24px}.form-stack label,.picker-panel>label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-stack input,.picker-panel select,.correction-card input{width:100%;border:1px solid #cbd7e0;background:#fff;border-radius:8px;padding:12px 13px;font:inherit;outline:none}.form-stack input:focus,.picker-panel select:focus,.correction-card input:focus,textarea:focus{border-color:#476f90;box-shadow:0 0 0 3px rgba(71,111,144,.12)}.btn-wide{width:100%;text-align:center}.form-message{min-height:18px;font-size:13px;color:var(--danger);margin-top:4px}.page-heading,.practice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h1,.practice-head h1{margin:0 0 5px}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.metric span{font-size:12px;color:var(--muted);font-weight:700}.metric small{display:block;margin-top:5px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.dashboard-grid h2{margin-top:0}.mode-tabs{display:flex;gap:8px;background:#eef2f5;border-radius:9px;padding:4px;margin-bottom:18px}.mode-tab{flex:1;border:0;background:transparent;padding:10px;border-radius:7px;font-weight:800;cursor:pointer}.mode-tab.active{background:#fff;box-shadow:0 2px 8px rgba(20,43,64,.08);color:var(--navy)}.picker-panel{display:grid;gap:15px}.picker-panel select{min-height:44px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;border:1px solid #d6e0e7;background:#f5f8fa;border-radius:999px;padding:5px 9px;font-size:11px;color:#496071;font-weight:700}.layout-choice{display:flex;gap:14px;align-items:center;padding:10px 0}.layout-choice>span{font-size:12px;font-weight:800;color:#4c6070}.layout-choice label{font-size:13px}.recent-list{display:grid;gap:8px}.recent-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid #e5ebf0}.recent-item:last-child{border-bottom:0}.recent-main{font-size:13px;font-weight:700}.recent-sub{font-size:11px;color:var(--muted);margin-top:3px}.result-pill{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;align-self:start}.result-pill.pass{background:#e4f4ea;color:#17633b}.result-pill.fail{background:#fae5e5;color:#9c2727}.practice-actions-top{display:flex;gap:10px;align-items:stretch}.timer-card{min-width:158px;background:#fff;border:1px solid #d4dee6;border-radius:10px;padding:8px 13px;display:grid}.timer-card span,.timer-card small{font-size:10px;color:var(--muted)}.timer-card strong{font-size:23px;line-height:1.05;color:var(--navy)}.workspace{display:grid;gap:16px;min-height:590px}.workspace.layout-vertical{grid-template-columns:1fr 1fr}.workspace.layout-word{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.typing-panel{background:#fff;border:1px solid #ccd9e2;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:590px}.panel-title{padding:10px 14px;background:#e8eef3;border-bottom:1px solid #d6e0e8;font-size:12px;font-weight:800;color:#314f66}.question-box{padding:22px;font-family:"Courier New",monospace;font-size:19px;line-height:1.72;white-space:pre-wrap;overflow:auto;flex:1;color:#111}.layout-word .question-box{max-width:720px;margin:22px auto;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.12);border:1px solid #e1e1e1;padding:48px 52px;min-height:900px;width:calc(100% - 44px)}.layout-word .question-panel{background:#d8dce0}.answer-panel textarea{border:0;resize:none;outline:none;flex:1;width:100%;padding:22px;font-family:"Courier New",monospace;font-size:19px;line-height:1.72;color:#111;background:#fff}.answer-panel textarea:focus{box-shadow:none}.practice-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 2px}.limit-banner{background:#fff3cd;border:1px solid #ecd182;border-radius:9px;padding:11px 14px;margin-bottom:14px;color:#6f5614;font-size:13px}.modal{position:fixed;inset:0;background:rgba(17,31,43,.62);z-index:1000;display:grid;place-items:center;padding:18px}.modal-card{background:#fff;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.3);padding:24px;width:min(1180px,96vw);max-height:92vh;overflow:auto}.small-modal{width:min(500px,96vw)}.result-modal-card{width:min(1180px,96vw)}.result-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.result-header h2{margin:5px 0 0}.icon-btn{border:0;background:#e9eef2;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.result-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin:18px 0}.result-stat{border:1px solid #dae3e9;border-radius:9px;padding:12px}.result-stat span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.result-stat strong{display:block;font-size:21px;margin-top:4px;color:var(--navy)}.result-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.result-columns h3{font-size:14px;margin-bottom:8px}.table-wrap{overflow:auto;border:1px solid #dce4ea;border-radius:9px}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.table-wrap th,.table-wrap td{padding:8px 9px;border-bottom:1px solid #e2e8ed;text-align:left;vertical-align:top}.table-wrap th{background:#eef3f6;color:#385269;font-size:10px;text-transform:uppercase}.table-wrap tr:last-child td{border-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.correction-card{width:min(620px,95vw);text-align:center}.correction-word{font-size:38px;font-weight:800;margin:20px 0 10px;color:var(--navy);font-family:"Courier New",monospace}.correction-progress{height:9px;background:#e6ebef;border-radius:999px;overflow:hidden;margin:12px 0 18px}.correction-progress>div{height:100%;background:#315d7e;width:0}.correction-card input{text-align:center;font-size:20px;font-family:"Courier New",monospace}.ok-message{color:#167041}.error-message{color:#a42323}@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.dashboard-grid,.workspace.layout-vertical,.workspace.layout-word,.result-columns{grid-template-columns:1fr}.practice-head,.page-heading{flex-direction:column}.practice-actions-top{width:100%}.timer-card{flex:1}.typing-panel{min-height:420px}.metric-grid{grid-template-columns:repeat(2,1fr)}.layout-word .question-box{min-height:650px;padding:34px 28px}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.practice-container{width:min(100% - 16px,1320px)}.metric-grid{grid-template-columns:1fr 1fr}.card{padding:17px}.question-box,.answer-panel textarea{font-size:16px;padding:16px}.user-bar #studentName{display:none}.result-grid{grid-template-columns:1fr 1fr}}