:root{--navy:#183f61;--ink:#111;--line:#c8d1d7;--pale:#f4f7f8;--blue:#168bd0}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:16px Arial,sans-serif;color:var(--ink);overflow:hidden}.topbar{height:66px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.candidate{display:flex;align-items:center;gap:10px;font:12px Georgia,serif}.candidate-check{width:35px;height:35px;border-radius:50%;background:#eef8ff;color:#173f61;display:grid;place-items:center;font-size:19px}.candidate small{display:block;margin-top:3px}.brand{font-size:25px;font-weight:bold}.brand i{display:inline-block;height:17px;border-left:1px solid #aac0d0;margin:0 9px}.brand span{font-size:10px;letter-spacing:1.8px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:14px}.topbar a,.topbar button{color:#fff;background:none;border:0;text-decoration:none;font:inherit}.topbar button{cursor:pointer}.topbar #hide{border:1px solid #8da9bc;padding:7px 14px}.test-header{height:51px;background:#f4f7f8;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;color:#244157}.test-header>span:not(.timer-label){border-left:1px solid #bfc9d0;margin-left:16px;padding-left:16px;color:#536b7c;font-size:14px}.timer-label{margin-left:auto;font-size:13px;color:#566b79}.timer-label b{font:700 21px Georgia,serif;color:#173f61;margin-left:12px}.picker{height:calc(100% - 66px);overflow:auto;background:#f3f6f8;text-align:center;padding:70px 24px}.picker h1{color:var(--navy);font-size:34px;margin:10px}.picker>p{color:#627482}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#167caf}.test-list{max-width:760px;margin:38px auto;display:grid;gap:14px}.test-card{text-align:left;background:#fff;border:1px solid var(--line);padding:22px 25px;text-decoration:none;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.test-card:hover{border-color:#6c94ad;box-shadow:0 5px 16px #183f6115}.test-card h2{font-size:19px;color:var(--navy);margin:0 0 7px}.test-card small{color:#607482}.test-card strong{color:#167caf}.exam{height:calc(100% - 197px);display:grid;grid-template-columns:1fr 1fr}.prompt-pane,.answer-pane{min-width:0;overflow:auto}.prompt-pane{background:#f7f7f7;border-right:1px solid #99a8b2}.prompt-inner{max-width:680px;margin:0 auto;padding:38px 45px}.prompt-inner h1{font-size:22px;margin:0 0 22px}.instruction{font-weight:bold}.prompt{white-space:pre-line;line-height:1.62;margin:22px 0}.prompt-pane img{display:block;max-width:100%;max-height:330px;object-fit:contain;margin:24px auto;border:1px solid var(--line)}.minimum{margin-top:28px}.answer-pane{display:flex;flex-direction:column;padding:30px;background:#fff}.answer-pane textarea{width:100%;flex:1;resize:none;border:1px solid #8999a3;padding:18px;font:16px/1.6 Arial,sans-serif;outline:none}.answer-pane textarea:focus{border:2px solid #167caf;padding:17px}.word-count{text-align:right;background:#f1f3f4;border:1px solid #8999a3;border-top:0;padding:10px 14px;font-size:14px}.exam-actions{position:fixed;right:24px;bottom:88px;display:flex;gap:8px}.exam-actions button{width:56px;height:56px;border:0;border-radius:4px;background:#555;color:#fff;font-size:32px;box-shadow:0 2px 4px #0003}.exam-actions button:last-child{background:#000}footer{position:fixed;bottom:0;left:0;right:0;height:67px;border-top:1px solid var(--line);background:#f4f7f8;display:flex;align-items:stretch;padding-left:22px}#taskNav{display:flex;flex:1}.task-tab{position:relative;min-width:220px;border:0;border-right:1px solid #d4dce1;background:none;padding:17px 24px;text-align:left;font-weight:bold;cursor:pointer}.task-tab small{font-weight:normal;margin-left:8px}.task-tab.active{background:#fff}.task-tab:before{content:"";position:absolute;left:10px;right:10px;top:4px;height:4px;background:#dce3e7}.task-tab.started:before{background:#35a4da}#finish{width:72px;border:0;border-left:1px solid #d6dde1;background:#fff;font-size:30px;cursor:pointer}dialog{border:1px solid var(--line);padding:25px}dialog form{display:grid;gap:18px}@media(max-width:760px){.topbar{padding:0 14px}.topbar nav{gap:10px}.candidate{display:none}.exam{grid-template-columns:1fr;height:calc(100% - 197px);overflow:auto}.prompt-pane,.answer-pane{overflow:visible}.prompt-pane{border-right:0;border-bottom:1px solid #999}.answer-pane textarea{min-height:420px}.brand{font-size:20px}.task-tab{min-width:150px;padding:14px 10px}}