.container{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:500px;padding:2rem;box-shadow:0 10px 25px #ffb6c14d}.title{color:#ff6b6b;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.image-container{aspect-ratio:1;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;overflow:hidden}.image-container img{object-fit:contain;width:100%;height:100%}.quiz-image{object-fit:cover;border-radius:10px;width:100%;margin-bottom:1rem}.options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:1rem;display:grid}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#ff6b6b}.btn-primary:hover{background-color:#ff5252;transform:translateY(-2px)}.btn-secondary{color:#495057;background-color:#e9ecef}.btn-secondary:hover{background-color:#dee2e6}.button-group{justify-content:center;gap:15px;margin-top:1rem;display:flex}.final-image{border-radius:15px;width:100%;margin-bottom:1.5rem;box-shadow:0 5px 15px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background-color:#ffb6c166;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:20px;max-width:80%;padding:2rem 3rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;box-shadow:0 15px 35px #ff6b6b33}.modal-message{color:#333;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;line-height:1.5}.btn-modal{color:#fff;cursor:pointer;background-color:#ff6b6b;border:none;border-radius:12px;padding:10px 25px;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-modal:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b4d}.progress-container{background-color:#ffe3e3;border-radius:4px;width:100%;height:8px;margin:1rem 0;overflow:hidden}.progress-bar{background-color:#ff6b6b;height:100%;transition:width .3s ease-in-out}.loading-overlay{z-index:2000;background-color:#fff5f5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.heart-loader{margin-bottom:1rem;font-size:4rem;animation:1s infinite heartBeat}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}to{transform:scale(1)}}.loading-text{color:#ff6b6b;font-size:1.5rem;font-weight:700}body{color:#333;background-color:#fff5f5;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}