.hw-launch{display:flex;justify-content:flex-end;margin:0 0 10px}.hw-launch button{min-height:44px;background:#d9f3e5;font-size:15px}
.hw-tools{display:flex;align-items:center;gap:8px;flex:none;padding:5px 9px;border-bottom:2px dashed #d1bb93;background:#fff2c7}.hw-tools button{min-height:44px;white-space:nowrap;background:#bcefe5}.hw-status{margin:0;font:600 12px/1.5 var(--f-body);overflow-wrap:anywhere}.hw-status.error{color:#a53d28}
.hw-card{width:min(720px,100%);display:flex;flex-direction:column;padding:0;overflow:hidden;animation:none;max-height:100%}.hw-header{position:relative;flex:none;padding:16px 62px 13px 18px;background:#ffe38a;border-bottom:3px solid var(--ink)}.hw-header h2{font-size:25px}.hw-header .sx{right:12px;top:10px}
.hw-review-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 18px;display:grid;gap:10px}.hw-ink-preview{display:block;margin:auto;max-width:100%;width:auto;max-height:140px;object-fit:contain;border:2px solid #d3c5a4;border-radius:12px;background:white;padding:8px}.hw-recognition-note{margin:0;font:600 15px/1.6 var(--f-body)}
.hw-field{display:grid;grid-template-columns:minmax(85px,.6fr) minmax(0,2fr);align-items:center;gap:10px;font:700 15px var(--f-body)}.hw-field input,.hw-field textarea{width:100%;min-width:0;min-height:48px;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:#fff;font:500 20px/1.5 var(--f-body);color:var(--ink);user-select:text;resize:vertical}
.hw-confirm{display:flex;align-items:center;min-height:48px;gap:10px;cursor:pointer;font:700 15px var(--f-body)}.hw-confirm input{width:24px;height:24px;flex:none;margin:10px}.hw-check-feedback{margin:0;min-height:22px;font:600 15px/1.6 var(--f-body);color:#91462c;overflow-wrap:anywhere}
.hw-review-actions{padding:12px 18px;display:flex;flex-wrap:wrap;gap:10px;flex:none;border-top:3px solid var(--ink);background:#fff4d8}.hw-review-actions button{min-height:48px;flex:1}.hw-review-actions button:disabled{opacity:.5;cursor:default}.hw-modal{z-index:70;height:var(--learning-viewport-height,100dvh);bottom:auto}
.hw-submitted-answer{padding:12px;background:#e8f6df;border:2px solid #91b57b;border-radius:12px;font:700 20px var(--f-body)}.hw-writing-accepted .mz-checks,.hw-writing-accepted .mz-writing-done,.hw-writing-accepted .mz-write-status{display:none}
@media(max-width:600px){.hw-header h2{font-size:21px}.hw-review-body{padding:10px;gap:8px}.hw-field{grid-template-columns:1fr;gap:4px}.hw-field input,.hw-field textarea{font-size:18px}.hw-ink-preview{max-height:100px}.hw-review-actions{padding:10px;gap:6px}.hw-review-actions button{font-size:15px;padding:5px 10px}.hw-tools{padding:4px 6px;gap:5px}.hw-status{font-size:11px}.hw-launch{justify-content:flex-start}}

.hw-question-context{margin:0;padding:9px 12px;border:2px solid #ccb88e;border-radius:12px;background:#fff8e6;font:700 16px/1.6 var(--f-body);white-space:pre-wrap;overflow-wrap:anywhere}

.hw-tools[aria-busy=true] #handwritingRead::before{content:'';display:inline-block;width:14px;height:14px;margin-right:6px;border:3px solid #538e86;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:hw-reading .8s linear infinite}
#handwritingCancel{background:#fff6df}
@keyframes hw-reading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hw-tools[aria-busy=true] #handwritingRead::before{animation:none}}
@media(max-width:600px){.hw-tools{flex-wrap:wrap}.hw-tools[aria-busy=true] .hw-status{flex-basis:100%}}