.online-test-attempt-page{--theme-bg:var(--page-bg);--theme-surface:var(--card-bg);--theme-surface-raised:var(--elevated-bg);--theme-bg-soft:var(--card-bg-secondary);--theme-text:var(--text-primary);--theme-text-muted:var(--text-muted);--theme-accent:var(--theme-cyan);--theme-accent-soft:var(--accent-cyan-surface);--theme-focus:var(--focus-ring);background:var(--theme-bg)}.online-test-attempt-page main{min-height:calc(100vh - 160px)}.online-test-attempt-root{width:min(1200px,100%);margin:0 auto;padding:20px clamp(16px,2.5vw,30px) 36px}.online-test-attempt-message{border:1px solid var(--theme-border);background:var(--theme-surface);width:min(620px,100%);box-shadow:var(--shadow-soft);text-align:center;border-radius:18px;margin:6vh auto;padding:clamp(24px,4vw,38px)}.online-test-attempt-message>span,.online-test-engine-title>span{color:var(--theme-accent);letter-spacing:.11em;font-size:10px;font-weight:800;display:block}.online-test-attempt-message h1{margin:9px 0;font-size:clamp(25px,4vw,34px)}.online-test-attempt-message p{color:var(--theme-text-muted);margin:0 auto 20px;line-height:1.55}.online-test-attempt-message.error{border-color:#c5495b}.online-test-attempt-message.expired{border-color:#d08a21}.online-test-engine{border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:var(--shadow-soft);border-radius:18px;overflow:hidden}.online-test-engine-header{border-bottom:1px solid var(--theme-border);background:var(--theme-surface-raised);grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.online-test-engine-title h1{margin:3px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.2}.online-test-engine-progress{color:var(--theme-text-muted);white-space:nowrap;gap:14px;font-size:12px;font-weight:700;display:flex}.online-test-engine-timer-wrap{justify-items:end;gap:0;display:grid}.online-test-engine-timer-wrap>span:first-child{text-transform:uppercase;letter-spacing:.07em;color:var(--theme-text-muted);font-size:9px}.online-test-engine-timer{font-variant-numeric:tabular-nums;color:var(--theme-text);font-size:23px;font-weight:850}.online-test-engine-timer[data-warning=notice]{color:#a86500}.online-test-engine-timer[data-warning=urgent],.online-test-engine-timer[data-warning=critical]{color:#b72d43}.online-test-submit-button{white-space:nowrap;min-height:42px;padding-block:0}.online-test-engine-layout{grid-template-columns:minmax(0,1fr) 250px;min-height:500px;display:grid}.online-test-question-panel{flex-direction:column;min-width:0;padding:clamp(20px,3vw,30px);display:flex}.online-test-question-tools{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.online-test-question-difficulty{background:var(--theme-accent-soft);color:var(--theme-accent);text-transform:uppercase;letter-spacing:.055em;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.online-test-question-tools label{color:var(--theme-text-muted);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.online-test-question-tools select{border:1px solid var(--theme-border);background:var(--theme-surface);min-height:42px;color:var(--theme-text);font:inherit;border-radius:9px;padding:0 34px 0 11px}.online-test-question-panel h2{outline:none;max-width:820px;margin:0 0 20px;font-size:clamp(19px,2vw,24px);line-height:1.38}.online-test-question-panel h2:focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px;border-radius:4px}.online-test-options{border:0;margin:0;padding:0}.online-test-options [data-question-options]{gap:9px;display:grid}.online-test-option{border:1px solid var(--theme-border);background:var(--theme-bg-soft);cursor:pointer;border-radius:11px;grid-template-columns:20px 34px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:8px 13px;font-size:13px;line-height:1.4;transition:border-color .15s,background .15s;display:grid}.online-test-option:hover{border-color:var(--theme-accent)}.online-test-option:has(input:checked){border-color:var(--theme-accent);background:var(--theme-accent-soft)}.online-test-option:has(input:focus-visible){outline:3px solid var(--theme-focus);outline-offset:3px}.online-test-option input{width:18px;height:18px;accent-color:var(--theme-accent);margin:0}.online-test-option-identity{border:1px solid var(--theme-border);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:850;display:grid}.online-test-question-actions{background:0 0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:22px 0 0;display:grid}.online-test-question-actions .button,.online-test-action-link{white-space:nowrap;min-height:42px}.online-test-question-actions .review{background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-text);justify-self:end}.online-test-action-link{color:var(--theme-accent);cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:800}.online-test-action-link:disabled{opacity:.45;cursor:not-allowed}.online-test-palette{border-left:1px solid var(--theme-border);background:var(--theme-bg-soft);min-width:0;padding:20px 16px}.online-test-palette h2{margin:0 0 13px;font-size:17px}.online-test-palette>p{color:var(--theme-text-muted);margin:16px 0 0;font-size:10px;line-height:1.45}.online-test-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:310px;padding:3px;display:grid;overflow:hidden auto}.online-test-palette-button{border:1px solid var(--theme-border);background:var(--theme-surface);width:100%;min-width:0;min-height:40px;color:var(--theme-text);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;border-radius:9px;padding-inline:1px;font-size:12px;font-weight:850;line-height:1;position:relative}.online-test-palette-button[aria-current=true]{outline:3px solid var(--theme-focus);outline-offset:1px}.online-test-palette-button[data-palette-state=answered]{color:#145c34;background:#dff4e7;border-color:#32945b}.online-test-palette-button[data-palette-state=not-answered]{color:#7a3e0b;background:#fff0e4;border-color:#c77a35}.online-test-palette-button[data-palette-state=marked-for-review]{color:#4e258f;background:#eee6ff;border-color:#8257c7;border-radius:50%}.online-test-palette-button[data-palette-state=answered-and-marked-for-review]{color:#145c34;background:#dff4e7;border:3px solid #8257c7;border-radius:50%}[data-theme=dark] .online-test-palette-button[data-palette-state=answered]{color:#a5e5bd;background:#183f2b}[data-theme=dark] .online-test-palette-button[data-palette-state=not-answered]{color:#ffd0aa;background:#49301e}[data-theme=dark] .online-test-palette-button[data-palette-state=marked-for-review]{color:#d7c2ff;background:#35284d}[data-theme=dark] .online-test-palette-button[data-palette-state=answered-and-marked-for-review]{color:#a5e5bd;background:#183f2b}.online-test-palette-legend{color:var(--theme-text-muted);gap:6px;margin-top:15px;font-size:10px;display:grid}.online-test-palette-legend span{align-items:center;gap:7px;display:flex}.online-test-palette-legend span:before{content:"";border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:3px;flex:0 0 11px;width:11px;height:11px}.online-test-palette-legend [data-palette-state=answered]:before{background:#46a56c}.online-test-palette-legend [data-palette-state=not-answered]:before{background:#db914f}.online-test-palette-legend [data-palette-state=marked-for-review]:before{background:#8b65cb;border-radius:50%}.online-test-palette-legend [data-palette-state=answered-and-marked-for-review]:before{box-sizing:border-box;background:#46a56c;border:3px solid #8b65cb;border-radius:50%}.online-test-mobile-palette-open,.online-test-palette-dialog{display:none}.online-test-palette-dialog::backdrop{background:#030c1ca3}.online-test-submit-dialog{border:1px solid var(--theme-border-strong);background:var(--theme-surface);width:min(92vw,520px);max-height:min(90vh,620px);color:var(--theme-text);overscroll-behavior:contain;border-radius:18px;padding:0;overflow:auto;box-shadow:0 28px 80px #030c1c61}.online-test-submit-dialog::backdrop{background:#030c1cad}.online-test-submit-dialog form{padding:26px}.online-test-submit-dialog form>span:first-child{color:var(--accent-cyan-text);letter-spacing:.11em;font-size:11px;font-weight:850}.online-test-submit-dialog h2{letter-spacing:-.025em;margin:6px 0;font-size:26px}.online-test-submit-dialog p{color:var(--theme-text-muted);margin:0;font-size:14px;line-height:1.5}.online-test-submit-dialog dl{border:1px solid var(--theme-border);background:var(--theme-bg-soft);border-radius:12px;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;margin:20px 0;display:grid;overflow:hidden}.online-test-submit-dialog dl>div{text-align:center;place-content:center;min-height:78px;padding:13px 14px;display:grid}.online-test-submit-dialog dl>div:nth-child(2n){border-left:1px solid var(--theme-border)}.online-test-submit-dialog dl>div:nth-child(n+3){border-top:1px solid var(--theme-border)}.online-test-submit-dialog dt{color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.045em;font-size:12px;font-weight:800}.online-test-submit-dialog dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:20px;font-weight:850;line-height:1.1}.online-test-submit-dialog-actions{justify-content:flex-end;gap:9px;display:flex}.online-test-submit-dialog-actions .button{min-height:44px;padding-block:0;font-size:13px}.online-test-submit-dialog-actions .primary{background:var(--theme-gold);color:#111827}.online-test-submit-dialog [data-submit-status]{min-height:18px;color:var(--theme-text-muted);margin-top:8px;font-size:12px;display:block}.online-test-submit-dialog-actions .button{min-height:44px}.online-test-palette-dialog-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.online-test-palette-dialog-head h2{margin:0}.online-test-palette-dialog-head button{background:var(--theme-bg-soft);width:44px;height:44px;color:var(--theme-text);border:0;border-radius:50%;font-size:26px}.online-test-engine button:focus-visible,.online-test-engine select:focus-visible,.online-test-attempt-message a:focus-visible{outline:3px solid var(--theme-focus);outline-offset:3px}@media (width<=1000px){.online-test-engine-header{grid-template-columns:1fr auto auto}.online-test-engine-progress{grid-area:2/1/auto/-1}.online-test-engine-layout{grid-template-columns:minmax(0,1fr) 230px}.online-test-question-actions{grid-template-columns:1fr 1fr}.online-test-question-actions .review{justify-self:stretch}.online-test-question-actions .button{width:100%}}@media (width<=760px){.online-test-attempt-root{padding:0 0 20px}.online-test-engine{box-shadow:none;border-width:0;border-radius:0}.online-test-engine-header{z-index:8;border-top:1px solid var(--theme-border);grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:9px 12px;position:sticky;top:0}.online-test-engine-title>span{font-size:8px}.online-test-engine-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.online-test-engine-progress{grid-area:2/1/auto/2;gap:8px;font-size:10px}.online-test-engine-timer-wrap{grid-area:1/2/auto/4}.online-test-engine-timer-wrap>span:first-child{font-size:8px}.online-test-engine-timer{font-size:20px}.online-test-mobile-palette-open{border:1px solid var(--theme-border);background:var(--theme-surface);min-height:44px;color:var(--theme-text);border-radius:9px;grid-area:2/2;padding:0 9px;font-size:11px;font-weight:800;display:block}.online-test-submit-button{grid-area:2/3;padding:0 9px;font-size:10px}.online-test-engine-layout{min-height:calc(100vh - 170px);display:block}.online-test-question-panel{padding:17px 14px 108px}.online-test-question-tools{margin-bottom:14px}.online-test-question-tools label>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.online-test-question-panel h2{margin-bottom:17px;font-size:19px}.online-test-option{grid-template-columns:20px 32px minmax(0,1fr);min-height:48px;padding:7px 10px}.online-test-palette{display:none}.online-test-question-actions{z-index:7;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--theme-border);background:var(--theme-surface);grid-template-columns:1fr 1fr;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #030c1c17}.online-test-question-actions .online-test-action-link,.online-test-question-actions .review{min-height:44px;font-size:11px}.online-test-palette-dialog[open]{border:1px solid var(--theme-border);background:var(--theme-surface);width:min(94vw,500px);max-height:82vh;color:var(--theme-text);border-radius:17px;padding:18px;display:block}.online-test-palette-dialog .online-test-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:46vh}.online-test-palette-dialog .online-test-palette-button{min-height:44px}.online-test-submit-dialog form{padding:19px 16px}.online-test-submit-dialog-actions{grid-template-columns:1fr;display:grid}.online-test-submit-dialog-actions .button{width:100%;min-height:44px}.online-test-attempt-message{width:auto;margin:5vh 14px}}@media (width<=390px){.online-test-engine-progress span{font-size:9px}.online-test-question-actions{gap:7px}.online-test-question-actions .button,.online-test-question-actions .online-test-action-link{letter-spacing:.2px;padding-inline:7px}}@media (prefers-reduced-motion:reduce){.online-test-option{transition:none}}.online-test-save-status{min-height:1.25rem;color:var(--theme-text-muted);font-size:.78rem;display:block}.online-test-save-status[data-state=failed]{color:#a52a3a}.online-test-engine-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:10px 16px}.online-test-engine-title h1{border-left:3px solid color-mix(in srgb,var(--theme-gold) 78%,var(--theme-accent));color:var(--theme-text);letter-spacing:-.025em;margin:0;padding-left:11px;font-size:clamp(20px,1.7vw,22px);font-weight:850;line-height:1.2}.online-test-engine-progress{display:none}.online-test-engine-layout{min-height:460px}.online-test-question-panel{padding:18px clamp(20px,2.5vw,26px) 22px}.online-test-question-tools{margin-bottom:10px}.online-test-question-tools select{min-height:38px}.online-test-question-panel h2{margin-bottom:16px;font-size:clamp(19px,1.52vw,20px);font-weight:750;line-height:1.42}.online-test-option{min-height:50px;font-size:15px}.online-test-option>span:last-child{overflow-wrap:anywhere;min-width:0;font-size:clamp(.96rem,1vw,1rem)}.online-test-question-actions{grid-template-columns:auto auto 1fr auto auto;padding-top:18px}.online-test-question-actions .review{justify-self:end}.online-test-submit-button{border:1px solid color-mix(in srgb,var(--theme-gold) 55%,var(--theme-border));background:color-mix(in srgb,var(--theme-gold) 7%,var(--theme-surface));min-height:42px;color:var(--accent-gold-text)}.online-test-submit-button:hover{border-color:color-mix(in srgb,var(--theme-gold) 80%,var(--theme-border));background:color-mix(in srgb,var(--theme-gold) 12%,var(--theme-surface))}.online-test-palette{padding:17px 14px}.online-test-palette h2{margin-bottom:12px;font-size:17px}.online-test-palette-legend{gap:8px;margin-top:14px;font-size:12px;line-height:1.3}.online-test-palette-legend span{min-height:17px}@media (width<=1000px) and (width>=761px){.online-test-engine-header{grid-template-columns:minmax(0,1fr) auto}.online-test-engine-progress{display:none}.online-test-question-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.online-test-question-actions [data-attempt-previous]{grid-area:1/1}.online-test-question-actions [data-attempt-clear]{grid-area:1/2}.online-test-question-actions .review{grid-area:1/3;justify-self:stretch}.online-test-question-actions [data-attempt-next]{grid-area:2/1/auto/3}.online-test-question-actions .online-test-submit-button{grid-area:2/3}}@media (width<=760px){.online-test-engine-header{grid-template-columns:minmax(0,1fr) auto;padding:9px 12px}.online-test-engine-title{grid-area:1/1}.online-test-engine-title h1{white-space:normal;text-overflow:clip;letter-spacing:-.02em;padding-left:8px;font-size:18px;overflow:visible}.online-test-engine-timer-wrap{grid-area:1/2;align-self:start}.online-test-engine-progress{grid-area:2/1;display:flex}.online-test-engine-progress [data-answered-progress]{display:none}.online-test-mobile-palette-open{grid-area:2/2}.online-test-question-panel{padding:14px 14px 166px}.online-test-question-tools{margin-bottom:8px}.online-test-question-tools select{min-height:44px}.online-test-question-panel h2{margin-bottom:14px;font-size:18px}.online-test-option{font-size:14px}.online-test-question-actions{grid-template-columns:1fr 1fr}.online-test-question-actions .online-test-submit-button{grid-area:3/1/auto/-1;width:100%;min-height:44px}.online-test-palette-dialog .online-test-palette-legend{gap:8px;font-size:12px}}.online-test-submit-dialog-actions .primary{border-color:color-mix(in srgb,var(--button-primary-bg) 78%,var(--theme-border));background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:0 10px 24px color-mix(in srgb,var(--button-primary-bg) 20%,transparent)}.online-test-submit-dialog-actions .primary:hover{background:color-mix(in srgb,var(--button-primary-bg) 88%,white);box-shadow:0 12px 28px color-mix(in srgb,var(--button-primary-bg) 25%,transparent)}.online-test-submit-dialog dl>div:first-child dt{color:var(--accent-green-text)}.online-test-submit-dialog dl>div:nth-child(2) dt{color:var(--accent-gold-text)}.online-test-submit-dialog dl>div:nth-child(3) dt{color:var(--accent-violet-text)}.online-test-submit-dialog dl>div:nth-child(4) dt{color:var(--accent-cyan-text)}