.exam-shell{--exam-teal:#0a5e5e;--exam-teal-hover:#084f4f;--exam-teal-border:#ffffff59;--exam-subheader-bg:#f3f4f6;--exam-subheader-border:#e5e7eb;--exam-body-bg:#fff;--exam-nav-pill:#3b82f6;background:var(--exam-body-bg);color:#1f2937;flex-direction:column;min-height:100dvh;display:flex}.exam-topbar{background:var(--exam-teal);color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.exam-topbar__title{letter-spacing:.01em;white-space:nowrap;font-size:1.125rem;font-weight:700}.exam-topbar__actions{align-items:flex-end;gap:.25rem;display:flex}.exam-topbar__action{color:#ffffffe6;border-radius:.375rem;flex-direction:column;align-items:center;gap:.125rem;min-width:3.5rem;padding:.25rem .375rem;font-size:.625rem;line-height:1.2;transition:background-color .15s;display:flex}.exam-topbar__action:hover:not(:disabled){background:#ffffff1a}.exam-topbar__action:disabled{opacity:.45;cursor:not-allowed}.exam-topbar__action-icon{justify-content:center;align-items:center;display:flex;position:relative}.exam-topbar__badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding-inline:.2rem;font-size:.5625rem;font-weight:700;display:flex;position:absolute;top:-.375rem;right:-.5rem}.exam-topbar__nav{align-items:center;gap:.5rem;display:flex}.exam-topbar__nav-btn{border:1px solid var(--exam-teal-border);color:#fff;background:0 0;border-radius:9999px;align-items:center;gap:.375rem;height:2rem;padding-inline:.875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.exam-topbar__nav-btn:hover:not(:disabled){background:#ffffff1a}.exam-topbar__nav-btn:disabled{opacity:.45;cursor:not-allowed}.exam-topbar__nav-btn--primary{color:var(--exam-teal);background:#fff;border-color:#fff}.exam-topbar__nav-btn--primary:hover:not(:disabled){background:#f0fdfa}.exam-subheader{border-bottom:1px solid var(--exam-subheader-border);background:var(--exam-subheader-bg);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.exam-subheader__progress{color:#374151;align-items:center;gap:.5rem;font-weight:500;display:flex}.exam-subheader__nav-pill{background:var(--exam-nav-pill);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:opacity .15s;display:inline-flex}.exam-subheader__nav-pill:hover:not(:disabled){opacity:.85}.exam-subheader__nav-pill:disabled{opacity:.35;cursor:not-allowed}.exam-subheader__timer-group{font-variant-numeric:tabular-nums;color:#374151;align-items:center;gap:.75rem;font-weight:600;display:flex}.exam-subheader__icon-btn{color:#6b7280;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s,background-color .15s;display:inline-flex}.exam-subheader__icon-btn:hover{color:#374151;background:#e5e7eb}.exam-body{background:var(--exam-body-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.exam-body__title,.exam-task-title{text-align:center;font-family:var(--font-heading), serif;color:#111827;padding:1.25rem 1.5rem 0;font-size:1.375rem;font-weight:700}.exam-audio-bar{background:var(--exam-teal);color:#fff;border-top:0;flex-shrink:0;padding:.625rem 1rem}.exam-audio-bar__inner{align-items:center;gap:.75rem;display:flex}.exam-audio-bar__play-btn{color:#fff;background:#ffffff26;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .15s;display:inline-flex}.exam-audio-bar__play-btn:hover{background:#ffffff40}.exam-audio-bar__time{font-variant-numeric:tabular-nums;color:#fff;min-width:2.75rem;font-size:.8125rem}.exam-audio-bar__seek{accent-color:#fff;cursor:pointer;flex:1;height:.25rem}.exam-audio-bar__volume{color:#ffffffd9;display:inline-flex}.listening-task1-image{justify-content:center;align-items:center;height:100%;min-height:20rem;display:flex}.listening-task1-question{flex-direction:column;flex:1;justify-content:center;min-height:100%;display:flex}.listening-task1-image__frame{aspect-ratio:4/5;background:#f3f4f6;border-radius:.5rem;width:100%;max-width:18rem;position:relative;overflow:hidden}.exam-body__single{flex:1;padding:1.5rem;overflow:auto}.exam-body__double{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.exam-body__pane{padding:1.5rem;overflow:auto}.exam-body__pane--left{border-right:1px solid var(--exam-subheader-border)}.exam-body__pane--right{flex-direction:column;display:flex}.fill-letters-task{flex-direction:column;gap:1rem;display:flex}.fill-letters-task__range{text-align:center;color:#111827;font-size:1.125rem;font-weight:700}.fill-letters-paragraph{text-align:left;color:#111827;font-size:1.0625rem;line-height:2}.fill-letters-gap{vertical-align:baseline;background:#e5e7eb;border:1px solid #d1d5db;height:1.5rem}.fill-letters-gap__cell{text-align:center;color:#111827;background:0 0;border:0;border-right:1px solid #fff;outline:none;width:1.1rem;height:100%;padding:0;font-size:1rem;line-height:1.5rem}.fill-letters-gap__cell:last-child{border-right:0}.fill-letters-gap__cell:focus{box-shadow:inset 0 0 0 1px var(--exam-teal);background:#fff}.fill-letters-answer{color:#111827;background:#b8e6b8}.email-task__frame{background:#fff;border:3px solid #9ca3af}.email-task__headers{border-bottom:1px solid #9ca3af;flex-direction:column;display:flex}.email-task__row{border-bottom:1px solid #d1d5db;grid-template-columns:5.5rem 1fr;display:grid}.email-task__row:last-child{border-bottom:0}.email-task__label{color:#374151;background:#e5e7eb;border-right:1px solid #d1d5db;padding:.5rem .75rem;font-size:.9375rem;font-weight:600}.email-task__value{color:#111827;padding:.5rem .75rem;font-size:.9375rem}.email-task__body{padding:1rem .75rem}.email-task__paragraph{color:#111827;margin-bottom:1rem;font-size:1rem;line-height:1.6}.email-task__paragraph:last-child{margin-bottom:0}.reading-email-question{flex-direction:column;gap:1.25rem;display:flex}.reading-email-question__label{color:#111827;font-size:1rem;font-weight:500}.reading-email-question__options{flex-direction:column;gap:1rem;display:flex}.reading-email-question__option{cursor:pointer;color:#1f2937;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;display:flex}.reading-email-question__radio{width:1rem;height:1rem;accent-color:var(--exam-teal);margin-top:.2rem}.reading-email-answer{flex-direction:column;gap:1rem;display:flex}.reading-email-answer__label{color:#111827;font-size:1rem;font-weight:500}.reading-email-answer__options{flex-direction:column;gap:.75rem;display:flex}.reading-email-answer__correct{color:#111827;background:#b8e6b8;padding-inline:.25rem}.reading-email-answer__summary{color:#374151;font-size:.9375rem;font-weight:600}.reading-article{flex-direction:column;gap:1rem;display:flex}.reading-article__paragraph{text-align:justify;color:#111827;font-size:1.0625rem;line-height:1.75}.reading-article-highlight{color:#111827;background:#fde68a;padding-inline:.125rem}.build-sentence{flex-direction:column;gap:2rem;display:flex}.build-sentence-row{align-items:flex-start;gap:1rem;display:flex}.build-sentence-row__avatar{border:2px solid var(--exam-teal);background:#f3f4f6;border-radius:9999px;flex-shrink:0;width:4rem;height:4rem;position:relative;overflow:hidden}.build-sentence-row__content{flex:1;padding-top:.5rem}.build-sentence-row__text{color:#111827;font-size:1.0625rem;line-height:1.75}.build-sentence-row__text--interactive{flex-wrap:wrap;align-items:baseline;gap:.125rem;display:flex}.build-sentence-slot{vertical-align:baseline;display:inline-flex}.build-sentence-slot__empty{border-bottom:2px solid #9ca3af;min-width:4.5rem;height:1.5rem;display:inline-block}.build-sentence-slot__filled{color:#111827;cursor:grab;background:#e5e7eb;border:0;align-items:center;padding:.125rem .5rem;font-size:1rem;line-height:1.5;display:inline-flex}.build-sentence-bank{flex-wrap:wrap;justify-content:center;gap:1.25rem;padding-top:1rem;display:flex}.build-sentence-chip{color:#111827;cursor:grab;background:0 0;border:0;padding:.25rem .5rem;font-size:1.0625rem;line-height:1.5}.build-sentence-chip--used{color:#6b7280;cursor:default;background:#e5e7eb}.build-sentence--answer{gap:1.5rem}.build-sentence-answer-highlight{color:#111827;background:#b8e6b8;padding-inline:.125rem}.writing-email-prompt{flex-direction:column;gap:1rem;display:flex}.writing-email-prompt__paragraph{color:#111827;font-size:1rem;line-height:1.7}.writing-email-prompt__bold{font-weight:700}.writing-email-prompt__list{color:#111827;flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:1rem;line-height:1.7;list-style-type:disc;display:flex}.writing-email-editor{flex-direction:column;gap:.75rem;display:flex}.writing-email-editor__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.writing-email-editor__title{color:#111827;font-size:1.125rem;font-weight:700}.writing-email-editor__status{background:var(--exam-teal);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.writing-email-editor__meta{color:#111827;font-size:1rem;line-height:1.5}.writing-email-editor__toolbar{background:#f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.writing-email-editor__toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.writing-email-editor__tool-btn{background:var(--exam-teal);color:#fff;border:0;border-radius:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;transition:background-color .15s}.writing-email-editor__tool-btn:hover{background:var(--exam-teal-hover)}.writing-email-editor__word-count{color:#4b5563;background:0 0;border:0;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.writing-email-editor__textarea{resize:vertical;color:#111827;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;min-height:18rem;padding:1rem;font-size:1rem;line-height:1.6}.writing-email-editor__textarea:focus{border-color:var(--exam-teal);box-shadow:0 0 0 2px #0a5e5e26}.writing-discussion-prompt{flex-direction:column;gap:1rem;display:flex}.writing-discussion-prompt__intro{color:#111827;font-size:1rem;line-height:1.7}.writing-discussion-prompt__list{color:#111827;flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:1rem;line-height:1.7;list-style-type:disc;display:flex}.writing-discussion-prompt__note{color:#111827;font-size:1rem;line-height:1.7}.writing-discussion-prof{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.writing-discussion-prof__avatar{border:2px solid var(--exam-teal);background:#f3f4f6;border-radius:9999px;width:5.5rem;height:5.5rem;position:relative;overflow:hidden}.writing-discussion-prof__name{color:#111827;font-size:1rem;font-weight:700}.writing-discussion-prof__text{color:#111827;text-align:left;max-width:100%;font-size:1rem;line-height:1.7}.writing-discussion-responses{flex-direction:column;gap:1.5rem;display:flex}.writing-discussion-responses__editor{flex-direction:column;gap:.75rem;display:flex}.writing-discussion-post{align-items:flex-start;gap:1rem;display:flex}.writing-discussion-post__profile{flex-direction:column;flex-shrink:0;align-items:center;gap:.375rem;width:4.5rem;display:flex}.writing-discussion-post__avatar{border:2px solid var(--exam-teal);background:#f3f4f6;border-radius:9999px;width:3.5rem;height:3.5rem;position:relative;overflow:hidden}.writing-discussion-post__name{color:#111827;text-align:center;font-size:.875rem;font-weight:700}.writing-discussion-post__text{color:#111827;flex:1;padding-top:.25rem;font-size:1rem;line-height:1.7}.speaking-listen-repeat{flex-direction:column;align-items:center;gap:1.25rem;max-width:40rem;margin-inline:auto;display:flex}.speaking-listen-repeat-image{width:100%}.speaking-listen-repeat-image__frame{aspect-ratio:4/3;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.speaking-listen-repeat__response-time{color:#111827;text-align:center;font-size:1rem;font-weight:600}.speaking-interview-video{width:100%}.speaking-interview-video__frame{aspect-ratio:16/9;background:#111827;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.speaking-interview-video__player{object-fit:contain;background:#000;width:100%;height:100%;display:block}.speaking-task-intro{flex-direction:column;align-items:center;gap:2rem;max-width:40rem;margin-inline:auto;display:flex}.speaking-task-intro__title{color:#111827;text-align:center;font-size:1.125rem;font-weight:700;line-height:1.7}.speaking-task-intro__frame{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.speaking-task-intro__frame--landscape{aspect-ratio:4/3;max-width:40rem}.speaking-task-intro__frame--portrait{aspect-ratio:3/4;max-width:24rem}.exam-recording-panel{background:#fff;border:1px solid #d1d5db;border-radius:1.25rem;width:100%;max-width:28rem;overflow:hidden}.exam-recording-panel--idle{max-width:20rem}.exam-recording-panel__header{background:var(--exam-teal);text-align:center;color:#fff;padding:.875rem 1rem;font-size:1.125rem;font-weight:700}.exam-recording-panel--idle .exam-recording-panel__header{padding-block:1rem}.exam-recording-panel__body{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.exam-recording-panel__body--idle{justify-content:center;gap:2.5rem;padding:1.25rem 1.5rem}.exam-recording-panel__mic-decorative{color:#9ca3af;border:1px solid #e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.exam-recording-panel__mic-decorative svg{width:1.25rem;height:1.25rem}.exam-recording-panel__mic-start{color:#111827;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.exam-recording-panel__mic-start svg{width:2.75rem;height:2.75rem}.exam-recording-panel__mic-start:hover{color:var(--exam-teal)}.exam-recording-panel__mic{background:var(--exam-teal);color:#fff;border:0;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background-color .15s;display:inline-flex}.exam-recording-panel__mic:hover:not(:disabled){background:var(--exam-teal-hover)}.exam-recording-panel__mic:disabled{opacity:.65;cursor:default}.exam-recording-panel__timer{text-align:center;font-variant-numeric:tabular-nums;color:#111827;flex:1;font-size:1.5rem;font-weight:600}.exam-recording-panel__cancel{color:#dc2626;background:#fee2e2;border:0;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .15s;display:inline-flex}.exam-recording-panel__cancel:hover:not(:disabled){background:#fecaca}.exam-recording-panel__cancel:disabled{opacity:.35;cursor:not-allowed}.exam-recording-panel__error{color:#dc2626;text-align:center;padding:0 1rem 1rem;font-size:.875rem}@media (max-width:768px){.exam-topbar{flex-wrap:wrap}.exam-topbar__actions{flex-wrap:wrap;order:3;justify-content:center;width:100%}.exam-body__double{grid-template-columns:1fr}.exam-body__pane--left{border-right:none;border-bottom:1px solid var(--exam-subheader-border)}}