:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background:#fff5f7;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:#fff5f7}#root{width:100%}.app{width:100%;max-width:430px;margin:0 auto;padding:14px 12px 40px}.card{background:#fff;border:1px solid #ffe1ea;border-radius:18px;padding:18px 14px;box-shadow:0 10px 28px #ff588c14}.hero{text-align:center}.emoji{margin:0;font-size:24px}.hero h1{margin:2px 0 8px;font-size:28px;line-height:1.2}.subtitle{margin:0;font-size:16px;color:#5f5f5f}.meta{margin:10px 0 0;color:#8b8b8b;font-size:13px}.progressWrap{margin:12px 0 6px;width:100%;height:10px;background:#ffe9f0;border-radius:99px;overflow:hidden}.progressBar{height:100%;background:linear-gradient(90deg,#ff7ea6,#ff5f95);transition:width .25s ease}.questionBox{margin-top:16px}.questionBox h2{margin:0 0 12px;font-size:19px;line-height:1.4}.answerList{display:grid;gap:10px}.answerButton{width:100%;text-align:left;border:1px solid #ffd6e5;background:#fff7fa;color:#2f2f2f;border-radius:12px;padding:13px 12px;font-size:15px;font-weight:600}.answerButton:hover{border-color:#ff8db3;background:#ffeef4}.resultSection{margin-top:18px}.resultCard{background:linear-gradient(180deg,#fff6f9,#ffeef4);border:1px solid #ffd5e3;border-radius:16px;padding:16px 14px}.badge{margin:0;color:#7a3e52;font-weight:700}.resultCard h2{margin:8px 0 10px;font-size:24px}.resultCard ul{margin:0;padding-left:18px;color:#4c4c4c}.resultCard li+li{margin-top:4px}.summary{margin:12px 0 0;font-weight:700;color:#b13b68}.actionRow{display:grid;gap:10px;margin-top:12px}.primary,.secondary,.download,.shareGrid button{border-radius:12px;padding:12px;font-size:14px;font-weight:700}.secondary{border:1px solid #ffd0e0;background:#fff;color:#5f5f5f}.download{border:1px solid #ffc2d8;background:#fff3f8;color:#b13b68;text-decoration:none;text-align:center}.generatingText{margin:0;text-align:center;color:#a14c6c;font-size:14px;font-weight:600}.shareBlock{margin-top:14px}.shareBlock h3{margin:0 0 8px;font-size:16px}.shareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shareGrid button{border:1px solid #ffd0e0;background:#fff;color:#444}.footer{margin-top:12px;text-align:center}.footer a{color:#9c6b7b;font-size:13px}.adSection{margin-top:14px;padding:8px;background:#fff;border:1px solid #ffe1ea;border-radius:12px}@media(min-width:431px){.app{padding-top:22px}}