@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--ib-blue: #003DA6;--ib-blue-light: #E8EFF9;--ib-border: #D0D5DD;--ib-surface: #FFFFFF;--ib-bg: #F5F5F5;--ib-text: #1A1A2E;--ib-muted: #6B7280;--ib-correct: #10B981;--ib-wrong: #EF4444;--ib-warn: #F59E0B;--ib-mark-bg: #FFF8E1;--ib-mark-border: #F59E0B;--radius: 8px}.exam-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--ib-bg);font-family:Inter,sans-serif;color:var(--ib-text)}.exam-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--ib-blue);color:#fff;box-shadow:0 2px 12px #00000040;gap:1rem}.exam-header-left{display:flex;align-items:center;gap:.75rem}.exam-header-center{flex:1;text-align:center}.exam-header-right{display:flex;align-items:center;gap:.75rem}.ib-badge-small{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ib-blue);font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-header-title{font-weight:700;font-size:1rem;line-height:1.2}.exam-header-sub{font-size:.72rem;opacity:.75;margin-top:2px}.exam-submit-btn,.sidebar-submit-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:.5rem 1.1rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s;white-space:nowrap}.exam-submit-btn:hover,.sidebar-submit-btn:hover{background:#059669}.exam-submit-btn:disabled,.sidebar-submit-btn:disabled{opacity:.6;cursor:not-allowed}.exam-pdf-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:.45rem .9rem;font-size:.82rem;cursor:pointer;font-weight:600;transition:background .15s}.exam-pdf-btn:hover{background:#ffffff40}.teacher-mode-badge{background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:.3rem .8rem;font-size:.78rem;font-weight:600}.tab-warning{background:#fef2f2;border:1px solid #FCA5A5;color:#dc2626;border-radius:6px;padding:.4rem .9rem;font-size:.82rem;font-weight:700;animation:pulse .5s ease-in-out}.exam-body{display:flex;flex:1;align-items:flex-start;gap:0}.exam-main{flex:1;padding:2rem;overflow-y:auto;min-width:0}.exam-paper{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--ib-border);border-radius:10px;overflow:hidden;box-shadow:0 2px 16px #00000012}.exam-section{border-bottom:2px solid var(--ib-border);padding-bottom:.5rem;margin-bottom:.5rem}.exam-section:last-child{border-bottom:none}.exam-section-context{background:#eef4ff;border-left:4px solid var(--ib-blue);padding:1rem 1.25rem;margin:1rem 1.5rem;border-radius:0 6px 6px 0;font-size:.95rem;line-height:1.6}.exam-context-image{padding:1rem 1.5rem;text-align:center}.exam-context-image img{max-width:100%;border-radius:6px;border:1px solid var(--ib-border)}.myp-question-block{padding:1.25rem 1.5rem;border-top:1px solid #F0F0F0;transition:background .15s}.myp-question-block:first-child{border-top:none}.exam-question-wrapper{cursor:default;scroll-margin-top:80px}.exam-question-wrapper.active-question .myp-question-block{background:#fafbff;border-left:3px solid var(--ib-blue)}.myp-question-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.myp-question-label{background:var(--ib-blue);color:#fff;font-weight:700;font-size:.82rem;padding:.2rem .7rem;border-radius:4px;letter-spacing:.03em}.myp-marks-badge{background:var(--ib-mark-bg);border:1px solid var(--ib-mark-border);color:#92400e;font-size:.78rem;font-weight:600;padding:.18rem .6rem;border-radius:4px}.myp-question-text{font-family:Crimson Text,serif;font-size:1.08rem;line-height:1.65;color:var(--ib-text);margin-bottom:1rem}.myp-question-text strong,.myp-question-text b{font-weight:600}.myp-question-image{margin-bottom:1rem;text-align:center}.myp-question-image img{max-width:100%;max-height:300px;border:1px solid var(--ib-border);border-radius:6px;-o-object-fit:contain;object-fit:contain}.myp-mcq-options{display:flex;flex-direction:column;gap:.5rem}.myp-mcq-option{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border:1.5px solid var(--ib-border);border-radius:6px;cursor:pointer;transition:all .12s;background:#fff;font-size:.95rem;position:relative}.myp-mcq-option input[type=radio]{display:none}.myp-mcq-option:hover:not(.selected){border-color:var(--ib-blue);background:var(--ib-blue-light)}.myp-mcq-option.selected{border-color:var(--ib-blue);background:var(--ib-blue-light)}.myp-mcq-option.correct{border-color:var(--ib-correct);background:#ecfdf5}.myp-mcq-option.wrong{border-color:var(--ib-wrong);background:#fef2f2}.mcq-letter{width:28px;height:28px;border-radius:50%;background:var(--ib-border);color:var(--ib-text);font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.myp-mcq-option.selected .mcq-letter{background:var(--ib-blue);color:#fff}.myp-mcq-option.correct .mcq-letter{background:var(--ib-correct);color:#fff}.myp-mcq-option.wrong .mcq-letter{background:var(--ib-wrong);color:#fff}.mcq-text{flex:1}.mcq-tick{margin-left:auto;color:var(--ib-correct);font-weight:900;font-size:1.1rem}.mcq-cross{margin-left:auto;color:var(--ib-wrong);font-weight:900;font-size:1.1rem}.dd-container{display:flex;flex-direction:column;gap:1.5rem}.dd-pool{background:#f8f9fa;border:1.5px dashed #CBD5E1;border-radius:8px;padding:1rem}.dd-pool-label{font-size:.82rem;font-weight:700;color:var(--ib-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dd-pool-items{display:flex;flex-wrap:wrap;gap:.5rem}.dd-pool-empty{color:var(--ib-muted);font-size:.85rem;font-style:italic}.dd-item{padding:.6rem 1.1rem;background:#fff;border:1.5px solid var(--ib-border);border-radius:6px;cursor:grab;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 4px #0000000f}.dd-item:hover{border-color:var(--ib-blue);background:var(--ib-blue-light);box-shadow:0 2px 8px #0000001a}.dd-item.dragging{opacity:.4}.dd-item.placed{background:var(--ib-blue-light);border-color:var(--ib-blue)}.dd-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem;transition:color .1s}.dd-remove:hover{color:var(--ib-wrong)}.dd-targets{display:flex;flex-direction:column;gap:.75rem}.dd-target-row{display:flex;align-items:center;gap:1rem}.dd-target-label{min-width:140px;font-weight:600;font-size:.9rem;color:var(--ib-text);flex-shrink:0}.dd-target-zone{flex:1;min-height:52px;border:2px dashed var(--ib-border);border-radius:6px;display:flex;align-items:center;padding:.5rem;transition:all .12s;background:#fff}.dd-target-zone.drag-over{border-color:var(--ib-blue);background:var(--ib-blue-light)}.dd-target-zone.correct{border-color:var(--ib-correct);background:#ecfdf5;border-style:solid}.dd-target-zone.wrong{border-color:var(--ib-wrong);background:#fef2f2;border-style:solid}.dd-placeholder{color:#c0c7d1;font-size:.85rem;font-style:italic}.dd-tick{margin-left:.5rem;color:var(--ib-correct);font-weight:900}.dd-cross{margin-left:.5rem;color:var(--ib-wrong);font-weight:900}.myp-table-wrapper{overflow-x:auto}.myp-table{width:100%;border-collapse:collapse;font-size:.92rem}.myp-table th{background:var(--ib-blue);color:#fff;font-weight:600;padding:.65rem 1rem;text-align:left;font-size:.85rem;letter-spacing:.02em}.myp-table td{padding:.6rem 1rem;border-bottom:1px solid #EEF0F2;color:var(--ib-text)}.myp-table tr:last-child td{border-bottom:none}.myp-table tr:nth-child(2n) td{background:#fafafa}.myp-table td.editable-cell{padding:.3rem .5rem;position:relative}.myp-table td.correct{background:#ecfdf5!important}.myp-table td.wrong{background:#fef2f2!important}.table-cell-input{width:100%;padding:.45rem .6rem;border:1.5px solid #CBD5E1;border-radius:4px;font-size:.9rem;font-family:inherit;outline:none;transition:border .12s;background:#fff}.table-cell-input:focus{border-color:var(--ib-blue)}.table-cell-input:disabled{background:#f5f5f5;color:var(--ib-text);cursor:default}.cell-tick{color:var(--ib-correct);font-weight:900;margin-left:.3rem}.cell-correct-val{display:block;font-size:.75rem;color:var(--ib-correct);font-weight:600;margin-top:2px}.math-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;padding:.6rem;background:#f8f9fa;border:1px solid var(--ib-border);border-radius:6px}.math-symbol-btn{padding:.3rem .55rem;border:1px solid var(--ib-border);border-radius:4px;background:#fff;cursor:pointer;font-size:.88rem;font-weight:600;color:#374151;transition:all .1s;font-family:Crimson Text,serif}.math-symbol-btn:hover{background:var(--ib-blue-light);border-color:var(--ib-blue);color:var(--ib-blue)}.math-input-wrapper{position:relative}.math-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--ib-border);border-radius:6px;font-family:Crimson Text,serif;font-size:1.05rem;outline:none;resize:vertical;transition:border .12s;line-height:1.6;background:#fff;min-height:100px}.math-input:focus{border-color:var(--ib-blue)}.math-input:disabled{background:#fafafa;cursor:default;color:var(--ib-text)}.math-input::-moz-placeholder{color:#c0c7d1;font-style:italic;font-size:.88rem}.math-input::placeholder{color:#c0c7d1;font-style:italic;font-size:.88rem}.math-hint{margin-top:.5rem;font-size:.82rem;color:var(--ib-muted);display:flex;align-items:flex-start;gap:.4rem}.hint-icon{flex-shrink:0}.sa-answer-wrapper{position:relative}.sa-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--ib-border);border-radius:6px;font-family:Crimson Text,serif;font-size:1.05rem;outline:none;resize:vertical;line-height:1.8;background:#fff;transition:border .12s}.sa-input:focus{border-color:var(--ib-blue)}.sa-input:disabled{background:#fafafa;cursor:default;color:var(--ib-text)}.sa-input::-moz-placeholder{color:#c0c7d1;font-style:italic;font-size:.88rem}.sa-input::placeholder{color:#c0c7d1;font-style:italic;font-size:.88rem}.sa-boxes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.sa-box-label{font-weight:600;font-size:.9rem;color:var(--ib-text);margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1.5px solid var(--ib-border)}.sa-box-input{width:100%;min-height:120px;padding:.65rem .8rem;border:1.5px solid var(--ib-border);border-radius:6px;font-family:Crimson Text,serif;font-size:1rem;outline:none;resize:vertical;background:#fff;transition:border .12s;line-height:1.7}.sa-box-input:focus{border-color:var(--ib-blue)}.sa-box-input:disabled{background:#fafafa;cursor:default}.correct-answer-reveal{margin-top:1rem;padding:.75rem 1rem;background:#ecfdf5;border:1px solid #BBF7D0;border-radius:6px;font-size:.9rem;color:#065f46}.correct-answer-reveal strong{margin-right:.5rem}.marking-guidance{margin-top:.5rem;padding:.75rem 1rem;background:#fff8e1;border:1px solid #FDE68A;border-radius:6px;font-size:.88rem;color:#78350f}.marking-guidance strong{margin-right:.5rem}.exam-sidebar{width:220px;flex-shrink:0;position:sticky;top:60px;max-height:calc(100vh - 60px);overflow-y:auto;background:#fff;border-left:1px solid var(--ib-border);padding:1rem 0;display:flex;flex-direction:column}.question-nav{flex:1;padding:0 .75rem}.question-nav-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ib-muted);padding:0 .5rem;margin-bottom:.5rem}.nav-group{margin-bottom:.25rem}.nav-group-btn{width:100%;text-align:left;padding:.5rem .6rem;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.4rem;transition:all .1s}.nav-group-btn:hover{background:#f3f4f6}.nav-group-btn.active{background:var(--ib-blue-light);color:var(--ib-blue);font-weight:700}.nav-group-btn.answered:not(.active) .nav-dot{color:var(--ib-correct)}.nav-q-num{font-weight:700}.nav-q-marks{font-size:.75rem;color:var(--ib-muted);flex:1}.nav-chevron{font-size:.6rem;color:var(--ib-muted);margin-left:auto}.nav-dot{font-size:.55rem;color:#cbd5e1;flex-shrink:0}.nav-group-btn.answered .nav-dot{color:var(--ib-correct)}.nav-subgroup{padding-left:1.25rem;margin-top:.15rem;display:flex;flex-direction:column;gap:.1rem}.nav-sub-btn{width:100%;text-align:left;padding:.35rem .6rem;border:none;border-radius:5px;background:transparent;cursor:pointer;font-size:.8rem;font-weight:400;color:#6b7280;display:flex;align-items:center;gap:.4rem;transition:all .1s}.nav-sub-btn:hover{background:#f3f4f6;color:#374151}.nav-sub-btn.active{background:var(--ib-blue-light);color:var(--ib-blue);font-weight:600}.nav-sub-btn.answered .nav-dot{color:var(--ib-correct)}.sidebar-submit-btn{margin:1rem .75rem 0;width:calc(100% - 1.5rem);padding:.6rem;font-size:.85rem}.exam-timer{display:flex;align-items:center;gap:.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:.35rem .75rem;min-width:120px}.exam-timer.urgent{background:#ef444433;border-color:#ef444480;animation:pulse 1s infinite}.timer-icon{font-size:.9rem}.timer-display{font-family:Inter,monospace;font-weight:700;font-size:1rem;color:#fff;letter-spacing:.05em}.timer-bar-wrap{width:60px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.timer-bar{height:100%;border-radius:2px;transition:width 1s linear,background 1s}.exam-start-screen{min-height:100vh;background:linear-gradient(135deg,#003da6,#1d4ed8,#1e40af);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,sans-serif}.exam-start-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:540px;width:100%;box-shadow:0 25px 60px #00000040;animation:slideUp .4s ease}.ib-logo-strip{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #EEF0F2;font-size:.85rem;font-weight:600;color:var(--ib-blue)}.ib-badge{width:40px;height:40px;border-radius:50%;background:var(--ib-blue);color:#fff;font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center}.exam-title{font-family:Crimson Text,serif;font-size:1.9rem;font-weight:600;color:var(--ib-text);margin-bottom:1.25rem;line-height:1.2}.exam-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.exam-meta-item{background:#f8fafc;border:1px solid var(--ib-border);border-radius:6px;padding:.7rem .9rem}.meta-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ib-muted);margin-bottom:.2rem}.meta-value{font-size:.95rem;font-weight:600;color:var(--ib-text)}.exam-rules{background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:1rem 1.1rem;margin-bottom:1.5rem}.exam-rules h3{font-size:.88rem;font-weight:700;color:#92400e;margin-bottom:.6rem}.exam-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.exam-rules li{font-size:.84rem;color:#78350f;padding-left:1.2rem;position:relative}.exam-rules li:before{content:"•";position:absolute;left:0;color:#f59e0b}.exam-start-btn{width:100%;padding:.875rem;background:var(--ib-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.exam-start-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.exam-start-btn:active{transform:translateY(0)}.exam-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.exam-submitted-screen{min-height:100vh;background:linear-gradient(135deg,#065f46,#10b981);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Inter,sans-serif}.submitted-card{background:#fff;border-radius:16px;padding:2.5rem;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 60px #0003;animation:slideUp .4s ease}.submitted-icon{width:72px;height:72px;border-radius:50%;background:#ecfdf5;color:var(--ib-correct);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;border:3px solid var(--ib-correct)}.submitted-card h1{font-family:Crimson Text,serif;font-size:2rem;color:var(--ib-text);margin-bottom:.75rem}.submitted-card p{color:var(--ib-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.submitted-meta{display:flex;flex-direction:column;gap:.4rem;text-align:left;background:#f8fafc;border:1px solid var(--ib-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.88rem;color:var(--ib-muted)}.submitted-meta strong{color:var(--ib-text)}.submitted-actions{display:flex;flex-direction:column;gap:.6rem}.btn-review,.btn-pdf,.btn-home{display:block;width:100%;padding:.7rem;border-radius:7px;font-size:.9rem;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;transition:all .12s}.btn-review{background:var(--ib-blue);color:#fff;border:none}.btn-review:hover{background:#1d4ed8}.btn-pdf{background:#fff;color:var(--ib-text);border:1.5px solid var(--ib-border)}.btn-pdf:hover{border-color:var(--ib-blue);color:var(--ib-blue)}.btn-home{color:var(--ib-muted);border:none;background:transparent;font-size:.85rem}.btn-home:hover{color:var(--ib-text)}.exam-loading,.exam-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif;gap:1rem;color:var(--ib-muted)}.exam-spinner{width:44px;height:44px;border:4px solid #E5E7EB;border-top-color:var(--ib-blue);border-radius:50%;animation:spin .8s linear infinite}.exam-error-icon{font-size:3rem}.exam-error h2{font-size:1.5rem;color:var(--ib-text);font-family:Crimson Text,serif}.exam-error p{color:var(--ib-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{.exam-header,.exam-sidebar,.exam-submit-btn,.exam-pdf-btn,.sidebar-submit-btn,.math-toolbar,.dd-remove{display:none!important}.exam-layout,.exam-body{display:block}.exam-main{padding:0}.exam-paper{box-shadow:none;border:none;border-radius:0;max-width:100%}.exam-question-wrapper.active-question .myp-question-block{background:transparent;border-left:none}.myp-question-block{-moz-column-break-inside:avoid;break-inside:avoid}.dd-pool{border-style:solid}@page{margin:2cm 2cm 2cm 2.5cm}.exam-paper:before{content:"";display:block;border-bottom:3px solid #003DA6;margin-bottom:1.5rem;padding-bottom:1rem}}@media(max-width:768px){.exam-sidebar{display:none}.exam-main{padding:1rem}.exam-title{font-size:1.5rem}.sa-boxes-grid,.exam-meta-grid{grid-template-columns:1fr}.dd-target-row{flex-direction:column;align-items:flex-start}.dd-target-label{min-width:unset}}