:root{--bg-desk:#e7e4f5;--phone-bg:#f4f1fb;--chat-bg:#eee9fb;--bubble-partner:#fff;--bubble-partner-text:#2c2a3a;--bubble-me:linear-gradient(135deg, #a78bfa, #f472b6);--bubble-me-text:#fff;--accent:#8b5cf6;--accent-pink:#f472b6;--text-main:#2c2a3a;--text-sub:#8b879c;--danger:#ef4444;--success:#22c55e;--radius-lg:28px;--radius-bubble:18px;--font-main:"Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-main);color:var(--text-main);background:var(--bg-desk);-webkit-font-smoothing:antialiased}#root{justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}button{font-family:inherit}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}img{-webkit-user-drag:none}.phone-frame{background:var(--phone-bg);flex-direction:column;width:100%;max-width:420px;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=560px){.phone-frame{border-radius:var(--radius-lg);height:min(880px,92dvh);max-height:92dvh;box-shadow:0 30px 60px -20px #321e5059,0 0 0 10px #17151f,0 0 0 12px #2c2938}}.phone-notch{display:none}@media (width>=560px){.phone-notch{z-index:20;background:#17151f;border-radius:0 0 16px 16px;width:130px;height:22px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}}.phone-screen{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative}@media (width>=560px){.phone-screen{padding-top:22px}}.push-banner{top:max(10px, env(safe-area-inset-top) + 6px);z-index:25;box-sizing:border-box;cursor:pointer;text-align:left;background:#fffffffa;border:none;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:10px 14px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;left:10px;right:10px;transform:translateY(-160%);box-shadow:0 14px 28px -10px #321e5066}@media (width>=560px){.push-banner{top:30px}}.push-banner--visible{transform:translateY(0)}.push-banner-avatar{background:var(--bubble-me);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.push-banner-body{flex-direction:column;min-width:0;display:flex}.push-banner-name{color:var(--text-main);font-size:13.5px;font-weight:700}.push-banner-preview{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.chat-screen{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));box-sizing:border-box;background:#fff;border-bottom:1px solid #eae7f5;flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.chat-header-avatar{background:var(--bubble-me);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.chat-header-info{flex:1;min-width:0}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.chat-header-sub{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.chat-body{box-sizing:border-box;background:var(--chat-bg);scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:16px 14px;display:flex;overflow:hidden auto}.chat-row{align-items:flex-end;gap:6px;min-width:0;max-width:82%;animation:.22s bubble-in;display:flex}.chat-row--partner{align-self:flex-start}.chat-row--me{justify-content:flex-end;align-self:flex-end}.chat-row-content{flex-direction:column;min-width:0;display:flex}.chat-row--partner .chat-row-content{align-items:flex-start}.chat-row--me .chat-row-content{align-items:flex-end}.msg-avatar{object-fit:cover;background:#e5e2f5;border-radius:50%;flex-shrink:0;width:26px;min-width:26px;height:26px}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble{box-sizing:border-box;border-radius:var(--radius-bubble);word-break:keep-all;overflow-wrap:anywhere;min-width:0;max-width:100%;padding:10px 14px;font-size:14.5px;line-height:1.45;box-shadow:0 1px 2px #321e500f}.bubble--partner{background:var(--bubble-partner);color:var(--bubble-partner-text);border-bottom-left-radius:4px}.bubble--me{background:var(--bubble-me);color:var(--bubble-me-text);border-bottom-right-radius:4px}.bubble--typing{gap:4px;padding:13px 16px;display:flex}.typing-dot{background:#c9c4dd;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.choice-area{box-sizing:border-box;min-width:0;padding:10px 14px max(14px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eae7f5;flex-shrink:0}.choice-list{flex-direction:column;gap:8px;display:flex}.choice-btn{box-sizing:border-box;width:100%;color:var(--text-main);text-align:left;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere;background:#fbfaff;border:1.5px solid #e3defa;border-radius:14px;padding:12px 14px;font-size:14px;transition:border-color .15s,background .15s,transform .1s}.choice-btn:hover:not(:disabled){border-color:var(--accent);background:#f4effd}.choice-btn:active:not(:disabled){transform:scale(.98)}.choice-btn:disabled{opacity:.6;cursor:default}.blocked-banner{text-align:center;color:var(--text-sub);background:#f3f2f6;border-radius:14px;padding:12px 10px;font-size:13px;font-weight:600}.photo-scene{aspect-ratio:3/4;border-radius:inherit;width:100%;position:relative;overflow:hidden}.photo-scene-bg{object-fit:cover;width:100%;height:100%;display:block}.photo-scene-tv-overlay{object-fit:cover;border-radius:2px;position:absolute}.photo-thumb-btn{border-radius:var(--radius-bubble);width:150px;max-width:100%;transition:transform .15s,filter .15s;overflow:hidden;box-shadow:0 1px 2px #321e500f}.photo-thumb-btn--pressed{filter:brightness(.82);transform:scale(.94)}.photo-modal-backdrop{box-sizing:border-box;z-index:40;background:#14101eb8;justify-content:center;align-items:center;padding:28px;animation:.18s photo-modal-fade;display:flex;position:absolute;inset:0}.photo-modal-card{border-radius:18px;width:100%;max-width:320px;position:relative;overflow:hidden;box-shadow:0 20px 45px -15px #00000080}.photo-modal-close{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;right:8px}@keyframes photo-modal-fade{0%{opacity:0}to{opacity:1}}.cover-screen{box-sizing:border-box;text-align:center;background:linear-gradient(#f4f1fb 0%,#ece6fb 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;height:100%;padding:32px 28px;display:flex;overflow-y:auto}.cover-emoji{margin-bottom:10px;font-size:52px}.cover-title{letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:800}.cover-desc{color:var(--text-sub);margin:0 0 28px;font-size:13.5px;line-height:1.6}.ending-screen{justify-content:flex-start;padding-bottom:16px}.ending-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;min-height:0;display:flex}.ending-footer{color:var(--text-sub);margin:0;font-size:10.5px;line-height:1.5}.primary-btn{box-sizing:border-box;color:#fff;background:var(--bubble-me);cursor:pointer;border:1.5px solid #0000;border-radius:999px;padding:14px 36px;font-size:15px;font-weight:700;transition:transform .12s;box-shadow:0 8px 20px -6px #8b5cf68c}.primary-btn:active{transform:scale(.97)}.primary-btn--dark{background:linear-gradient(135deg,#6b7280,#374151);box-shadow:0 8px 20px -6px #37415173}.primary-btn--outline{color:var(--accent);border-color:var(--accent);box-shadow:none;background:0 0}.ending-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;display:flex}.ending-actions .primary-btn{box-sizing:border-box;text-align:center;width:100%}.ending-actions .share-wrap{width:100%}.answer-card{box-sizing:border-box;text-align:left;background:#fff;border-radius:18px;width:100%;margin-bottom:24px;padding:18px 20px;box-shadow:0 10px 24px -14px #1e143240}.answer-card-label{color:var(--accent);background:#efe8fd;border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.answer-card-text{word-break:keep-all;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.5}.answer-card-explain{color:var(--text-sub);word-break:keep-all;font-size:13px;line-height:1.6}.share-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.share-toast{white-space:nowrap;color:#fff;background:#2c2a3aeb;border-radius:999px;padding:8px 14px;font-size:12.5px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.gender-list{gap:14px;width:100%;min-width:0;display:flex}.gender-btn{box-sizing:border-box;min-width:0;color:var(--text-main);cursor:pointer;background:#fff;border:1.5px solid #e3defa;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:22px 12px;font-size:15px;font-weight:700;transition:border-color .15s,transform .1s;display:flex}.gender-btn:hover{border-color:var(--accent)}.gender-btn:active{transform:scale(.97)}.gender-emoji{font-size:30px}.ending-screen--blocked{background:linear-gradient(#efeef2 0%,#e2e0e6 100%)}.ending-screen--success{background:linear-gradient(#fdeefc 0%,#f1e9fd 100%)}