#examTimerPanel { container-type:inline-size; }
#examTimerPanel [hidden] { display:none!important; }
#examTimerPanel .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.exam-mode-switch { display:flex; flex-wrap:wrap; gap:5px; padding:5px; border:1px solid #a9c7e9; border-radius:999px; background:#e7f1ff; }
.exam-mode-switch button { min-height:38px; padding:8px 14px; border:0; border-radius:999px; background:transparent; color:#45658c; font:inherit; font-size:12px; font-weight:850; }
.exam-mode-switch button[aria-pressed="true"] { background:linear-gradient(135deg,#2868ac,#3b548d); color:#fff; box-shadow:0 3px 8px #1b477529; }
.exam-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr); gap:20px; align-items:start; padding:22px; }
.exam-editor { display:grid; gap:18px; min-width:0; }
.exam-card { min-width:0; padding:22px; border:1px solid #b4cce7; border-radius:25px 14px 24px 16px; background:linear-gradient(145deg,#f7fbff,#e9f2ff); box-shadow:inset 0 0 0 3px #ffffff85; }
.exam-card h3 { margin:0; color:#2c517e; font-size:17px; }
.exam-card h3 + p { margin:6px 0 14px; color:#536b87; font-size:12px; }
.exam-heading-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:15px; }
.exam-date { max-width:190px; }
.exam-subjects { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0; }
.exam-subjects button,.exam-presets button { min-height:37px; padding:7px 13px; border:1px solid #b8cde8; border-radius:13px 8px 13px 9px; background:#f9fcff; color:#345c8b; font:inherit; font-size:13px; font-weight:800; }
.exam-subjects button[aria-pressed="true"] { border-color:#638fc6; background:#d7e8fc; box-shadow:inset 0 -2px #85a9d8; }
.exam-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.exam-form-grid .exam-subject-field { grid-column:1/-1; }
#examTimerPanel .field-label { color:#44618a; }
#examTimerPanel input,#examTimerPanel textarea { min-width:0; border-color:#b8cde8; background:#fbfdff; color:#24486f; }
#examTimerPanel input { min-height:43px; }
#examTimerPanel input:focus,#examTimerPanel textarea:focus { outline:3px solid #bdd8f4; outline-offset:1px; border-color:#4f86c2; box-shadow:none; }
.exam-presets { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.exam-form-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }
#examTimerPanel .btn { min-height:40px; }
.exam-help { margin:11px 0 0; color:#536b87; font-size:11px; line-height:1.7; }
.exam-feedback { min-height:22px; margin:12px 0 0; color:#3f5d84; font-size:12px; line-height:1.6; }
.exam-feedback.is-error { color:#a5384e; }
.exam-reminder-input { min-height:138px; line-height:1.9; }
.exam-records { display:grid; gap:10px; list-style:none; margin:0; padding:0; }
.exam-record { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:center; padding:13px; border:1px solid #c0d3eb; border-radius:17px 10px 16px 11px; background:#f5faff; }
.exam-record.is-current { border-color:#608ec6; background:#dcecff; box-shadow:inset 3px 0 #5587c6; }
.exam-record b { display:block; color:#2d527f; font-size:15px; overflow-wrap:anywhere; }
.exam-record p { margin:5px 0 0; color:#4f6c8d; font-size:12px; font-variant-numeric:tabular-nums; }
.exam-record small { display:inline-block; margin-left:7px; color:#66738a; font-size:10px; }
.exam-record-actions { display:flex; gap:5px; }
.exam-record-actions button { min-height:38px; padding:6px 8px; border:1px solid #bfd0e7; border-radius:9px; background:#fff; color:#3d608b; font:inherit; font-size:11px; }
.exam-record-actions button[data-exam-delete] { color:#a14358; }
.exam-empty { padding:32px 14px; border:1px dashed #b1cae7; border-radius:20px 11px 20px 12px; color:#536b87; text-align:center; font-size:13px; line-height:1.9; }
.exam-empty b { display:block; margin-bottom:5px; color:#3d5c83; }
.exam-preview-card { position:sticky; top:18px; border-radius:15px 26px 16px 25px; }
.exam-board { position:relative; container-type:inline-size; overflow:hidden; min-width:0; padding:25px 21px; border:1px solid #7392bd; border-radius:22px 13px 21px 14px; background:radial-gradient(ellipse at 100% 0,#526aab66,transparent 65%),linear-gradient(145deg,#173453,#102644 70%,#253d65); box-shadow:inset 0 0 0 4px #ffffff0d,0 12px 24px #15345624; color:#f5f8ff; text-align:center; }
.exam-board::before { position:absolute; top:-17px; right:-13px; width:100px; height:100px; background:url('academy-blue-plum-pattern-v1.svg') 0 0/300px; opacity:.7; content:''; pointer-events:none; }
.exam-board-top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:17px; border-bottom:1px solid #a6c7f02e; color:#d1e2f9; font-size:10px; font-weight:700; }
.exam-board-top time { white-space:nowrap; font-variant-numeric:tabular-nums; }
.exam-phase { position:relative; margin:22px 0 9px; color:#e9cf97; font-size:12px; font-weight:800; letter-spacing:.1em; }
.exam-board h3 { position:relative; margin:0; color:#f9fbff; font-size:clamp(20px,9cqw,36px); line-height:1.4; overflow-wrap:anywhere; }
.exam-digits { display:block; margin:18px 0 9px; color:#fff6d8; font-size:clamp(32px,16cqw,92px); font-weight:850; line-height:1.1; letter-spacing:-.025em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.exam-countdown-caption { margin:0; color:#e0eafa; font-size:12px; }
.exam-board-range { min-height:21px; margin:11px 0 0; color:#c2d4ee; font-size:11px; }
.exam-board.is-ending .exam-digits { color:#ffd3a3; }
.exam-board-counts { display:flex; justify-content:center; gap:18px; margin:21px 0 0; padding-top:17px; border-top:1px solid #a6c7f02e; color:#dae8f9; font-size:12px; }
.exam-board-counts b { margin-left:4px; color:#fff5d3; font-size:19px; }
.exam-board-note { margin:18px 0 0; padding:14px 6px 0; border-top:1px solid #a6c7f02e; color:#f0f4fc; font-size:12px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; text-align:left; }
.exam-board [hidden] { display:none; }
.exam-count-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin:19px 0; }
.exam-options { display:grid; gap:10px; margin:15px 0; color:#426087; font-size:12px; }
.exam-options label { display:flex; align-items:center; gap:8px; }
#examTimerPanel .exam-options input { min-height:0; accent-color:#3976b7; }
.exam-project-btn { width:100%; margin-top:5px; }
#examProjection { position:fixed; inset:0; width:100vw; max-width:none; height:100vh; height:100dvh; max-height:none; margin:0; padding:clamp(12px,3vw,42px); border:0; border-radius:0; background:radial-gradient(ellipse at 50% 0,#2b4b7d,#0e213d 80%); color:#fff; }
#examProjection[open] { display:flex; flex-direction:column; gap:14px; }
#examProjection::backdrop { background:#0e213d; }
.exam-projection-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; width:min(1400px,100%); margin:0 auto; color:#d7e7ff; font-size:14px; }
.exam-projection-toolbar button { flex-shrink:0; min-height:42px; padding:9px 17px; border:1px solid #abc7e866; border-radius:999px; background:#ffffff10; color:#fff; font:inherit; cursor:pointer; }
.exam-live-board { flex:1; width:min(1400px,100%); min-height:0; margin:0 auto; padding:clamp(18px,3vw,45px); overflow:auto; display:flex; flex-direction:column; justify-content:center; border-radius:26px; }
.exam-live-board .exam-board-top { font-size:clamp(12px,1.8vw,23px); }
.exam-live-board .exam-phase { margin-top:clamp(14px,2.8vh,30px); font-size:clamp(14px,2vw,25px); }
.exam-live-board h3 { font-size:clamp(26px,5cqw,66px); }
.exam-live-board .exam-digits { margin:14px 0 8px; font-size:clamp(52px,14cqw,172px); }
.exam-live-board .exam-countdown-caption { font-size:clamp(15px,2vw,26px); }
.exam-live-board .exam-board-range { font-size:clamp(12px,1.7vw,21px); }
.exam-live-board .exam-board-counts { margin-top:15px; padding-top:12px; font-size:clamp(15px,2vw,25px); }
.exam-live-board .exam-board-counts b { font-size:1.3em; }
.exam-live-board .exam-board-note { margin-top:13px; padding-top:12px; font-size:clamp(14px,2vw,25px); text-align:center; }
#examProjection:focus { outline:none; }
@container (max-width:820px) { .exam-layout { grid-template-columns:minmax(0,1fr); padding:16px; gap:16px; } .exam-preview-card { position:static; } .exam-board { max-width:580px; margin:auto; } }
@container (max-width:430px) { .exam-layout { padding:11px; } .exam-card { padding:16px; } .exam-record { grid-template-columns:minmax(0,1fr); } .exam-record-actions { justify-content:flex-end; } }
@media (max-width:660px) { #examTimerPanel > .module-head .exam-mode-switch { margin-top:15px; width:max-content; } .exam-live-board { justify-content:flex-start; } }
@media (max-height:650px) and (min-width:661px) { .exam-live-board { display:grid; grid-template-columns:1.2fr 1fr; column-gap:28px; align-content:center; align-items:center; } .exam-live-board .exam-board-top { grid-column:1/-1; } .exam-live-board .exam-phase,.exam-live-board h3,.exam-live-board .exam-digits,.exam-live-board .exam-countdown-caption,.exam-live-board .exam-board-range { grid-column:1; } .exam-live-board .exam-phase { margin-top:15px; } .exam-live-board .exam-digits { font-size:clamp(46px,9cqw,118px); } .exam-live-board .exam-board-counts { grid-column:2; grid-row:3; } .exam-live-board .exam-board-note { grid-column:2; grid-row:4/7; } }