:root{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#111827;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f4f6}#root{width:100%;padding:16px 12px 24px}.app{width:min(100%,680px);margin:0 auto;display:flex;flex-direction:column;gap:14px}.hero{text-align:center;padding:12px 8px}.eyebrow{margin:0;color:#6b7280;font-size:.9rem}h1{margin:6px 0;font-size:clamp(1.6rem,5vw,2.2rem)}.subtitle{margin:0;color:#4b5563}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.adWrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:8px;min-height:50px}.progressWrap{margin-bottom:14px}.progressLabel{display:flex;justify-content:space-between;margin-bottom:6px;color:#374151;font-size:.92rem}.progressBar{width:100%;height:10px;border-radius:999px;background:#f3f4f6;overflow:hidden}.progressBar span{display:block;height:100%;background:linear-gradient(90deg,#111827,#4b5563);transition:width .2s ease}.questionCount{margin:0 0 12px;font-size:1.06rem;font-weight:700;line-height:1.5}.optionList{list-style:none;margin:0;padding:0;display:grid;gap:8px}.optionButton{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#111827;padding:12px}.optionButton:hover{border-color:#6b7280}.optionButton.selected{border-color:#111827;background:#f9fafb}.optionEmoji{font-size:1.3rem}.optionLabel{font-weight:600}.optionPoint{color:#6b7280;font-size:.88rem}.navButtons{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}button,.downloadBtn{border:0;border-radius:10px;background:#111827;color:#fff;padding:10px 12px;font-weight:700;text-align:center}button:disabled{background:#9ca3af}.resultCard{text-align:center}.score{margin:0;color:#4b5563}h2{margin:8px 0}.resultDescription{margin:0 0 14px}.resultImage{width:100%;border-radius:14px;border:1px solid #d1d5db}.resultButtons{margin-top:12px;display:grid;gap:8px}.resultButtons button,.resultButtons .downloadBtn{font-size:1rem;line-height:1.2;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.downloadBtn{text-decoration:none}.ghost{background:#f3f4f6;color:#111827}.shareMessage{margin-top:10px;color:#374151;font-size:.92rem;word-break:break-all}.sharePanel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}@media(min-width:420px){.sharePanel{grid-template-columns:repeat(6,1fr)}}.sharePlatform{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f3f4f6;color:#111827;border-radius:12px;padding:10px 4px;font-size:.72rem;font-weight:700;border:1px solid #e5e7eb}.sharePlatform:hover{background:#e5e7eb}.sharePlatformIcon{font-size:1.4rem;line-height:1}.sharePlatform.kakao{border-color:#fee500;background:#fef9c3}.sharePlatform.instagram{border-color:#e1306c;background:#fdf2f8}.sharePlatform.facebook{border-color:#1877f2;background:#eff6ff}.sharePlatform.twitter{border-color:#1da1f2;background:#e7f6fd}.sharePlatform.sms{border-color:#22c55e;background:#f0fdf4}.sharePlatform.copy{border-color:#6b7280;background:#f9fafb}.scoreGuide h2{margin-top:0}.scoreGuide ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scoreGuide li{border:1px solid #e5e7eb;border-radius:10px;padding:10px}.scoreGuide p{margin:4px 0 0;color:#4b5563}