.study-pad[hidden], #answer-feedback[hidden] { display: none !important; }
.study-pad { margin: 12px 0; }
.study-pad-grid { display: grid; gap: 6px; }
.study-pad-key { min-width: 0; min-height: 44px; padding: 6px 2px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; color: #1e293b; font-size: 18px; font-weight: 600; touch-action: manipulation; }
.study-pad-key:active { background: #dbeafe; }
.study-pad-key:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.study-pad-status { font-size: 13px; color: #1d4ed8; overflow-wrap: anywhere; margin-bottom: 6px; }
.study-pad-status:empty { display: none; }
.study-input-active { outline: 2px solid #2563eb; outline-offset: 2px; }
.study-question-frame { position: relative; }
#answer-feedback { position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; pointer-events: none; background: rgba(240,253,244,.96); color: #15803d; border-radius: 12px; font-size: 28px; font-weight: 700; }
#answer-feedback[data-correct="false"] { background: rgba(254,242,242,.96); color: #b91c1c; }