.cue-layout{justify-content:center;align-items:stretch;gap:24px;width:100%;max-width:960px;display:flex}@media (max-width:900px){.cue-layout{flex-direction:column;align-items:center}}.cue-paper{border:1px solid var(--mock-border,#e5e7eb);background:#fff;border-radius:18px;flex-direction:column;flex:1;gap:18px;width:100%;max-width:560px;padding:32px 36px 30px;display:flex;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}@media (max-width:768px){.cue-paper{padding:22px 20px}}.cue-paper-head{border-bottom:2px solid #e5e5e5;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;display:flex}.cue-badge{letter-spacing:.2em;text-transform:uppercase;color:#b91c1c;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:10.5px;font-weight:700}.cue-part-label{letter-spacing:.12em;text-transform:uppercase;color:#8a7c56;text-align:right;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:10.5px}.cue-title{color:#2b2411;text-wrap:pretty;margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.32}@media (max-width:768px){.cue-title{font-size:21px}}.cue-say{color:#6b5d3b;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.cue-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cue-points li{color:#3d3418;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.5;display:flex}.cue-points li:before{content:"—";color:#dc2626;flex-shrink:0}.cue-note{color:#8a7c56;border-top:1px solid #e5e5e5;margin:auto 0 0;padding-top:14px;font-family:Georgia,Times New Roman,serif;font-size:13.5px;font-style:italic}.cue-side{flex-direction:column;flex-shrink:0;gap:18px;width:340px;display:flex}@media (max-width:900px){.cue-side{width:100%;max-width:560px}}.cue-timer-card{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#e5e7eb);border-radius:18px;align-items:center;gap:18px;padding:20px 22px;display:flex;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.cue-timer-copy{flex-direction:column;gap:5px;display:flex}.cue-timer-title{color:var(--mock-text,#111827);font-size:15px;font-weight:700}.cue-timer-sub{color:var(--mock-text-muted,#6b7280);font-size:12.5px;line-height:1.5}.cue-notes-card{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#e5e7eb);border-radius:18px;flex-direction:column;flex:1;gap:12px;padding:20px 22px;display:flex;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.cue-notes-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cue-notes-label{letter-spacing:.18em;text-transform:uppercase;color:var(--mock-text-muted,#6b7280);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:10.5px;font-weight:700}.cue-notes-kept{color:var(--mock-text-muted,#6b7280);font-size:11.5px}.cue-notes-area{background:var(--mock-surface-muted,#fafafa);border:1px dashed var(--mock-border,#e5e7eb);min-height:150px;color:var(--mock-text,#111827);resize:vertical;border-radius:12px;outline:none;flex:1;padding:13px 15px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.7;transition:border-color .15s}.cue-notes-area::placeholder{color:var(--mock-text-muted,#6b7280)}.cue-notes-area:focus{border-color:#dc2626}.cue-notes-hint{color:var(--mock-text-muted,#6b7280);font-size:11.5px;line-height:1.45}.cue-notes-toggle{border:1px solid var(--mock-border,#e5e7eb);color:var(--mock-text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.cue-notes-toggle:hover{border-color:var(--mock-text,#111827);color:var(--mock-text,#111827)}.cue-notes-toggle svg{font-size:10px}.cue-notes-display{background:var(--mock-surface-muted,#fafafa);border:1px dashed var(--mock-border,#e5e7eb);color:var(--mock-text,#111827);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:220px;padding:13px 15px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:13px;line-height:1.7;overflow-y:auto}
.exam-overlay{z-index:1050;background:var(--mock-surface-muted,#fafafa);position:fixed;inset:0;overflow-y:auto}.exam-overlay::-webkit-scrollbar{width:8px;height:8px}.exam-overlay::-webkit-scrollbar-track{background:0 0}.exam-overlay::-webkit-scrollbar-thumb{background:#11182733;border-radius:999px}.exam-overlay.checkin-overlay{background:var(--mock-surface-muted,#fafafa)}.exam-overlay:not(.checkin-overlay){height:100dvh;overflow:hidden}.exam-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#dc2626;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;font-weight:600}.exam-chip-level{letter-spacing:.08em;text-transform:uppercase;color:#dc2626;white-space:nowrap;background:#dc26261f;border:1px solid #dc262659;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;font-weight:600;display:inline-flex}.exam-part-dot{background:#dc2626;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #dc26268c}.exam-back-quiet{color:var(--mock-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13.5px;font-weight:600;transition:color .15s;display:inline-flex}.exam-back-quiet:hover{color:var(--mock-text,#111827)}.exam-back-quiet svg{font-size:12px}.checkin-hero .exam-back-quiet{margin-bottom:4px}.exam-btn-primary{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15.5px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #dc262647}.exam-btn-primary:hover{background:#b91c1c;transform:translateY(-1px)}.exam-btn-primary svg{font-size:13px}.exam-btn-ghost-dark{background:var(--mock-surface,#fff);color:var(--mock-text-muted,#6b7280);border:1px solid var(--mock-border,#e5e7eb);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.exam-btn-ghost-dark:hover{background:var(--mock-surface-muted,#fafafa);color:var(--mock-text,#111827);border-color:var(--mock-border-strong,#d1d5db)}.exam-btn-ghost-dark svg{font-size:12px}.exam-ring{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.exam-ring svg{transform:rotate(-90deg)}.exam-ring-track{fill:none;stroke:var(--mock-border,#e5e7eb)}.exam-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.exam-ring-center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.exam-ring-digits{color:var(--mock-text,#111827);letter-spacing:.02em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:20px;font-weight:700}.exam-ring-caption{letter-spacing:.18em;color:var(--mock-text-muted,#6b7280);text-transform:uppercase;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:9.5px;font-weight:600}.exam-level-bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.exam-level-bars i{transform-origin:bottom;background:#dc2626;border-radius:2px;width:3px;transition:transform .12s;display:block}.exam-level-bars:not(.is-active) i{background:var(--mock-border,#e5e7eb)}.exam-room{background:var(--mock-surface-muted,#fafafa);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.exam-voice-loading{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fafafae0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body[data-mock-theme=dark] .exam-voice-loading{background:#09090bd1}body[data-mock-theme=dark] .exam-voice-loading p{color:var(--mock-text,#fafafa)}.exam-room-bar{z-index:2;background:var(--mock-surface,#fff);border-bottom:1px solid var(--mock-border,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex;position:relative}@media (max-width:768px){.exam-room-bar{flex-wrap:wrap;padding:12px 16px}}.exam-stepper{align-items:center;display:flex}@media (max-width:768px){.exam-stepper{order:3;justify-content:center;width:100%;margin-top:8px}}.exam-step{border-radius:999px;align-items:center;gap:9px;padding:7px 16px;display:flex}@media (max-width:560px){.exam-step{gap:6px;padding:6px 10px}}.exam-step-label{letter-spacing:.16em;white-space:nowrap;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;font-weight:700}.exam-step-name{white-space:nowrap;font-size:13px;font-weight:600}@media (max-width:560px){.exam-step-name{display:none}}.exam-step.is-live{background:#dc262614;border:1px solid #dc262659}.exam-step.is-live .exam-step-label{color:#dc2626}.exam-step.is-live .exam-step-name{color:var(--mock-text,#111827)}.exam-step.is-done .exam-step-label{color:#dc2626;opacity:.75}.exam-step.is-done .exam-step-name{color:var(--mock-text-muted,#6b7280)}.exam-step.is-wait .exam-step-label,.exam-step.is-wait .exam-step-name{color:var(--mock-text-subtle,#9ca3af)}.exam-step-join{background:var(--mock-border,#e5e7eb);width:24px;height:1px}@media (max-width:560px){.exam-step-join{width:12px}}.exam-rec-pill{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#e5e7eb);border-radius:999px;align-items:center;gap:9px;padding:7px 14px;display:inline-flex}.exam-rec-pill .exam-rec-dot{background:var(--mock-text-subtle,#9ca3af);border-radius:50%;width:8px;height:8px}.exam-rec-pill .exam-rec-label{letter-spacing:.14em;color:var(--mock-text-muted,#6b7280);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11.5px;font-weight:700}.exam-rec-pill .exam-rec-time{color:var(--mock-text,#111827);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12.5px}.exam-rec-pill .exam-rec-wave{height:14px}.exam-rec-pill .exam-rec-wave i{background:#f87171}.exam-rec-pill.is-recording{background:var(--mock-danger-soft,#fef2f2);border-color:#dc262659}.exam-rec-pill.is-recording .exam-rec-dot{background:#f87171;animation:1.6s ease-in-out infinite exam-rec-blink}.exam-rec-pill.is-recording .exam-rec-label{color:#dc2626}@keyframes exam-rec-blink{0%,to{opacity:1}50%{opacity:.35}}.exam-toasts{z-index:3;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 28px 0;display:flex;position:relative}@media (max-width:768px){.exam-toasts{padding:10px 16px 0}}.exam-toast{background:var(--mock-danger-soft,#fef2f2);border:1px solid #dc262659;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}@media (max-width:560px){.exam-toast{flex-direction:column;align-items:flex-start}}.exam-toast-msg{color:#b91c1c;font-size:13px;line-height:1.45}.exam-toast-actions{flex-shrink:0;gap:8px;display:flex}.exam-toast-btn{background:var(--mock-surface,#fff);color:var(--mock-text-muted,#6b7280);border:1px solid var(--mock-border,#e5e7eb);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.exam-toast-btn:hover:not(:disabled){background:var(--mock-surface-muted,#fafafa)}.exam-toast-btn.is-retry{color:#dc2626;background:#dc26261a;border-color:#dc262659}.exam-toast-btn:disabled{opacity:.5;cursor:not-allowed}.exam-room-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;min-height:0;padding:36px 24px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.exam-room-main{gap:22px;padding:24px 16px}}.exam-room-main.is-interview{justify-content:flex-start;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:10px 20px 0}@media (max-width:768px){.exam-room-main.is-interview{gap:6px;padding:8px 14px 0}}.exam-room-main.is-cue{gap:16px;padding-top:12px;padding-bottom:20px;overflow-y:auto}.exam-room-main.is-cue .exam-examiner{gap:8px}.exam-room-main.is-cue .cue-layout{width:100%}@media (max-width:768px){.exam-room-main.is-cue{gap:12px;padding-top:8px;padding-bottom:16px}}.exam-examiner{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.exam-examiner--centered{flex:1;justify-content:center;gap:8px;min-height:0}.exam-orb{width:124px;height:124px;position:relative}@media (max-width:768px){.exam-orb{width:96px;height:96px}}.exam-orb-core{background:radial-gradient(circle at 36% 32%,#fca5a5 0%,#dc2626 38%,#b91c1c 82%);border-radius:50%;animation:3.2s ease-in-out infinite exam-orb-breathe;position:absolute;inset:28px;box-shadow:0 0 44px #dc26268c,0 0 90px #dc262640}@media (max-width:768px){.exam-orb-core{inset:22px}}.exam-orb-ring{border:1px solid #dc262659;border-radius:50%;position:absolute}.exam-orb-ring.is-inner{animation:3.2s ease-out infinite exam-ring-pulse;inset:14px}.exam-orb-ring.is-outer{border-color:#dc26262e;animation:3.2s ease-out .5s infinite exam-ring-pulse;inset:0}.exam-orb.is-idle .exam-orb-core{animation:none;box-shadow:0 0 24px #dc26264d}.exam-orb.is-idle .exam-orb-ring{opacity:.25;animation:none}@keyframes exam-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes exam-ring-pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:.1;transform:scale(1.12)}}.exam-examiner-id{flex-direction:column;align-items:center;gap:4px;display:flex}.exam-examiner-name{letter-spacing:.2em;text-transform:uppercase;color:var(--mock-text-muted,#6b7280);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11.5px;font-weight:700}.exam-examiner-status{color:var(--mock-text-muted,#6b7280);text-align:center;font-size:13.5px}.exam-examiner-status.is-speaking{color:#dc2626}.exam-examiner--centered .exam-examiner-status{flex-shrink:0;font-size:12.5px}.exam-q-card{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#e5e7eb);border-radius:18px;flex-direction:column;gap:22px;width:100%;max-width:820px;padding:34px 44px 28px;display:flex;position:relative;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}@media (max-width:768px){.exam-q-card{gap:16px;padding:22px 20px 18px}}.exam-q-card--compact{border-radius:14px;flex-shrink:0;gap:8px;width:100%;max-width:none;padding:12px 16px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d}.exam-q-card--compact .exam-q-meta{gap:8px}.exam-q-card--compact .exam-q-count{letter-spacing:.12em;font-size:10px}.exam-q-card--compact .exam-chip-level{padding:4px 10px;font-size:10px}.exam-q-card--compact .exam-q-text{font-size:17px;line-height:1.38}@media (max-width:768px){.exam-q-card--compact .exam-q-text{font-size:15px}}.exam-q-card--compact .exam-q-actions{gap:12px;padding-top:10px}.exam-q-card--compact .exam-replay{border-radius:8px;padding:6px 12px;font-size:12px}.exam-q-card--compact .exam-ring-digits{font-size:16px}.exam-q-card--compact .exam-ring-caption{font-size:8.5px}.exam-q-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:560px){.exam-q-meta{flex-direction:column;align-items:flex-start;gap:8px}}.exam-q-count{letter-spacing:.16em;text-transform:uppercase;color:var(--mock-text-muted,#6b7280);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;font-weight:600}.exam-q-text{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;color:var(--mock-text,#111827);text-wrap:pretty;margin:0;font-size:26px;line-height:1.42}@media (max-width:768px){.exam-q-text{font-size:21px}}.exam-q-actions{border-top:1px solid var(--mock-border,#e5e7eb);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.exam-replay{border:1px solid var(--mock-border,#e5e7eb);color:var(--mock-text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.exam-replay:hover:not(:disabled){border-color:var(--mock-text,#111827);color:var(--mock-text,#111827)}.exam-replay:disabled{opacity:.45;cursor:not-allowed}.exam-replay svg{font-size:11px}.exam-room-foot{z-index:2;background:var(--mock-surface,#fff);border-top:1px solid var(--mock-border,#e5e7eb);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 28px 24px;display:grid;position:relative}.exam-room-foot.is-interview{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px 20px 16px;display:flex}.exam-room-foot.is-interview .exam-foot-progress,.exam-room-foot.is-interview .exam-btn-next,.exam-room-foot.is-interview .exam-foot-hint--sub{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.exam-room-foot.is-interview .exam-foot-progress{justify-content:space-between;align-items:center;gap:12px;display:flex}.exam-room-foot.is-interview .exam-btn-next{order:unset;width:100%;max-width:none}.exam-room-foot.is-interview .exam-foot-hint--sub{text-align:center;font-size:11.5px}@media (max-width:768px){.exam-room-foot{grid-template-columns:1fr;justify-items:center;gap:10px;padding:14px 16px 18px}.exam-room-foot.is-interview{padding:10px 14px 14px}}.exam-foot-side{flex-direction:column;gap:7px;display:flex}@media (max-width:768px){.exam-foot-side{order:2;align-items:center}}.exam-foot-hint{color:var(--mock-text-muted,#6b7280);font-size:12.5px;line-height:1.45}.exam-foot-hint.is-right{text-align:right;justify-self:end;max-width:230px}@media (max-width:768px){.exam-foot-hint.is-right{display:none}}.exam-qdots{align-items:center;gap:8px;display:flex}.exam-qdot{background:var(--mock-border,#e5e7eb);border-radius:50%;width:8px;height:8px}.exam-qdot.is-done{background:var(--dot-accent,#dc2626);opacity:.55}.exam-qdot.is-live{background:var(--dot-accent,#dc2626);transform:scale(1.25);box-shadow:0 0 0 4px #dc262626}.exam-btn-next{cursor:pointer;color:#fff;white-space:nowrap;background:#dc2626;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 6px 18px #dc262647}.exam-btn-next:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.exam-btn-next:disabled{background:var(--mock-border,#e5e7eb);color:var(--mock-text-subtle,#9ca3af);box-shadow:none;cursor:not-allowed}.exam-btn-next svg{font-size:12px}@media (max-width:768px){.exam-btn-next{order:1;width:100%;max-width:380px}}.checkin{background:var(--mock-surface-muted,#fafafa);min-height:100%;padding-bottom:72px}.checkin-hero{background:0 0;padding:32px 0 28px}.checkin-hero-inner{z-index:1;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:0 24px;display:flex;position:relative}.checkin-hero-row{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (max-width:640px){.checkin-hero-row{flex-direction:column;align-items:flex-start;gap:12px}}.checkin-hero-copy{flex-direction:column;gap:8px;display:flex}.checkin-title{font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;letter-spacing:-.02em;color:var(--mock-text,#111827);margin:0;font-size:30px;font-weight:700;line-height:1.15}@media (max-width:640px){.checkin-title{font-size:24px}}.checkin-body{z-index:2;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:0 24px;display:flex;position:relative}@media (max-width:640px){.checkin-body{padding:0 12px}}.checkin-progress{flex-wrap:wrap;align-items:center;gap:14px;padding:0 4px;display:flex}.checkin-progress-count{letter-spacing:.08em;color:#dc2626;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px;font-weight:700}.checkin-progress-count span{color:var(--mock-text-subtle,#94a3b8);font-weight:600}.checkin-progress-dots{align-items:center;gap:6px;display:flex}.checkin-progress-dot{background:var(--mock-border-strong,#d7dee8);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.checkin-progress-dot.is-done{background:#dc262673}.checkin-progress-dot.is-active{background:#dc2626;transform:scale(1.25)}.checkin-progress-label{color:var(--mock-text-muted,#64748b);margin-left:auto;font-size:13px;font-weight:600}@media (max-width:520px){.checkin-progress-label{width:100%;margin-left:0}}.checkin-stage{min-height:320px;position:relative;overflow:hidden}.checkin-card{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#dde5ef);border-radius:16px;flex-direction:column;gap:18px;padding:24px 28px;display:flex;box-shadow:0 1px 2px #10233f0d}@media (max-width:640px){.checkin-card{padding:18px 16px}}.checkin-card-step{will-change:transform,opacity;width:100%}.checkin-card-step.is-exit-forward{animation:.32s cubic-bezier(.22,1,.36,1) forwards checkin-exit-forward}.checkin-card-step.is-exit-back{animation:.32s cubic-bezier(.22,1,.36,1) forwards checkin-exit-back}.checkin-card-step.is-entered-forward{animation:.32s cubic-bezier(.22,1,.36,1) forwards checkin-enter-forward}.checkin-card-step.is-entered-back{animation:.32s cubic-bezier(.22,1,.36,1) forwards checkin-enter-back}@keyframes checkin-exit-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px)}}@keyframes checkin-exit-back{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}@keyframes checkin-enter-forward{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes checkin-enter-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.checkin-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.checkin-actions-spacer{flex:1}.checkin-btn-back{border:1px solid var(--mock-border,#e5e7eb);color:var(--mock-text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.checkin-btn-back svg{font-size:11px}.checkin-btn-back:hover:not(:disabled){border-color:var(--mock-text,#111827);color:var(--mock-text,#111827);background:var(--mock-surface-muted,#fafafa)}.checkin-btn-back:disabled{opacity:.55;cursor:wait}.checkin-btn-next{margin-left:auto}.checkin-btn-next:disabled{opacity:.65;cursor:wait;transform:none}@media (max-width:480px){.checkin-btn-next{flex:1}}.checkin-card-head{align-items:center;gap:14px;display:flex}.checkin-num{color:#ef4444;background:#dc262624;border:1px solid #dc262640;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px;font-weight:700;display:flex}.checkin-card-copy{flex-direction:column;gap:2px;display:flex}.checkin-card-title{color:var(--mock-text,#0f172a);font-size:16.5px;font-weight:700}.checkin-card-sub{color:var(--mock-text-muted,#64748b);font-size:13px;line-height:1.45}.checkin-examiner-preview-3d{justify-content:center;margin:4px 0 16px;display:flex}.checkin-examiner-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:420px){.checkin-examiner-grid{grid-template-columns:1fr}}.checkin-examiner{border:1px solid var(--mock-border,#dde5ef);cursor:pointer;background:var(--mock-surface,#fff);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex}.checkin-examiner:hover{border-color:#ef4444;transform:translateY(-1px)}.checkin-examiner.is-selected{background:#dc262614;border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.checkin-examiner-preview{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.checkin-examiner-preview.is-female{color:#ef4444;background:#dc262624}.checkin-examiner-preview.is-male{color:#dc2626;background:#dc262633}.checkin-examiner-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.checkin-examiner-name{color:var(--mock-text,#0f172a);font-size:14.5px;font-weight:650}.checkin-examiner-meta{color:var(--mock-text-muted,#64748b);font-size:12px}.checkin-examiner-play{border:1px solid var(--mock-border,#e5e7eb);background:var(--mock-surface,#fff);width:32px;height:32px;color:var(--mock-text-muted,#6b7280);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:border-color .15s,color .15s;display:flex}.checkin-examiner-play svg{margin-left:1px;font-size:10px}.checkin-examiner-play:hover:not(:disabled){border-color:var(--mock-text,#111827);color:var(--mock-text,#111827)}.checkin-examiner-play:disabled{opacity:.5;cursor:wait}.checkin-mic-row{background:var(--mock-surface-muted,#fafafa);border:1px solid var(--mock-border,#e8eef6);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.checkin-mic-row.has-error{background:var(--mock-danger-soft,#fef2f2);border-color:#b91c1c59}.checkin-mic-icon{color:#ef4444;background:#dc262624;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.checkin-mic-icon svg{font-size:15px}.checkin-mic-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.checkin-mic-title{color:var(--mock-text,#0f172a);font-size:14px;font-weight:600}.checkin-mic-hint{color:var(--mock-text-muted,#64748b);font-size:12px}.checkin-mic-live{align-items:center;gap:12px;margin-left:auto;display:flex}.checkin-mic-live .exam-level-bars i{background:#ef4444}.checkin-mic-stop{border:1px solid var(--mock-border,#dde5ef);background:var(--mock-surface,#fff);color:#b91c1c;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.checkin-mic-stop svg{font-size:9px}.checkin-mic-test{background:var(--mock-surface,#fff);border:1px solid var(--mock-border,#e5e7eb);color:var(--mock-text-muted,#6b7280);cursor:pointer;white-space:nowrap;border-radius:10px;margin-left:auto;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.checkin-mic-test:hover{border-color:var(--mock-text,#111827);color:var(--mock-text,#111827)}.checkin-start-error{color:#dc2626;background:#dc262614;border:1px solid #dc262640;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.checkin-start-error-text{flex:1;min-width:160px}.checkin-start-error-demo{background:var(--mock-surface,#fff);color:#dc2626;white-space:nowrap;cursor:pointer;border:1px solid #dc2626;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.checkin-start-error-demo:hover{color:#fff;background:#dc2626}.checkin-proto{flex-direction:column;display:flex}.checkin-proto-row{border-bottom:1px solid var(--mock-border,#e8eef6);align-items:center;gap:14px;padding:11px 0;display:flex}.checkin-proto-row:last-child{border-bottom:none}@media (max-width:560px){.checkin-proto-row{flex-wrap:wrap;gap:8px}}.checkin-proto-label{letter-spacing:.12em;text-transform:uppercase;color:#dc2626;flex-shrink:0;width:56px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:10.5px;font-weight:700}.checkin-proto-name{color:var(--mock-text,#0f172a);font-size:14px;font-weight:600}.checkin-proto-dur{color:var(--mock-text-muted,#64748b);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px}.checkin-begin-note{background:var(--mock-surface-muted,#f8fafc);border:1px solid var(--mock-border,#e8eef6);color:var(--mock-text-muted,#64748b);border-radius:12px;margin:0;padding:14px 16px;font-size:13px;line-height:1.5}