:root{--primary: #f5b301;--primary-500: #f5b301;--primary-600: #d99600;--primary-700: #ba7f00;--primary-800: #8f6000;--bg: #f8f7f2;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--success: #16a34a;--info-border: #2563eb;--info-bg: #eff6ff;--info-text: #1e3a8a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg)}.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#f8c63d,#f5b301 55%,#e79e00);color:#2f2a1c;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 2px 10px #947c4040}.topbar-title{font-weight:600}.topbar-title .ver{margin-left:8px;font-weight:500;font-size:12px;opacity:.9;background:#ffffff73;color:#5a4100;padding:2px 6px;border-radius:6px}.topbar-actions button{background:#ffffffa6;border:1px solid rgba(255,255,255,.9);color:#4f3600;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500}.topbar-actions button:hover{background:#ffffffd9}.student-version-pill{position:fixed;top:12px;right:16px;z-index:1200;background:#003da5f2;color:#fff;padding:8px 12px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px #0f172a40}.shell{display:grid;grid-template-columns:270px 1fr;gap:12px;padding:16px;max-width:none;margin:0 auto}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 12px 6px;height:calc(100vh - 88px);overflow-x:hidden;overflow-y:auto;box-shadow:0 2px 10px #94a3b81f}.sidebar .list{padding-bottom:0;margin-bottom:0}.sidebar h3{margin:4px 8px 12px;font-size:12.6px;color:var(--muted);font-weight:600}.sidebar .list-item{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;cursor:default;font-size:14.4px}.sidebar .list-item.active{background:#fff7e3;border:1px solid #f5d38c}.badge{width:19.8px;height:19.8px;display:inline-flex;align-items:center;justify-content:center;border-radius:5.4px;background:#fff4d2;color:#a16207;font-size:10.8px;font-weight:600;border:1px solid #f6d78d}.item-meta{font-size:12px;color:var(--muted);display:none}.tz-card{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--card)}.tz-card__title{font-weight:600;color:var(--text);margin:0}.tz-card__row{display:flex;gap:14px;align-items:flex-start;margin-top:4px}.tz-card__offset{flex:0 0 auto;white-space:nowrap;font-weight:600;color:var(--info-border);line-height:1.35}.tz-card__detail{flex:1 1 auto;font-size:14px;line-height:1.35;color:var(--text)}.main{min-height:calc(100vh - 88px);display:flex;flex-direction:column}.section-header{display:flex;align-items:baseline;gap:12px;margin:8px 0 12px 2px}.section-header h2{margin:0;font-size:18px}.section-sub{color:var(--muted);font-size:13px}.section-status{margin-left:auto}.section-status .suitability-modal__status-pill{padding:6px 12px;font-size:12px}.mode-phone .section-status{margin-left:0;margin-top:8px}.card{background:var(--card);border:1px solid #f0e0ba;border-radius:16px;box-shadow:0 12px 32px #d6b4501f;padding:20px 22px}.content-narrow{max-width:900px;margin:0 auto;width:100%}.content-wide{max-width:none;margin:0;width:100%}.sp15-active .content-narrow.assessment-card{max-width:1100px}.sp15-active .vocal-frame{overflow:hidden}.sp15-active .vocal-frame__iframe,.sp15-active .vocal-frame__mount iframe{--sp15-crop-top: 64px;--sp15-crop-side: 28px;--sp15-crop-bottom: 18px;position:relative;top:calc(var(--sp15-crop-top) * -1);left:calc(var(--sp15-crop-side) * -1);width:calc(100% + (var(--sp15-crop-side) * 2));height:calc(720px + var(--sp15-crop-top) + var(--sp15-crop-bottom));min-height:calc(720px + var(--sp15-crop-top) + var(--sp15-crop-bottom));border:none;border-radius:0}.info{border-left:4px solid var(--info-border);background:var(--info-bg);color:var(--info-text);padding:14px 16px;border-radius:10px;box-shadow:inset 0 1px #fffc}.question-title{font-weight:600;margin:18px 0 10px}.question-helper{color:var(--muted);font-size:13px;margin-bottom:10px}.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 16px;border-radius:14px;background:#fff4d2;border:1px solid #f3c66f;box-shadow:0 8px 18px #e2b64024;color:#7a4b00}.contact-label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.contact-value{font-size:20px;font-weight:700;letter-spacing:.08em}.opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e7e2d0;border-radius:12px;margin:10px 0;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.opt input[type=checkbox],.opt input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #d8caa6;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;margin-top:3px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.opt input[type=checkbox]:after,.opt input[type=radio]:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary-700);opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.4)}.opt input[type=checkbox]:checked,.opt input[type=radio]:checked{border-color:var(--primary-600);box-shadow:0 0 0 3px #f5b30140}.opt input[type=checkbox]:checked:after,.opt input[type=radio]:checked:after{opacity:1;transform:scale(1)}.opt input[type=checkbox]:focus-visible,.opt input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #2fadff66;border-color:#0ea5e9}.opt input[type=checkbox][disabled],.opt input[type=radio][disabled]{border-color:#e3dac4;box-shadow:none;background:#faf7ef}.opt span{flex:1 1 auto;min-width:0;white-space:normal;display:block;line-height:1.5;color:var(--text)}.opt{align-items:flex-start}.opt:hover{border-color:var(--primary-500);box-shadow:0 6px 14px #e5b2182e}.opt:has(input:checked){border-color:var(--primary-600);background:#fff7dd;box-shadow:0 0 0 2px #f5b30140}.opt:has(input:checked) span{font-weight:600;color:#7a4b00}.assessment-card{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.assessment-card .assessment-root{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;gap:16px}.assessment-progress{flex:0 0 auto}.assessment-stage{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.assessment-stage>.question-renderer--speaking{flex:0 0 auto;min-height:0;height:auto}.question-renderer{display:flex;flex-direction:column;gap:12px}.question-renderer--compact{gap:8px}.question-renderer--compact .opt{padding:8px 10px;margin:8px 0}.question-renderer--compact .opt span{line-height:1.35}.question-renderer--compact .actions{margin-top:8px}.q10-active .stem-card{padding:10px 12px;margin-bottom:6px!important}.q10-active .stem-card>div{line-height:1.35}.q10-active .card.assessment-card{padding:14px 16px}.q10-active .question-renderer--compact{gap:6px}.q10-active .question-renderer--compact .opt{padding:6px 10px;margin:6px 0}.q10-active .question-renderer--compact .opt input[type=checkbox],.q10-active .question-renderer--compact .opt input[type=radio]{width:16px;height:16px;margin-top:2px}.q10-active .question-renderer--compact .actions{margin-top:6px}.question-renderer--speaking{display:flex;flex-direction:column;gap:12px}.question-renderer--speaking>*{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;height:auto}.question-renderer--speaking iframe{flex:0 0 auto;min-height:720px;height:720px;border-radius:12px}.actions{margin-top:12px;display:flex;gap:10px}.btn{background:var(--primary);border:none;color:#3f2a00;padding:10px 20px;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 8px 16px #e5b21847}.btn:hover:not(:disabled){background:var(--primary-600);color:#2f1f00}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.progress{margin:4px 2px 16px}.progress .bar{height:8px;background:#f2ede0;border-radius:999px;overflow:hidden}.progress .fill{height:8px;background:var(--primary-600);border-radius:999px;width:0;transition:width .25s ease}.progress .meta{font-size:12px;color:var(--muted);margin-top:6px}.center{max-width:800px;margin:56px auto;text-align:center}.btn-outline{background:#fff;color:var(--primary-700);border:1px solid var(--primary-600);border-radius:999px;box-shadow:none}.sortable{list-style:none;margin:8px 0 0;padding:0}.drag-item{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px;background:#fff;border:1px solid #e7e2d0;border-radius:12px;box-shadow:0 6px 16px #e0bc6026}.drag-item .handle{cursor:grab;-webkit-user-select:none;user-select:none;color:#a16207;font-size:18px}.drag-item.dragging{opacity:.6}.drag-item.drop-hint{outline:2px dashed var(--primary-600);outline-offset:-6px}.question-renderer--q7a .sortable{margin-top:6px}.question-renderer--q7a .drag-item{padding:8px 12px;margin-bottom:6px;gap:8px}.mode-phone .question-renderer--q7a .sortable .drag-item{padding:12px 14px}.mode-phone .shell{display:block;padding:10px}.mode-phone .sidebar{height:auto;max-height:40vh;margin-bottom:10px}.mode-phone .section-header{flex-wrap:wrap}.mode-phone .opt{padding:12px 14px}.mode-phone .btn{padding:12px 16px}.mode-phone .sortable .drag-item{grid-template-columns:32px 1fr;padding:12px 14px}.mode-phone .sortable .drag-item .btn{min-width:44px;min-height:36px;font-size:16px}.mode-phone .sortable .drag-item .handle{font-size:16px;opacity:.8}