.question-trainer{border:1px solid hsl(var(--border));border-radius:var(--radius-card);background:hsl(var(--card));color:hsl(var(--foreground));min-width:0;box-shadow:var(--shadow-card)}.question-trainer-top{padding:var(--space-5) var(--space-6) var(--space-6)}.question-trainer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid hsl(var(--border) / .7);padding-bottom:14px;margin-bottom:20px}.trainer-difficulty{display:flex;align-items:center;gap:8px;min-width:0;border:0;padding:0;margin:0}.trainer-difficulty legend{float:left;margin-right:8px;font-size:var(--text-xs);font-weight:500;color:hsl(var(--muted-foreground));line-height:44px}.trainer-difficulty>div{display:flex;gap:2px}.trainer-difficulty button{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid hsl(var(--border) / .8);border-radius:var(--radius-control);background:hsl(var(--background) / .6);font-size:var(--text-xs);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.trainer-difficulty button:hover{background:hsl(var(--accent))}.trainer-difficulty button[aria-pressed=true]{background:hsl(var(--brand) / .12);color:hsl(var(--brand));border-color:hsl(var(--brand) / .2);font-weight:700}.trainer-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.trainer-diff-toggle,.trainer-keyboard-help summary{min-height:44px;border:1px solid hsl(var(--border));border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:var(--text-xs);color:hsl(var(--muted-foreground));cursor:pointer;background:hsl(var(--background))}.trainer-diff-toggle[aria-pressed=true]{color:hsl(var(--brand));background:hsl(var(--brand) / .05)}.trainer-toggle-state{font-size:var(--text-xs);font-weight:600;min-width:20px}.trainer-keyboard-help{position:relative}.trainer-keyboard-help summary{list-style:none}.trainer-keyboard-help summary::-webkit-details-marker{display:none}.trainer-keyboard-help>div{position:absolute;z-index:30;right:0;top:calc(100% + 6px);width:min(300px,calc(100vw - 48px));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:0 12px 25px #142f4520;padding:17px;font-size:12px;line-height:1.8}.trainer-keyboard-help strong{display:block;margin-bottom:12px}.trainer-keyboard-help p{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.trainer-keyboard-help kbd{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:4px;padding:0 5px;font-size:var(--text-xs);white-space:nowrap}.trainer-help-note{font-size:var(--text-xs);color:hsl(var(--muted-foreground))}.trainer-prompt{font-size:var(--reading-question);line-height:1.5;text-wrap:pretty}.trainer-prompt h1,.trainer-prompt h2,.trainer-prompt h3,.trainer-prompt p{font-size:inherit!important;font-family:inherit;font-weight:600;line-height:inherit!important;margin:0!important;letter-spacing:-.005em}.trainer-context{font-size:var(--text-sm);line-height:1.7;color:hsl(var(--muted-foreground));margin-bottom:16px}.trainer-image{margin-bottom:20px}.trainer-image img{display:block;max-width:100%;max-height:260px;-o-object-fit:contain;object-fit:contain;margin:auto;background:#fff;border-radius:10px;padding:8px}.trainer-answer-heading{display:flex;justify-content:space-between;gap:12px;padding:10px var(--space-6);border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .4)}.trainer-answer-heading span{font-size:var(--text-xs);font-weight:400;letter-spacing:normal;text-transform:none}.trainer-options{border-radius:0 0 var(--radius-card) var(--radius-card);overflow:hidden}.trainer-option-row{display:flex;align-items:stretch;background:hsl(var(--background) / .3);border-bottom:1px solid hsl(var(--border))}.trainer-option-row:last-child{border-bottom:0}.trainer-option{display:flex!important;align-items:flex-start!important;gap:14px!important;flex:1;min-width:0;border:0!important;border-radius:0!important;padding:18px var(--space-6)!important;text-align:left;font-size:var(--reading-answer)!important;line-height:var(--reading-leading)!important;background:transparent!important;color:inherit!important;box-shadow:none!important}.trainer-option-letter{display:grid;place-items:center;width:30px;min-height:30px;flex-shrink:0;border:1px solid hsl(var(--border));border-radius:9px;font-size:var(--text-xs);font-weight:600;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .6)}.trainer-option:disabled{opacity:1!important;cursor:default}.trainer-option[aria-pressed=true]{background:hsl(var(--brand) / .06)!important}.trainer-option[aria-pressed=true] .trainer-option-letter{border-color:hsl(var(--brand));color:hsl(var(--brand));background:hsl(var(--brand) / .1)}.trainer-option:not(:disabled):hover{background:hsl(var(--accent) / .45)!important}.trainer-repeated{color:hsl(var(--muted-foreground))}.prompt-cue{font-style:normal;font-weight:650;text-decoration:underline;text-decoration-color:#f7af08;text-decoration-thickness:2px;text-underline-offset:.18em}.dark .prompt-cue{text-decoration-color:#f5c147}.trainer-shared{color:hsl(var(--foreground))}.trainer-difference{font-weight:650;background:#f9bf3929;border-radius:3px}.trainer-exclude{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;color:hsl(var(--muted-foreground));background:transparent;flex-shrink:0}.trainer-option-row.is-excluded .trainer-option-text{opacity:.4;text-decoration:line-through}.trainer-option-row.is-correct{background:hsl(var(--success-soft));color:hsl(var(--success-soft-foreground));box-shadow:inset 3px 0 hsl(var(--success))}.trainer-option-row.is-incorrect{background:hsl(var(--danger-soft));color:hsl(var(--danger-soft-foreground));box-shadow:inset 3px 0 hsl(var(--destructive))}.trainer-tool-error{font-size:var(--text-xs);line-height:1.7;color:hsl(var(--destructive));margin-bottom:14px}.question-trainer :focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-3px}.dark .trainer-difference{background:#d5a63420}.question-trainer .trainer-option-letter svg{color:inherit}@media(max-width:639px){.question-trainer-top{padding:16px}.question-trainer-toolbar{gap:10px;margin-bottom:17px;padding-bottom:12px}.trainer-difficulty{width:100%;display:flex}.trainer-difficulty>div{gap:3px;width:100%}.trainer-difficulty button{min-width:44px;flex:1}.trainer-difficulty legend{font-size:var(--text-xs);float:left;line-height:44px;white-space:nowrap;margin-bottom:0}.trainer-toolbar-actions{width:100%;justify-content:space-between;gap:6px}.trainer-diff-toggle,.trainer-keyboard-help summary{font-size:var(--text-xs)}.trainer-keyboard-help>div{right:0}.trainer-prompt{font-size:var(--text-lg);line-height:1.5}.trainer-answer-heading{padding:10px var(--space-4)}.trainer-option{padding:14px var(--space-4)!important;gap:var(--space-3)!important;font-size:.9375rem!important;line-height:var(--reading-leading)!important}.trainer-option-letter{width:28px;min-height:28px}.trainer-exclude{min-width:44px}.trainer-answer-heading span{max-width:155px;text-align:right}.trainer-diff-toggle .trainer-toggle-state{display:none}}@media(prefers-reduced-motion:reduce){.question-trainer *{transition:none!important;scroll-behavior:auto!important}}@media(max-width:359px){.trainer-difficulty{display:block}.trainer-difficulty legend{float:none;line-height:20px;margin-bottom:4px}}.trainer-toolbar-actions>div>button,.trainer-toolbar-actions>button{min-height:44px}.trainer-difficulty-after{display:none}@media(hover:none)and (pointer:coarse){.trainer-keyboard-help{display:none}}@media(max-width:639px){.question-trainer .trainer-difficulty-top{display:none}.question-trainer .trainer-difficulty-after{display:block;width:auto;margin:0;padding:14px 16px 16px;border-top:1px solid hsl(var(--border) / .7)}.question-trainer .trainer-difficulty-after legend{float:none;line-height:1.4;margin:0 0 8px;font-size:12px;color:hsl(var(--foreground))}.question-trainer-toolbar{justify-content:flex-end;border-bottom:0;padding-bottom:0;margin-bottom:10px}.trainer-toolbar-actions{width:auto}}@media(prefers-reduced-motion:no-preference){.question-trainer{animation:trainer-enter .22s cubic-bezier(.2,.7,.2,1) both}.trainer-option{transition:transform .12s ease,background-color .16s ease}.trainer-option:not(:disabled):active{transform:scale(.985)}.trainer-option-row.is-correct .trainer-option-letter,.trainer-option-row.is-incorrect .trainer-option-letter{animation:trainer-verdict .26s cubic-bezier(.2,.7,.2,1) both}}@keyframes trainer-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes trainer-verdict{0%{transform:scale(.6)}to{transform:scale(1)}}
