:root{--fc-blue:#2563eb;--fc-line:#e4eaf3;--fc-muted:#6b7280}
.fc-page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.fc-page-head h2{margin:4px 0}.fc-page-head p{margin:5px 0;color:var(--fc-muted)}.fc-head-actions,.fc-form-actions,.fc-actions{display:flex;gap:10px}
.fc-toolbar{display:flex;gap:10px;margin-bottom:18px}.fc-toolbar input,.fc-form-card input,.fc-form-card textarea,.fc-title-input,.fc-desc-input,.fc-search{width:100%;border:1px solid var(--fc-line);border-radius:12px;padding:11px 13px;background:#fff;color:inherit}
.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.fc-set-card,.fc-form-card,.fc-panel,.fc-empty{background:#fff;border:1px solid var(--fc-line);border-radius:16px}.fc-set-card{padding:18px}.fc-set-top{display:flex;justify-content:space-between;gap:14px}.fc-set-card h3{margin:0}.fc-set-card p{color:var(--fc-muted);min-height:40px}.fc-count{white-space:nowrap;color:var(--fc-blue);font-weight:700}.fc-actions{border-top:1px solid var(--fc-line);padding-top:13px}.fc-actions a{text-decoration:none;font-weight:700}.fc-actions .danger{color:#dc2626}
.fc-empty{grid-column:1/-1;padding:50px;text-align:center}.fc-empty>div{font-size:48px}.fc-form-card{max-width:760px;padding:22px}.fc-form-card label{display:block;font-weight:700;margin:15px 0 7px}.fc-form-actions{justify-content:flex-end;margin-top:20px}.fc-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.fc-alert.success{background:#ecfdf3;color:#166534}.fc-alert.danger{background:#fef2f2;color:#991b1b}
.fc-title-input{font-size:24px;font-weight:800;max-width:620px}.fc-desc-input{margin-top:7px;max-width:620px}.flashcards-editor{display:grid;grid-template-columns:minmax(250px,320px) minmax(340px,1fr) minmax(260px,350px);gap:16px;min-height:650px}.fc-panel{overflow:hidden}.fc-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--fc-line)}.fc-panel-body{padding:14px;max-height:680px;overflow:auto}.fc-word-list,.fc-selected-list{display:grid;gap:8px}.fc-word-item,.fc-selected-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--fc-line);background:#fff;border-radius:12px;padding:9px;text-align:left;color:inherit}.fc-word-item{cursor:pointer}.fc-word-item:hover{border-color:#9db7f5;background:#f8fbff}.fc-word-item>span:nth-child(2),.fc-selected-copy{min-width:0;flex:1}.fc-word-item strong,.fc-selected-copy strong{display:block}.fc-word-item small,.fc-selected-copy small{display:block;color:var(--fc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-thumb{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#eef4ff;color:var(--fc-blue);font-weight:800;overflow:hidden}.fc-thumb img{width:100%;height:100%;object-fit:contain}.fc-selected-item{cursor:pointer}.fc-selected-item.dragging{opacity:.35}.fc-drag{cursor:grab;color:#94a3b8}.fc-order{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef4ff;color:var(--fc-blue);font-weight:800}.fc-selected-item button{border:0;background:#fee2e2;color:#b91c1c;border-radius:8px;width:30px;height:30px;cursor:pointer}.fc-empty-small{text-align:center;color:var(--fc-muted);padding:30px}
.fc-preview-card{text-align:center;padding:20px}.fc-preview-image{display:grid;place-items:center;height:260px;border-radius:18px;background:#f5f8ff;color:var(--fc-blue);font-size:90px;font-weight:800;overflow:hidden}.fc-preview-image img{width:100%;height:100%;object-fit:contain}.fc-preview-card h2{font-size:34px;margin:18px 0 5px}.fc-preview-ipa{color:var(--fc-blue);font-weight:700}.fc-preview-card p{font-size:18px;color:#475569}
.fc-preview-body{margin:0;font-family:Arial,sans-serif;background:#eef4ff;color:#13213c}.fc-preview-shell{width:min(900px,calc(100% - 24px));margin:auto;padding:24px}.fc-preview-shell header{display:flex;justify-content:space-between;align-items:center}.fc-preview-shell header a{margin-left:10px}.fc-progress{margin:18px 0}.fc-progress>div{height:8px;background:#dbe5f5;border-radius:20px;overflow:hidden}.fc-progress i{display:block;height:100%;background:var(--fc-blue)}.fc-study-card{display:block;position:relative;width:100%;height:560px;border:0;background:transparent;perspective:1200px;cursor:pointer}.fc-study-front,.fc-study-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:28px;background:#fff;box-shadow:0 20px 60px #8fa5c755;backface-visibility:hidden;transition:.5s;overflow:hidden}.fc-study-back{transform:rotateY(180deg)}.fc-study-card.flipped .fc-study-front{transform:rotateY(180deg)}.fc-study-card.flipped .fc-study-back{transform:rotateY(360deg)}#studyImage{height:330px;width:70%;display:grid;place-items:center;font-size:120px;color:var(--fc-blue)}#studyImage img{width:100%;height:100%;object-fit:contain}.fc-study-card h2{font-size:52px;margin:10px}.fc-study-back p{font-size:28px}.fc-study-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px}.fc-study-controls button,#studySpeak{padding:13px;border:1px solid var(--fc-line);border-radius:12px;background:#fff;font-weight:700;cursor:pointer}
@media(max-width:1100px){.flashcards-editor{grid-template-columns:1fr 1fr}.flashcards-editor aside{grid-column:1/-1}}@media(max-width:720px){.flashcards-editor{grid-template-columns:1fr}.fc-page-head{flex-direction:column}.fc-study-card{height:500px}}