*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;height:100dvh;max-height:100dvh;margin:0;font-family:HarmonyOS Sans SC;overflow:hidden}body{background:#232329}#app{justify-content:center;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.phone-frame{width:min(100%,430px);max-width:100vw;height:100dvh;max-height:100dvh;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#efc3de 0%,#c6eef3 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.bg-main{object-fit:cover;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bg-secondary{object-fit:cover;object-position:center;opacity:.32;pointer-events:none;filter:blur(1.5px)saturate(1.05);will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0);-webkit-mask-image:radial-gradient(78% 70% at 50% 45%,#000 0%,#000000d9 45%,#0006 80%,#0000 100%);mask-image:radial-gradient(78% 70% at 50% 45%,#000 0%,#000000d9 45%,#0006 80%,#0000 100%)}.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{width:auto;height:45px;overflow:visible}.hero-subtitle{color:#1e1e1e;margin:10px 0 15px;font-size:16px}.card-stack{z-index:2;flex:1;align-items:flex-start;width:100%;min-height:0;margin-top:10px;display:flex;position:relative}.question-card{background:url(/card_bg.png) 50%/100% 100% no-repeat;justify-content:center;width:100%;min-height:clamp(300px,52dvh,480px);padding:0;display:flex}.question-card .card-content{z-index:1;width:min(270px,100vw - 48px);max-width:100%;padding:clamp(48px,14vw,75px) 8px 0 16px;position:relative}.consent-text{color:#2a2235;white-space:pre-line;min-height:0;margin:0 0 12px;font-size:clamp(15px,4.2vw,20px);font-weight:700;line-height:1.55}.consent-text:last-child{margin-bottom:0}.consent-text--blank{margin:0}.consent-text--lead{font-size:clamp(25px,4.2vw,30px);font-weight:800;line-height:1.45}.phone-frame--consent-fit{box-sizing:border-box;height:100vh;max-height:100vh;overflow:hidden}@supports (height:100dvh){.phone-frame--consent-fit{height:100dvh;max-height:100dvh}}.phone-frame--consent-fit .hero{flex-shrink:0}.phone-frame--consent-fit .card-stack{flex:1;align-items:stretch;min-height:0;margin-top:6px;overflow:hidden}.phone-frame--consent-fit .question-card--consent{flex-direction:column;flex:1;align-self:stretch;max-height:100%;display:flex;min-height:0!important}.phone-frame--consent-fit .question-card--consent .card-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;width:min(270px,100% - 24px);min-height:0;margin:0 auto;padding-top:clamp(36px,10vw,68px);padding-bottom:4px;overflow-y:auto}.phone-frame--consent-fit .question-card--consent .consent-text{margin-bottom:8px}.phone-frame--consent-fit .question-card--consent .actions--consent{padding:8px 4px 4px;padding-bottom:max(4px, env(safe-area-inset-bottom,0px));flex-shrink:0;margin-top:auto;position:static}.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;min-height:2.6em;margin:0 0 14px;font-size:clamp(12px,3.5vw,14px);font-weight:700}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px 12px;display:grid}.option-card{color:#222;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;font-size:14px;font-weight:700}.option-image{aspect-ratio:1;background-color:#ececec;background-image:linear-gradient(110deg,#fff0 30%,#ffffff8c 50%,#fff0 70%);background-repeat:no-repeat;background-size:220% 100%;border:2px solid #0000;border-radius:12px;width:100%;margin-bottom:4px;animation:1.4s linear infinite option-shimmer;display:block;position:relative;overflow:hidden}.option-card.is-selected .option-image{border-color:#f2009d}.option-image img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .25s;display:block}.option-image:after{content:"";border:2px solid #ffffffb3;border-top-color:#f2009dcc;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.85s linear infinite option-spin;position:absolute;top:50%;left:50%}.option-image.is-loaded{background-color:#0000;background-image:none;animation:none}.option-image.is-loaded:after{display:none}.option-image.is-loaded img{opacity:1}@keyframes option-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes option-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.option-image,.option-image:after{animation:none}.option-image img{transition:none}}.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:min(430px,55dvh);padding-top:0;transform:translateY(-12px)}.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:min(430px,55dvh);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;min-height:0;padding:0 clamp(16px,5vw,24px);padding-bottom:max(16px, env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#1e1e1e;flex:1;margin-top:16px;position:relative;overflow-y:auto}.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{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin-top:18px;transition:opacity .15s;display:block}.contact-row:active{opacity:.85}.contact-row strong{word-break:break-word;overflow-wrap:anywhere;font-size:22px;line-height:1.55;display:block}.contact-placeholder{background:#b4b4b499;border-radius:18px;width:78px;height:78px;margin:14px auto 0;display:block;box-shadow:0 6px 18px #0000001f}.actions{z-index:2;justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex;position:relative}.phone-frame>.actions{padding-bottom:max(0px, env(safe-area-inset-bottom,0px));flex-shrink:0}.actions button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#1e1e1e;border:0;border-radius:999px;width:min(132px,42vw);max-width:48%;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}.actions button:active{opacity:.95;transform:translateY(1px)}@media (width<=480px){.phone-frame{width:100%;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px))}.title-row .title-svg{height:45px}.heart{width:min(126px,32vw);top:28px}.question-card{min-height:clamp(280px,48dvh,440px);padding:0}.question-card h2{font-size:14px}.consent-text{margin-bottom:8px;line-height:1.5}.prompt{margin-bottom:12px}.option-card{font-size:12px}.loading-content{padding-top:min(100px,18vh)}.loading-content h2{font-size:14px}.loading-content--center{min-height:min(360px,50dvh);transform:translateY(-10px)}.loading-content--final{min-height:min(360px,50dvh)}.loading-track{width:min(234px,100%);height:12px}.result-panel h3{font-size:clamp(17px,4.8vw,20px)}.result-panel .meta{font-size:15px}.result-panel .lead{font-size:clamp(15px,4.2vw,18px)}.result-panel li{font-size:13px}.contact-row strong{font-size:16px}.actions button{height:44px;font-size:15px}.actions--consent button{height:42px;font-size:15px}}@media (height<=620px){.phone-frame--consent-fit .hero-subtitle{margin:4px 0 6px;font-size:16px}.phone-frame--consent-fit .title-row img{height:20px}.phone-frame--consent-fit .title-row .title-svg{height:22px}.phone-frame--consent-fit .heart{width:88px;top:18px;right:-10px}.phone-frame--consent-fit .question-card--consent .card-content{padding-top:28px}}