:root{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#111827;background:#fff8ee;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:linear-gradient(180deg,#fff7e8,#ffeef3)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}.page{width:100%;max-width:640px;margin:0 auto;padding:16px 14px 28px}.card{background:#fff;border-radius:20px;padding:22px 16px;box-shadow:0 8px 24px #11182714}h1{margin:0;font-size:1.75rem;line-height:1.3;color:#111827}.subtitle{margin:8px 0 18px;color:#4b5563;font-size:.95rem}.progressWrap{margin-bottom:16px}.progressText{font-size:.85rem;color:#6b7280;margin-bottom:8px}.progressBar{width:100%;height:10px;background:#f3f4f6;border-radius:999px;overflow:hidden}.progressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f97316,#ec4899);transition:width .25s ease}.questionBox{margin-top:4px}.questionBox h2{margin:0 0 14px;font-size:1.18rem;color:#111827}.optionList{display:grid;gap:10px}.optionBtn{width:100%;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:12px 14px;border-radius:13px;font-size:.98rem;text-align:left}.optionBtn:active{transform:translateY(1px)}.resultBox{text-align:left}.resultLabel{font-size:.85rem;color:#6b7280;margin:0 0 6px}.resultBox h2{margin:0;font-size:1.42rem}.resultBox ul{margin:12px 0;padding-left:18px;color:#374151}.oneLine{margin:0;color:#be185d;font-weight:700}.imageWrap{margin-top:14px;border:1px solid #f3f4f6;border-radius:14px;overflow:hidden}.resultImage{width:100%;height:auto;display:block}.actionRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.primaryBtn,.ghostBtn{width:100%;border-radius:12px;padding:11px;font-weight:700}.primaryBtn{border:0;background:#111827;color:#fff}.ghostBtn{border:1px solid #d1d5db;background:#fff;color:#111827}.shareWrap{margin-top:16px}.shareWrap h3{margin:0 0 10px;font-size:1rem}.shareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shareGrid button{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px;color:#111827;font-size:.92rem}.copyNotice{margin:10px 0 0;font-size:.86rem;color:#047857}.adSection{margin-top:16px;background:#fff;border-radius:16px;padding:10px}.footerLink{margin-top:14px;text-align:center;font-size:.86rem}.footerLink a{color:#4b5563;text-decoration:underline}@media(min-width:640px){.page{padding:24px 18px 40px}.card{padding:28px 24px}}