.wpef-wrapper{max-width:900px;margin:0 auto;padding:8px}
.wpef-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
.wpef-toolbar button{padding:6px 10px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}
.wpef-gallery{position:relative;height:min(80vh,760px)}
.wpef-card{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;max-width:640px;height:100%;perspective:1000px}
.wpef-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
.wpef-card.flipped .wpef-card-inner{transform:rotateY(180deg)}
.wpef-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:16px;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden}
.wpef-face.back{transform:rotateY(180deg);background:#111;color:#f9fafb}
.wpef-question{font-size:1.05rem;line-height:1.45;overflow:auto;white-space:pre-wrap;word-break:break-word;text-align:left}
.wpef-answer{font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-align:left;overflow:auto;flex:1}
.wpef-answer h1{font-size:1.25rem;margin:0 0 .5rem 0}
.wpef-answer h2{font-size:1.15rem;margin:.25rem 0 .5rem 0}
.wpef-answer h3{font-size:1.05rem;margin:.25rem 0 .4rem 0}
.wpef-answer h4{font-size:1rem;margin:.25rem 0 .3rem 0}
.wpef-answer p{margin:.4rem 0}
.wpef-answer ul,.wpef-answer ol{margin:.3rem 0 .6rem 0;padding-left:1.25rem}
.wpef-answer li{margin:.2rem 0;list-style-position:outside}
.wpef-answer blockquote{margin:.6rem 0;padding-left:.75rem;border-left:3px solid rgba(255,255,255,.25)}
.wpef-answer{white-space:pre-wrap}
.wpef-controls{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between}
.wpef-controls button{padding:6px 10px;border:1px solid #ddd;background:#f8f9fa;border-radius:6px}
.wpef-review{display:flex;gap:8px;justify-content:center;margin-top:8px}
.wpef-rate{flex:1;padding:10px;border:0;border-radius:8px;color:#fff}
.wpef-rate[data-rating="again"]{background:#ef4444}
.wpef-rate[data-rating="hard"]{background:#f59e0b}
.wpef-rate[data-rating="good"]{background:#10b981}
.wpef-rate[data-rating="easy"]{background:#3b82f6}

@media (max-width:640px){
	.wpef-gallery{height:min(85vh,560px)}
	.wpef-card{max-width:100%}
}

/* Modal */
.wpef-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}
.wpef-modal{width:90%;max-width:520px;background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.2);padding:16px;display:flex;flex-direction:column;gap:10px}
.wpef-modal h3{margin:0 0 6px 0;font-size:1.1rem}
.wpef-modal input[type="text"],.wpef-modal textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px}
.wpef-modal textarea{min-height:140px}
.wpef-modal .wpef-modal-actions{display:flex;gap:8px;justify-content:flex-end}
.wpef-modal .wpef-btn{padding:8px 12px;border:1px solid #d1d5db;background:#f9fafb;border-radius:8px;cursor:pointer}
.wpef-modal .wpef-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}