.flash-study-layout{max-width:850px;margin:auto;min-width:0}
.flash-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.flash-mode [role=group]{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.flash-mode button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);padding:9px 20px;min-height:44px;font:inherit;font-size:.875rem}.flash-mode button[aria-pressed=true]{background:#2c424e;border-color:#63899b;color:#eef8fc}.flash-mode button:focus-visible,.flash-choice:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.flash-question-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;border:1px solid #4a616e;border-radius:18px;background:radial-gradient(ellipse at top,#2a3d48,var(--panel) 85%);padding:28px}.flash-question-card .eyebrow{color:#b5d4e7;margin-bottom:20px}.flash-question-card h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;letter-spacing:-.035em;text-wrap:balance;max-width:680px}.flash-question-card>p{color:var(--muted);font-size:.85rem;margin-top:14px}.flash-question-card .flash-visual{max-height:120px;object-fit:cover;margin-bottom:18px}.flash-question-card .instrument-flash-art{height:155px;margin-bottom:12px}.flash-question-card .instrument-flash-art svg{height:100%;max-width:100%}.flash-choices{display:grid;gap:10px;margin-top:18px}.flash-choice{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-height:64px;padding:14px 18px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--panel);font:inherit;line-height:1.5;overflow-wrap:anywhere}.flash-choice:not(:disabled):hover{background:#2b3c46;border-color:#89afc3}.flash-choice-letter{display:grid;place-items:center;width:32px;min-width:32px;height:32px;border:1px solid #61717d;border-radius:9px;color:#c6d9e3;font-size:.8rem}.flash-choice.correct{border-color:#a4c782;background:#2b3a2c}.flash-choice.correct .flash-choice-letter{background:#b9d99b;border-color:#b9d99b;color:#1f3020}.flash-choice.wrong{border-color:#dfa47e;background:#3c302b}.flash-choice.wrong .flash-choice-letter{background:#efb58f;border-color:#efb58f;color:#38251c}.flash-choice:disabled{cursor:default;opacity:1}.flash-choice.other{color:var(--muted)}.flash-choice-label{margin-left:auto;padding-left:10px;flex-shrink:0;font-size:.75rem;font-weight:650}.flash-feedback-slot:empty{display:none}.flash-choice-feedback{padding:18px 20px;margin-top:16px;border-left:3px solid #a4c782;border-radius:0 12px 12px 0;background:#29362b}.flash-choice-feedback.wrong{border-color:#dfa47e;background:#372e29}.flash-choice-feedback strong{display:block;color:var(--text)}.flash-choice-feedback p{color:var(--text);margin:8px 0;line-height:1.65}.flash-choice-feedback small{display:block;color:var(--muted);margin-top:9px}.flash-correct-answer{font-weight:600}.flash-choice-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.flash-choice-hint{text-align:center;color:var(--muted);font-size:.8rem;margin:16px 0}.flash-audio-tools{display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px}.flash-audio-tools .rhythm-card-audio{margin:0}.flash-audio-tools .rhythm-card-audio small{display:block}.flash-choice-actions .btn{min-width:170px}
@media(max-width:600px){.flash-question-card{min-height:190px;padding:22px 16px}.flash-choice{padding:13px 12px;gap:10px;flex-wrap:wrap}.flash-choice>span:nth-child(2){flex:1;min-width:0}.flash-choice-label{padding-left:42px;width:100%;margin-left:0}.flash-choice-actions{gap:14px}.flash-choice-actions .btn{width:100%}.flash-mode{gap:10px}.flash-mode button{padding:8px 17px}.flash-question-card .flash-visual{max-height:100px}}

.flash-study-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.flash-study-toolbar .study-options{flex:1 1 420px;justify-content:flex-start;margin:0;gap:16px}.flash-study-toolbar .flash-mode{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:6px}.flash-study-toolbar .study-options>.inline{gap:10px}.flash-question{scroll-margin-top:90px}
@media(max-width:600px){.flash-study-toolbar .study-options{flex-basis:100%}.flash-study-toolbar .flash-mode{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.flash-study-toolbar{gap:14px}}