:root{--navy:#13252b;--accent:#9b743b;--crimson:#7b4650;--cream:#efeee9;--paper:#fffefa;--ink:#263238;--muted:#68757b;--line:#d9dcda;--green:#2e7d62;--red:#b94a48;--shadow:0 16px 42px rgba(19,37,43,.14)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55}.topbar{min-height:112px;background:var(--navy);color:#fff;padding:24px max(24px,calc((100% - 1060px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid var(--accent)}.eyebrow{font-size:.73rem;letter-spacing:.16em;color:#dccba9;font-weight:800}.topbar h1{margin:4px 0 0;font-size:clamp(1.35rem,3vw,2rem)}.topbar h1 span{display:inline-block;margin-left:8px;padding:5px 10px;border-radius:7px;background:var(--accent);font-size:.75rem;vertical-align:middle}.timer{min-width:118px;text-align:center;padding:12px 17px;border:1px solid #69777c;border-radius:10px;background:#091c22;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.shell{width:min(1060px,calc(100% - 32px));margin:34px auto 70px}.intro,.results,.question-card{background:var(--paper);border:1px solid #dfded8;border-radius:16px;box-shadow:var(--shadow)}.intro,.results{padding:clamp(24px,5vw,48px);text-align:center}.level-badge{display:inline-block;background:#eee3d1;color:#785520;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.06em}.intro h2,.results h2{margin:14px 0 6px;font-size:2rem;color:var(--navy)}.intro>p{max-width:760px;margin:0 auto;color:var(--muted)}.test-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0}.test-grid div,.result-stats div{padding:17px 10px;border:1px solid var(--line);border-radius:12px;background:#f8f8f5}.test-grid strong,.result-stats strong{display:block;font-size:1.45rem;color:var(--accent)}.test-grid span,.result-stats span{display:block;font-size:.78rem;color:var(--muted)}button{font:inherit;font-weight:750;border:0;border-radius:9px;padding:11px 18px;cursor:pointer;transition:.18s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#fff}.secondary{background:#e2e6e5;color:var(--navy)}.progress-wrap{margin:0 2px 18px}.progress-meta{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.8rem;font-weight:700;color:var(--muted)}.progress{height:7px;background:#d9dddc;border-radius:99px;overflow:hidden}.progress div{height:100%;width:0;background:var(--crimson);transition:width .25s}.question-card{padding:clamp(22px,4vw,38px);min-height:460px}.qtype{font-size:.75rem;font-weight:850;color:var(--crimson);letter-spacing:.09em;text-transform:uppercase}.question-card h2{color:var(--navy);font-size:1.28rem;margin:7px 0 4px}.instruction{color:var(--muted);margin:0 0 18px}.audio-box{display:flex;align-items:center;gap:13px;background:#edf1f0;border-left:4px solid var(--accent);padding:14px 16px;border-radius:8px;margin:18px 0}.audio-box button{background:var(--navy);color:#fff}.audio-box small{color:var(--muted)}.options{display:grid;gap:10px;margin-top:16px}.option{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.option:hover{border-color:#c2a77d;background:#fffcf6}.option input{margin-top:5px;accent-color:var(--accent)}textarea,.text-answer,.blank-input{width:100%;border:1px solid #bbc5c5;border-radius:9px;padding:12px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:180px;resize:vertical}.word-count{text-align:right;color:var(--muted);font-size:.78rem;margin-top:5px}.transcript{font-size:1.05rem;line-height:2.2;background:#f5f6f3;padding:18px;border-radius:10px}.word-btn{display:inline;border:0;background:transparent;padding:2px 3px;border-radius:4px;font-weight:500}.word-btn.selected{background:#f4cfcb;color:#8a2f2e;text-decoration:line-through}.actions{display:flex;justify-content:space-between;margin-top:18px}.score-ring{width:128px;height:128px;margin:0 auto;display:grid;place-content:center;border-radius:50%;border:10px solid #eadfcf;background:#fffdf7}.score-ring strong{font-size:1.8rem;color:var(--accent)}.score-ring span{font-size:.72rem;color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:24px auto}.review{text-align:left;max-width:760px;margin:25px auto}.review h3{color:var(--navy)}.review-item{padding:12px 14px;margin:8px 0;border-radius:8px;background:#f6f7f4;border-left:4px solid var(--line);font-size:.88rem}.review-item.good{border-color:var(--green)}.review-item.bad{border-color:var(--red)}.hidden{display:none!important}footer{text-align:center;color:#79838c;padding:0 20px 28px;font-size:.8rem}@media(max-width:760px){.test-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.timer{min-width:96px;font-size:1.2rem}.result-stats{grid-template-columns:1fr}.question-card{min-height:510px}}@media(max-width:480px){.topbar{padding:18px 16px}.test-grid{grid-template-columns:1fr}.actions button{padding:10px 12px}.shell{width:min(100% - 20px,1060px)}}