:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#1a1a1a;background:linear-gradient(135deg,#667eea,#764ba2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}button{border:none;cursor:pointer;font-family:inherit;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.5}.app{width:100%;max-width:800px;min-height:600px}.welcome-screen{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 20px 60px #0003}.welcome-content{text-align:center}.welcome-content h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.welcome-description{font-size:1.125rem;color:#666;margin-bottom:40px}.welcome-info{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.info-item{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;color:#555}.info-icon{font-size:1.5rem}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.125rem;font-weight:600;padding:16px 48px;border-radius:12px;box-shadow:0 4px 15px #667eea66}.question-screen{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0003;min-height:600px;display:flex;flex-direction:column}.progress-container{margin-bottom:40px}.progress-info{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.875rem;color:#666;font-weight:500}.progress-bar-bg{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px}.question-container{flex:1;display:flex;flex-direction:column;margin-bottom:32px}.question-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:32px;line-height:1.4}.answers-container{display:flex;flex-direction:column;gap:12px}.answer-button{position:relative;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px 24px;text-align:left;font-size:1rem;color:#333;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.answer-button:hover{border-color:#667eea;background:#667eea0d}.answer-button.selected{border-color:#667eea;background:#667eea1a}.answer-text{flex:1}.check-icon{font-size:1.25rem;color:#667eea;font-weight:700}.navigation{display:flex;justify-content:space-between;gap:16px;margin-top:auto}.nav-button{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;transition:all .2s ease}.prev-button{background:#f3f4f6;color:#666}.prev-button:not(:disabled):hover{background:#e5e7eb}.next-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-button:not(:disabled):hover{box-shadow:0 4px 15px #667eea66}.result-screen{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 20px 60px #0003}.result-content{text-align:center}.result-emoji{font-size:5rem;margin-bottom:24px}.result-title{font-size:1.5rem;color:#666;font-weight:400;margin-bottom:16px}.result-type{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.result-score{font-size:1.125rem;color:#888;margin-bottom:32px}.result-description{font-size:1.25rem;color:#555;line-height:1.8;margin-bottom:40px;padding:24px;background:#f9fafb;border-radius:12px;border-left:4px solid #667eea}.restart-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.125rem;font-weight:600;padding:16px 48px;border-radius:12px;box-shadow:0 4px 15px #667eea66}@media(max-width:640px){.welcome-screen,.question-screen,.result-screen{padding:32px 24px}.welcome-content h1,.result-type{font-size:2rem}.question-title{font-size:1.25rem}.result-emoji{font-size:4rem}}