:root{--ink:#1c2b3a;--ink-2:#101923;--ink-soft:#445265;--paper:#f1eee3;--paper-2:#e6e1d1;--paper-line:#d8d2bd;--card:#faf8f0;--gold:#b8862f;--gold-deep:#8f6a24;--red:#a13a2c;--red-deep:#7e2c21;--text:#232323;--text-soft:#5b5b57;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Source Serif 4", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:3px;--shadow-card:0 1px 2px #1c2b3a0f, 0 6px 20px #1c2b3a14}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}::selection{background:#b8862f47}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0}p{margin:0 0 1em}button{font-family:var(--font-display);cursor:pointer}a{color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);font-size:.72rem}.btn{border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:var(--radius);align-items:center;gap:.5em;padding:.65em 1.3em;font-size:.92rem;font-weight:600;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:var(--ink-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:#1c2b3a0f}.btn-gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-deep)}.btn-sm{padding:.45em .9em;font-size:.8rem}.card{background:var(--card);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.topbar .brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;display:flex}.brand-seal{border:2px dashed var(--gold);width:34px;height:34px;font-family:var(--font-mono);color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;display:flex}.main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}@media (width<=640px){.main{padding:1.25rem .9rem 3rem}}.hero-block{margin-bottom:2.2rem}.hero-block h1{margin:.4rem 0 .6rem;font-size:2rem}.hero-block .lede{color:var(--text-soft);max-width:640px;font-size:1.02rem}.exam-grid{gap:1rem;display:grid}.exam-card{flex-direction:column;gap:.65rem;padding:1.3rem 1.4rem;display:flex}.exam-card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.exam-card h3{font-size:1.25rem}.exam-card .subtitle{font-family:var(--font-mono);color:var(--gold-deep);font-size:.78rem}.exam-card .desc{color:var(--text-soft);margin:0;font-size:.95rem}.exam-card-meta{font-family:var(--font-mono);color:var(--ink-soft);gap:1.4rem;font-size:.78rem;display:flex}.exam-card-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.best-badge{font-family:var(--font-mono);border:1px solid var(--paper-line);color:var(--ink-soft);border-radius:999px;padding:.2em .6em;font-size:.75rem}.best-badge.passed{border-color:var(--gold);color:var(--gold-deep);background:#b8862f14}.section-tabs{border-bottom:2px solid var(--ink);gap:.35rem;margin-bottom:1.4rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.section-tab{font-family:var(--font-display);background:var(--paper-2);border:1px solid var(--paper-line);color:var(--ink-soft);white-space:nowrap;border-bottom:none;border-radius:6px 6px 0 0;padding:.55em 1em;font-size:.82rem;font-weight:600;transition:background .12s}.section-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.section-tab:not(.active):hover{background:#dcd6c2}.part-nav{flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;display:flex}.part-chip{font-family:var(--font-mono);border:1px solid var(--paper-line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:.35em .8em;font-size:.76rem}.part-chip.active{border-color:var(--gold);color:var(--gold-deep);background:#b8862f1a}.part-chip.answered:after{content:" ✓"}.section-head{margin-bottom:1.2rem}.section-head h2{font-size:1.4rem}.section-head .instructions{color:var(--text-soft);margin-top:.3rem;font-size:.95rem}.passage{background:var(--card);border:1px solid var(--paper-line);border-top:3px solid var(--ink);border-radius:0 0 var(--radius) var(--radius);margin-bottom:1.2rem;padding:1.2rem 1.4rem}.passage h4{margin-bottom:.5rem;font-size:1.02rem}.passage .body{white-space:pre-wrap;font-size:.98rem}.audio-panel{background:var(--ink);color:var(--paper);border-radius:var(--radius);flex-direction:column;gap:.6rem;margin-bottom:1.2rem;padding:1rem 1.2rem;display:flex}.audio-controls{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.audio-progress{background:#f1eee340;border-radius:2px;flex:1;min-width:80px;height:4px;overflow:hidden}.audio-progress-fill{background:var(--gold);height:100%;transition:width .2s linear}.audio-meta{font-family:var(--font-mono);color:#f1eee3b3;font-size:.74rem}.transcript-box{border-radius:var(--radius);white-space:pre-wrap;background:#f1eee314;padding:.8rem 1rem;font-size:.9rem}.item-block{border-bottom:1px solid var(--paper-line);margin-bottom:1.3rem;padding-bottom:1.1rem}.item-block:last-child{border-bottom:none}.item-prompt{font-weight:600;font-family:var(--font-display);color:var(--ink);margin-bottom:.6rem;font-size:.98rem}.option-list{flex-direction:column;gap:.45rem;display:flex}.option-row{border:1px solid var(--paper-line);border-radius:var(--radius);background:var(--card);align-items:flex-start;gap:.6rem;padding:.55em .8em;font-size:.94rem;transition:border-color .12s,background .12s;display:flex}.option-row:hover{border-color:var(--ink-soft)}.option-row.selected{border-color:var(--gold);background:#b8862f14}.option-row input{accent-color:var(--gold);margin-top:.2em}.tf-row{gap:.6rem;display:flex}.tf-btn{border-radius:var(--radius);border:1px solid var(--paper-line);background:var(--card);font-family:var(--font-display);color:var(--ink-soft);flex:1;padding:.6em;font-size:.9rem;font-weight:600}.tf-btn.selected{border-color:var(--gold);color:var(--gold-deep);background:#b8862f1a}select.match-select{border:1px solid var(--paper-line);border-radius:var(--radius);background:var(--card);width:100%;font-family:var(--font-body);color:var(--text);padding:.55em .7em;font-size:.92rem}.word-bank{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.word-chip{font-family:var(--font-mono);border:1px solid var(--paper-line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:.3em .7em;font-size:.78rem}.word-chip.used{opacity:.35;text-decoration:line-through}.cloze-text{font-size:1rem;line-height:2.1}.cloze-text .blank-select{border:none;border-bottom:2px solid var(--gold);min-width:92px;font-family:var(--font-mono);color:var(--ink);background:#b8862f14;border-radius:2px 2px 0 0;margin:0 .15em;padding:.15em .4em;font-size:.85rem;display:inline-block}.task-card{margin-bottom:1.2rem;padding:1.3rem 1.4rem}.task-card h3{margin-bottom:.5rem;font-size:1.1rem}.bullet-points{color:var(--text-soft);margin:.6rem 0 1rem;padding-left:1.2rem;font-size:.92rem}.bullet-points li{margin-bottom:.3rem}textarea.writing-area{border:1px solid var(--paper-line);border-radius:var(--radius);width:100%;min-height:220px;font-family:var(--font-body);resize:vertical;background:var(--card);padding:.9rem 1rem;font-size:1rem;line-height:1.6}.word-counter{font-family:var(--font-mono);color:var(--text-soft);margin-top:.4rem;font-size:.78rem}.word-counter.ok{color:var(--gold-deep)}.self-assess{border-top:1px dashed var(--paper-line);margin-top:1.2rem;padding-top:1rem}.rating-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.rating-row .label{color:var(--text-soft);max-width:60%;font-size:.88rem}.rating-scale{gap:.3rem;display:flex}.rating-dot{border:1px solid var(--paper-line);background:var(--card);width:30px;height:30px;font-family:var(--font-mono);color:var(--ink-soft);border-radius:50%;font-size:.78rem}.rating-dot.active{background:var(--gold);border-color:var(--gold);color:#fff}details.sample-answer{margin-top:.6rem;font-size:.92rem}details.sample-answer summary{cursor:pointer;font-family:var(--font-display);color:var(--ink-soft);font-weight:600}details.sample-answer .body{white-space:pre-wrap;color:var(--text-soft);margin-top:.6rem}.speak-note{border:1px solid var(--gold);border-radius:var(--radius);color:var(--gold-deep);background:#b8862f1a;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.9rem}.runner-footer{background:var(--paper);border-top:1px solid var(--paper-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.5rem;padding:.9rem 0;display:flex;position:sticky;bottom:0}.timer-chip{font-family:var(--font-mono);border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:.4em .9em;font-size:.82rem}.timer-chip.low{border-color:var(--red);color:var(--red-deep);background:#a13a2c14}.results-hero{flex-wrap:wrap;align-items:center;gap:1.6rem;margin-bottom:2rem;display:flex}.score-ring{flex-shrink:0;width:128px;height:128px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring .pct{font-family:var(--font-display);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;inset:0}.score-ring .pct span{font-family:var(--font-mono);color:var(--text-soft);font-size:.65rem;font-weight:500}.stamp{display:inline-block;position:relative}.section-result{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;padding:1rem 1.3rem;display:flex}.section-result .name{font-family:var(--font-display);font-weight:600}.section-result .bar-wrap{background:var(--paper-2);border-radius:999px;flex:1;height:8px;margin:0 1rem;overflow:hidden}.section-result .bar-fill{background:var(--gold);height:100%}.section-result .score-text{font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;font-size:.82rem}.review-list{margin-top:1.5rem}.review-item{border-bottom:1px solid var(--paper-line);gap:.7rem;padding:.7rem 0;font-size:.92rem;display:flex}.review-mark{width:22px;height:22px;font-family:var(--font-mono);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.75rem;display:flex}.review-mark.correct{background:var(--gold)}.review-mark.incorrect{background:var(--red)}.review-item .explanation{color:var(--text-soft);margin-top:.2rem;font-size:.85rem}.answer-line{color:var(--text-soft);margin-top:.25rem;font-size:.86rem}.answer-line strong{color:var(--text);font-weight:600}.answer-line.correct-answer,.answer-line.correct-answer strong{color:var(--gold-deep)}.history-table{border-collapse:collapse;width:100%;font-size:.88rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--paper-line);padding:.55em .7em}.history-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:.72rem}.empty-note{color:var(--text-soft);padding:1rem 0;font-size:.9rem}.top-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.footer-note{text-align:center;color:var(--text-soft);padding:1.5rem 1rem 2.5rem;font-size:.8rem}