:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2933;background-color:#f6f1e9;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#1d1d1f;background:radial-gradient(circle at top,#fff4d6 0%,#f3e8d1 35%,#e6d7c3 100%);min-height:100vh;margin:0}body.no-select,body.no-select *{-webkit-user-select:none;user-select:none}#root{min-height:100vh}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.card{background:#fff;border-radius:24px;flex-direction:column;gap:24px;width:min(960px,100%);padding:32px;display:flex;box-shadow:0 24px 50px #25201626}.card.exam-card{gap:20px}.card-header{flex-direction:column;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#b45309;font-size:.75rem;font-weight:700}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;font-weight:600;display:flex}.field input{border:1px solid #d7c6b2;border-radius:12px;padding:12px 14px;font-size:1rem}.start-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.info-block{background:#f7efe2;border-radius:16px;padding:16px}.info-block h3{margin:0 0 8px}.info-block ul{margin:0;padding-left:18px}.btn{cursor:pointer;border:none;border-radius:999px;padding:12px 20px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-primary{color:#1f1f1f;background:#f97316;box-shadow:0 14px 25px #f973164d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #f9731659}.btn-ghost{color:#5c3b1d;background:#f3e2cf}.exam-header{color:#f8fafc;background:#111827;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.exam-header h2{margin:6px 0 0}.timer-wrap{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.timer{letter-spacing:.08em;font-size:1.6rem;font-weight:800}.badge{color:#1f2933;background:#fcd34d;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700}.progress{background:#f3e2cf;border-radius:999px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#f97316,#f59e0b);height:100%}.question-block{flex-direction:column;gap:16px;display:flex}.options{gap:12px;display:grid}.option{background:#fff8ef;border:1px solid #edd8bf;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:border .15s,transform .15s;display:flex}.option.selected{background:#fff1e3;border-color:#f97316}.option input{accent-color:#f97316}.nav-row{flex-wrap:wrap;gap:12px;display:flex}.score-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.score-card{background:#f7efe2;border-radius:16px;padding:18px}.score-label{text-transform:uppercase;letter-spacing:.18em;color:#7c5b3a;margin:0;font-size:.85rem}.score-value{margin:8px 0 0;font-size:2rem;font-weight:800}.error{color:#b91c1c;font-weight:600}.warning{color:#92400e;font-weight:600}.modal-backdrop{z-index:50;background:#111827bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:24px;box-shadow:0 20px 40px #00000040}.modal h3{margin-top:0}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}@media (width<=1024px){.card{padding:28px}.exam-header{flex-direction:column;align-items:flex-start}.timer-wrap{align-items:flex-start}}@media (width<=720px){.card{border-radius:20px;padding:24px}.exam-header{flex-direction:column;align-items:flex-start}.timer-wrap{align-items:flex-start}.nav-row{flex-direction:column}.nav-row .btn{width:100%}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.app-shell{padding:20px 14px}.card{border-radius:18px;padding:20px}.exam-header{padding:14px 16px}.timer{font-size:1.3rem}.question-block h3{font-size:1.1rem}.option{padding:12px}.score-grid{grid-template-columns:1fr}}
