*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#2c3e50;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.app,.loading-screen{display:flex;flex-direction:column;min-height:100vh}.loading-screen{align-items:center;color:#fff;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-page{margin:0 auto;max-width:1200px;padding:20px;width:100%}.home-header{color:#fff;margin-bottom:40px;text-align:center}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:10px}.subtitle{font-size:1.3rem;margin-bottom:20px;opacity:.9}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:0 auto;max-width:500px;padding:20px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px;padding:20px 0}.category-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-5px) scale(1.02)}.category-card:before{background:inherit;bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1}.category-icon{display:block;font-size:3rem;margin-bottom:15px}.category-name{font-size:1.5rem;font-weight:700;margin-bottom:10px}.category-subtitle{font-size:1rem;opacity:.9}.from-yellow-400.to-orange-500{background:linear-gradient(135deg,#fbbf24,#f97316)}.from-blue-500.to-indigo-600{background:linear-gradient(135deg,#3b82f6,#4f46e5)}.from-pink-400.to-rose-500{background:linear-gradient(135deg,#f472b6,#f43f5e)}.from-green-400.to-emerald-500{background:linear-gradient(135deg,#4ade80,#10b981)}.from-orange-400.to-red-500{background:linear-gradient(135deg,#fb923c,#ef4444)}.from-purple-400.to-violet-600{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.from-teal-400.to-cyan-500{background:linear-gradient(135deg,#2dd4bf,#06b6d4)}.from-red-400.to-pink-500{background:linear-gradient(135deg,#f87171,#ec4899)}.from-green-500.to-teal-600{background:linear-gradient(135deg,#22c55e,#0d9488)}.quiz-page{margin:0 auto;max-width:900px;min-height:100vh;padding:20px;width:100%}.quiz-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:30px;padding:20px}.category-info{align-items:center;color:#fff;display:flex;justify-content:center;margin-bottom:15px}.category-info .category-icon{font-size:1.5rem;margin-right:10px}.category-info .category-name{font-size:1.3rem;font-weight:700}.progress-info{color:#fff;text-align:center}.progress-text{display:block;font-size:1.1rem;font-weight:500;margin-bottom:10px}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,gold,#ff6b35);border-radius:4px;height:100%;transition:width .3s ease}.question-section{color:#fff}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px}.question-title{font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center}.answers-grid{grid-gap:15px;display:grid;gap:15px}.answer-card{align-items:center;background:#ffffffe6;border-radius:15px;box-shadow:0 2px 10px #0000001a;color:#2c3e50;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.answer-card:hover{background:#fff;box-shadow:0 5px 20px #0003;transform:translateY(-2px)}.answer-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:35px;justify-content:center;margin-right:15px;width:35px}.answer-text{flex:1 1;font-size:1rem;line-height:1.5}.results-page{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:20px;width:100%}.results-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;padding:40px;text-align:center;width:100%}.score-display{margin-bottom:30px}.score-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:10px}.score-percentage{font-size:1.5rem;opacity:.9}.performance-message{background:#ffffff1a;border-radius:15px;font-size:1.3rem;font-weight:500;margin-bottom:40px;padding:20px}.text-green-600{color:#16a34a}.text-blue-600{color:#2563eb}.text-yellow-600{color:#ca8a04}.text-red-600{color:#dc2626}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.action-btn{border:none;border-radius:15px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,gold,#ff6b35);color:#fff}.action-btn.primary:hover{box-shadow:0 5px 15px #ff6b3566;transform:translateY(-2px)}.action-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.action-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.share-section h3{font-size:1.2rem;margin-bottom:20px}.share-buttons{display:flex;gap:15px;justify-content:center}.share-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.share-btn.kakao{background:#fee500;color:#000}.share-btn.twitter{background:#1da1f2}.share-btn:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.main-title{font-size:2.2rem}.subtitle{font-size:1.1rem}.categories-grid{gap:15px;grid-template-columns:1fr;max-width:100%}.category-card{padding:25px}.home-page,.quiz-page,.results-page{padding:15px}.question-card{padding:20px}.question-title{font-size:1.5rem}.answer-card{padding:15px}.score-text{font-size:2.5rem}.action-buttons{gap:10px}.share-buttons{flex-direction:column}}@media (max-width:480px){.main-title{font-size:1.8rem}.category-icon{font-size:2.5rem}.category-name{font-size:1.3rem}.results-card{padding:25px}}@media (min-width:769px) and (max-width:1024px){.categories-grid{gap:18px;grid-template-columns:repeat(3,1fr);max-width:750px}.category-card{padding:20px}}
/*# sourceMappingURL=main.66f5a552.css.map*/