*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:HarmonyOS Sans SC}body{background:#232329}#app{justify-content:center;min-height:100vh;display:flex}.phone-frame{background:linear-gradient(#efc3de 0%,#c6eef3 100%);flex-direction:column;width:min(100vw,430px);min-height:100vh;padding:22px 0;display:flex;position:relative;overflow:hidden}.bg-main{object-fit:cover;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.heart{opacity:.9;width:138px;position:absolute;top:34px;right:-16px}.hero{z-index:2;text-align:center;padding-top:8px;position:relative}.hero--no-subtitle{margin-bottom:18px}.title-row{justify-content:center;align-items:center;gap:10px;display:flex}.title-row img{height:26px}.title-row .title-svg{height:30px}.hero-subtitle{color:#1e1e1e;margin:10px 0 15px;font-size:13px}.card-stack{z-index:2;flex:1;align-items:flex-start;width:100%;margin-top:12px;display:flex;position:relative}.question-card{background:url(/card_bg.png) 50%/100% 100% no-repeat;justify-content:center;width:100%;min-height:480px;padding:0;display:flex}.question-card .card-content{z-index:1;width:270px;padding:75px 8px 0 20px;position:relative}.consent-text{color:#2a2235;min-height:180px;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.6}.consent-photo-wrap{border-radius:14px;overflow:hidden}.consent-photo-wrap img{object-fit:cover;width:100%;display:block}.question-card h2{color:#f2009d;letter-spacing:.2px;margin:0 0 10px;font-size:20px;font-style:italic;line-height:1.05}.prompt{color:#222;height:38px;margin:0 0 14px;font-size:14px;font-weight:700}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px 12px;display:grid}.option-card{cursor:pointer;color:#222;text-align:center;background:0 0;border:0;margin:0;padding:0;font-size:14px;font-weight:700}.option-card img{aspect-ratio:1;object-fit:cover;border:2px solid #0000;border-radius:12px;width:100%;margin-bottom:4px;display:block}.option-card.is-selected img{border-color:#f2009d}.loading-content{text-align:center;flex-direction:column;align-items:center;padding-top:136px;display:flex}.loading-content h2{color:#f2009d;align-self:flex-start;margin:0;font-size:14px;font-style:italic;line-height:1.05}.loading-content--center{justify-content:center;width:100%;min-height:430px;padding-top:0;transform:translateY(-24px)}.loading-content p{color:#1e1e1e;margin:0 0 20px;font-size:14px;font-weight:700}.loading-content--center .loading-line-1{margin-bottom:36px}.loading-content--center .loading-line-2{margin-bottom:15px}.loading-content--final{justify-content:center;gap:0;width:100%;min-height:430px;padding-top:0}.loading-content--final h2{position:absolute;top:0;left:0}.loading-final-text{color:#1e1e1e;margin:0 0 15px;font-size:14px;font-weight:700}.loading-track{background:#ffffffb3;border-radius:999px;width:min(234px,100%);height:16px;margin-top:0;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#f2009d,#ff60cf);border-radius:999px;width:0%;height:100%;transition:width 60ms linear}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.result-panel{z-index:2;color:#1e1e1e;margin-top:26px;padding:0 24px;position:relative}.result-panel h3{margin:0 0 19px;font-size:20px;line-height:1.3}.result-panel .meta{margin:0 0 35px;font-size:15px;font-weight:600;line-height:1.55}.result-panel .lead{margin:0 0 14px;font-size:18px;font-weight:500;line-height:1.45}.result-panel ol{color:#555;margin:32px 0 0;padding-left:20px}.result-panel li{margin-bottom:8px;font-size:16px;line-height:1.55}.contact-row{align-items:center;gap:14px;margin-top:18px;display:flex}.contact-row strong{font-size:22px}.contact-placeholder{background:#b4b4b499;border-radius:16px;width:62px;height:62px}.actions{z-index:2;justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex;position:relative}.actions button{color:#fff;cursor:pointer;background:#1e1e1e;border:0;border-radius:999px;width:132px;height:44px;font-size:16px;font-weight:500;transition:transform .15s,opacity .15s}.actions--consent{margin-top:16px}.actions--consent button{height:46px;font-size:16px}.question-card--consent{position:relative}.question-card--consent .actions--consent{margin-top:0;position:absolute;bottom:28px;left:0;right:0}.actions button:active{opacity:.95;transform:translateY(1px)}@media (width<=480px){.phone-frame{width:100vw;padding:20px 0}.title-row .title-svg{height:20px}.heart{width:126px;top:28px}.question-card{min-height:480px;padding:0}.question-card h2{font-size:14px}.consent-text{min-height:160px;margin-bottom:10px;font-size:17px;line-height:1.55}.prompt{margin-bottom:12px;font-size:12px}.option-card{font-size:12px}.loading-content{padding-top:100px}.loading-content h2{font-size:14px}.loading-content--center{min-height:390px;transform:translateY(-20px)}.loading-content--final{min-height:390px}.loading-track{width:min(234px,100%);height:12px}.result-panel h3{font-size:20px}.result-panel .meta{font-size:15px}.result-panel .lead{font-size:18px}.result-panel li{font-size:13px}.contact-row strong{font-size:16px}.actions button{width:134px;height:44px;font-size:16px}.actions--consent button{width:132px;height:42px;font-size:16px}.question-card--consent .actions--consent{bottom:24px}}
/*$vite$:1*/