.flashcard-workspace,.flashcard-workspace section{min-width:0}.flashcard-workspace [hidden]{display:none!important}.flashcard-workspace .btn{min-height:44px}.flashcard-label{gap:8px;font-size:13px;display:grid}.flashcard-workspace form{gap:12px;display:grid}.flashcard-workspace .input,.flashcard-workspace .textarea{width:100%;min-width:0}.flashcard-workspace textarea{resize:vertical;height:112px}.flashcard-decks{border:var(--rule);background:var(--color-paper);border-radius:10px;flex-direction:column;gap:8px;height:180px;padding:10px;display:flex;overflow:auto}.flashcard-decks>p{margin:0}.flashcard-deck-row{grid-template-columns:minmax(0,1fr) 44px;gap:6px;display:grid}.flashcard-deck-row>[data-flashcard-select]{text-align:start;white-space:normal;justify-content:space-between;gap:10px;min-width:0}.flashcard-deck-row>[data-flashcard-select][aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-paper))}.flashcard-deck-row [data-flashcard-deck-name]{overflow-wrap:anywhere;min-width:0}.flashcard-deck-row [data-flashcard-deck-count]{color:var(--color-muted);font:12px var(--font-mono);flex-shrink:0}.flashcard-icon-button{flex-shrink:0;width:44px;padding:0}.flashcard-backup{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flashcard-backup .btn{white-space:normal;padding-inline:8px;font-size:12px;line-height:18px}.flashcard-empty{text-align:center;border:var(--rule);background:var(--color-paper);min-height:350px;color:var(--color-muted);border-radius:12px;justify-content:center;align-items:center;padding:24px;display:flex}.flashcard-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.flashcard-title>div{min-width:0}.flashcard-title h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:17px}.flashcard-cards{gap:12px;max-height:720px;display:grid;overflow:auto}.flashcard-card{background:var(--color-paper);border:var(--rule);border-radius:12px;align-items:flex-start;gap:8px;min-width:0;padding:14px;display:flex}.flashcard-card-copy{flex:1;gap:10px;min-width:0;display:grid}.flashcard-card strong{color:var(--color-muted);font-size:11px}.flashcard-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.6}.flashcard-card-actions{flex-shrink:0;gap:4px;display:flex}.flashcard-edit{display:grid}.flashcard-study-panel{gap:16px;display:grid}.flashcard-progress-text{color:var(--color-muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.flashcard-progress{background:var(--color-paper);border-radius:8px;height:8px;overflow:hidden}.flashcard-progress>div{background:var(--color-accent);width:0;height:100%}.flashcard-flip{perspective:1000px;cursor:pointer;border-radius:16px;width:100%;height:300px}.flashcard-flip:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.flashcard-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard-flip[data-flipped=true] .flashcard-flip-inner{transform:rotateY(180deg)}.flashcard-face{border:var(--rule);border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-muted));background:color-mix(in srgb, var(--color-accent) 7%, var(--color-paper));backface-visibility:hidden;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.flashcard-face-back{background:color-mix(in srgb, #22a667 8%, var(--color-paper));border-color:#22a667;transform:rotateY(180deg)}.flashcard-face>span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.flashcard-face p{overflow-wrap:anywhere;white-space:pre-wrap;width:100%;max-height:180px;margin:0;font-size:20px;line-height:1.5;overflow:auto}.flashcard-face small{color:var(--color-muted);font-size:11px}.flashcard-study-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flashcard-results{text-align:center;border:var(--rule);background:var(--color-paper);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:350px;padding:24px;display:flex}.flashcard-results>svg{color:#d49b29}.flashcard-results h3,.flashcard-results p{margin:0}.flashcard-results .flashcard-progress{width:100%;height:14px}.flashcard-results strong{font:600 24px var(--font-mono)}[data-flashcard-score][data-band=high]{background:#22a667}[data-flashcard-score][data-band=medium]{background:#d49b29}[data-flashcard-score][data-band=low]{background:#df5363}.flashcard-recovery{gap:8px;display:grid}@media (width<=767px){.flashcard-workspace .input,.flashcard-workspace .textarea{font-size:16px}.flashcard-title{flex-wrap:wrap}.flashcard-card{flex-direction:column}.flashcard-card-actions{align-self:flex-end}.flashcard-flip{height:280px}.flashcard-face{padding:16px}.flashcard-face p{max-height:170px;font-size:18px}.flashcard-results{padding:16px}.flashcard-results .action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.flashcard-results .btn{white-space:normal;padding-inline:8px;font-size:12px}.flashcard-empty{min-height:320px}}@media (prefers-reduced-motion:reduce){.flashcard-flip-inner{transition:none}}