.toast-overlay[data-v-061aa105]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.toast-card[data-v-061aa105]{background:#fff;border-radius:20px;padding:32px 28px 28px;width:min(260px,78vw);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 16px 48px #00000029}.toast-icon-wrap[data-v-061aa105]{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-wrap svg[data-v-061aa105]{width:24px;height:24px}.toast-card.error .toast-icon-wrap[data-v-061aa105]{background:#fff0f0;color:#e5534b}.toast-card.success .toast-icon-wrap[data-v-061aa105]{background:#f0fff4;color:#36a558}.toast-card.info .toast-icon-wrap[data-v-061aa105]{background:#fff5f9;color:#e03061}.toast-msg[data-v-061aa105]{font-size:15px;font-weight:500;color:#4a3030;text-align:center;line-height:1.5;margin:0}.toast-enter-active[data-v-061aa105]{transition:opacity .22s ease}.toast-enter-active .toast-card[data-v-061aa105]{animation:toast-pop-061aa105 .26s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-061aa105]{transition:opacity .18s ease}.toast-enter-from[data-v-061aa105],.toast-leave-to[data-v-061aa105]{opacity:0}@keyframes toast-pop-061aa105{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.page-fade-enter-active[data-v-1b1834b1],.page-fade-leave-active[data-v-1b1834b1]{transition:none}.app[data-v-1b1834b1]{width:100%;height:100%}.app-frame[data-v-1b1834b1]{width:100%;height:100%;background:#fff5f9}@media (min-width: 768px) and (max-width: 1023px){.app[data-v-1b1834b1]{background:linear-gradient(160deg,#fff0f6 0%,#fdf5fa 60%,#f6f0ff 100%);display:flex;justify-content:center;align-items:stretch;height:100dvh}.app-frame[data-v-1b1834b1]{width:480px;height:100dvh;flex-shrink:0;overflow:hidden;box-shadow:0 0 60px #f4a6be2e}}@media (min-width: 1024px){.app.is-desktop[data-v-1b1834b1]{--desktop-shell-width: min(1180px, calc(100% - 32px));--desktop-shell-height:calc(100dvh - 32px)}.app.is-desktop.show-hero[data-v-1b1834b1]{display:grid;grid-template-columns:46% 54%;width:var(--desktop-shell-width);height:var(--desktop-shell-height);margin:16px auto;background:white;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #f4a6be1f}.app.is-desktop.show-hero .app-frame[data-v-1b1834b1]{height:100%;overflow:hidden;background:white;padding:20px}.app.is-desktop.show-hero .app-frame[data-v-1b1834b1]>*{width:100%;height:100%;border-radius:16px;overflow:hidden}.app.is-desktop.login-center[data-v-1b1834b1]{height:100dvh;display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box;background:linear-gradient(160deg,#fff0f6 0%,#fdf5fa 55%,#f6f0ff 100%)}.app.is-desktop.login-center .app-frame[data-v-1b1834b1]{width:var(--desktop-shell-width);height:var(--desktop-shell-height);flex-shrink:0;overflow:hidden;background:white;border-radius:18px;box-shadow:0 18px 60px #f4a6be26}.app.is-desktop[data-v-1b1834b1]:not(.is-shell-ready):not(.show-hero):not(.login-center){height:100dvh;background:linear-gradient(160deg,#fff0f6 0%,#fdf5fa 55%,#f6f0ff 100%);display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.app.is-desktop:not(.is-shell-ready):not(.show-hero):not(.login-center) .app-frame[data-v-1b1834b1]{height:var(--desktop-shell-height);overflow:hidden;width:var(--desktop-shell-width);flex-shrink:0;background:white;border-radius:18px;box-shadow:0 18px 60px #f4a6be1f}.app.is-desktop:not(.is-shell-ready):not(.show-hero):not(.login-center) .app-frame[data-v-1b1834b1]>*{border-radius:inherit;overflow:hidden}.app.is-desktop.is-shell-ready[data-v-1b1834b1]{display:grid;grid-template-columns:200px 1fr;width:var(--desktop-shell-width);height:var(--desktop-shell-height);margin:16px auto;background:#faf5f8;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #f4a6be1f}.app.is-desktop.is-shell-ready .app-frame[data-v-1b1834b1]{height:100%;overflow:hidden;display:flex;justify-content:flex-start;align-items:stretch;background:#faf5f8;padding:0}.app.is-desktop.is-shell-ready .app-frame[data-v-1b1834b1]>*{width:100%;max-width:none;height:100%;flex-shrink:0;background:linear-gradient(160deg,#fff0f6 0%,#fdf5fa 55%,#f6f0ff 100%);border-radius:0;overflow:hidden;box-shadow:none;transform:translateZ(0)}.app.is-desktop.is-shell-ready.page-home .app-frame[data-v-1b1834b1]>*{max-width:none}.app.is-desktop.is-shell-ready.page-chat .app-frame[data-v-1b1834b1]>*{max-width:none}.app.is-desktop.is-shell-ready.page-chat .app-frame[data-v-1b1834b1]{justify-content:flex-start}.app.is-desktop.is-shell-ready.page-intimacy .app-frame[data-v-1b1834b1]>*{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.desk-hero[data-v-1b1834b1]{display:flex;align-items:center;padding:0 46px;position:relative;overflow:hidden}.hero-inner[data-v-1b1834b1]{position:relative;z-index:1;width:100%}.brand[data-v-1b1834b1]{display:flex;align-items:center;gap:8px;margin-bottom:44px}.brand-heart[data-v-1b1834b1]{color:#f4a6be;font-size:20px}.brand-name[data-v-1b1834b1]{font-size:20px;font-weight:700;color:#2d1824;letter-spacing:-.5px}.desk-hero .brand-name[data-v-1b1834b1],.hero-title[data-v-1b1834b1],.hero-stat strong[data-v-1b1834b1]{font-family:Songti SC,STSong,"Noto Serif SC",Georgia,serif}.hero-title[data-v-1b1834b1]{font-size:56px;font-weight:700;color:#2d1824;line-height:1.12;margin-bottom:20px;letter-spacing:-1.5px}.hero-title span[data-v-1b1834b1]{white-space:nowrap}.hero-title em[data-v-1b1834b1]{font-style:normal;color:#e95d8f}.hero-desc[data-v-1b1834b1]{font-size:16px;color:#9a7080;line-height:1.8;margin-bottom:36px}.hero-features[data-v-1b1834b1]{list-style:none;padding:0;margin:0 0 36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.hero-feat[data-v-1b1834b1]{display:flex;align-items:center;gap:12px;font-size:13px;color:#5a3848}.hero-feat span[data-v-1b1834b1]:first-child{font-size:20px;flex-shrink:0;width:28px;text-align:center}.hero-feat span[data-v-1b1834b1]:last-child{display:flex;flex-direction:column;gap:4px}.hero-feat strong[data-v-1b1834b1]{font-size:13px;font-weight:600;color:#4a3030}.hero-feat small[data-v-1b1834b1]{font-size:11px;color:#b09090}.hero-stats[data-v-1b1834b1]{display:flex;align-items:center;gap:0;margin-bottom:36px;padding:20px 0 0;background:transparent;border-top:1px solid rgba(244,166,190,.22);border-radius:0}.hero-stat[data-v-1b1834b1]{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.hero-stat strong[data-v-1b1834b1]{font-size:26px;font-weight:800;color:#4a3030;letter-spacing:-.5px;line-height:1}.hero-stat span[data-v-1b1834b1]{font-size:12px;color:#b09090}.hero-stat-line[data-v-1b1834b1]{width:1px;height:36px;background:rgba(244,166,190,.22);flex-shrink:0}.hero-cta[data-v-1b1834b1]{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#f4a6be,#d2376d);border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 12px 36px #d2376d47;transition:transform .18s,box-shadow .18s;margin-bottom:16px;letter-spacing:.5px}.hero-cta[data-v-1b1834b1]:hover{transform:translateY(-2px);box-shadow:0 18px 48px #d2376d59}.hero-trust[data-v-1b1834b1]{display:none}.desk-hero[data-v-1b1834b1]:before{display:none}.desk-hero[data-v-1b1834b1]:after{display:none}.desk-sidebar[data-v-1b1834b1]{background:white;border-right:1px solid rgba(244,166,190,.12);box-shadow:2px 0 20px #f4a6be0f;padding:24px 14px 16px;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;scrollbar-width:none;position:sticky;top:0}.desk-sidebar[data-v-1b1834b1]::-webkit-scrollbar{display:none}.desk-sidebar .brand[data-v-1b1834b1]{display:flex;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid rgba(244,166,190,.1);margin-bottom:0}.desk-sidebar .brand-heart[data-v-1b1834b1]{color:#f4a6be;font-size:16px}.desk-sidebar .brand-name[data-v-1b1834b1]{font-size:17px;font-weight:800;color:#2d1824}.sidebar-char[data-v-1b1834b1]{display:none}.sidebar-avatar-wrap[data-v-1b1834b1]{position:relative;width:64px;height:64px}.sidebar-avatar[data-v-1b1834b1]{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;position:relative;z-index:1}.sidebar-ring[data-v-1b1834b1]{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(#f4a6be,#e03061,#c97a8a,#f4a6be);animation:ring-spin-1b1834b1 5s linear infinite;opacity:.45}@keyframes ring-spin-1b1834b1{to{transform:rotate(360deg)}}.sidebar-char-name[data-v-1b1834b1]{font-size:14px;font-weight:700;color:#3a2030}.sidebar-intimacy[data-v-1b1834b1]{width:100%;display:flex;align-items:center;gap:8px}.sidebar-lv[data-v-1b1834b1]{font-size:10px;font-weight:700;color:#d2376d;white-space:nowrap}.sidebar-track[data-v-1b1834b1]{flex:1;height:4px;background:rgba(244,166,190,.2);border-radius:2px;overflow:hidden}.sidebar-fill[data-v-1b1834b1]{height:100%;width:100%;background:linear-gradient(90deg,#f4a6be,#d2376d);border-radius:2px;transform-origin:left center;transition:transform .5s ease}.sidebar-chat-btn[data-v-1b1834b1]{width:100%;padding:9px 0;background:linear-gradient(135deg,#f4a6be,#d2376d);border:none;border-radius:22px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #d2376d38;transition:transform .15s}.sidebar-chat-btn[data-v-1b1834b1]:hover{transform:translateY(-1px)}.sidebar-label[data-v-1b1834b1]{font-size:10px;font-weight:600;color:#c0a0a8;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.sidebar-switch[data-v-1b1834b1]{display:flex;flex-direction:column;gap:2px}.sidebar-char-item[data-v-1b1834b1]{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.sidebar-char-item[data-v-1b1834b1]:hover{background:#fff5f9}.sidebar-char-item.active[data-v-1b1834b1]{background:#fff0f5;border-color:#f4a6be40}.sidebar-char-item img[data-v-1b1834b1]{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:top}.sidebar-char-item span[data-v-1b1834b1]{font-size:13px;color:#7a5060;font-weight:500}.sidebar-char-item.active span[data-v-1b1834b1]{color:#d2376d;font-weight:600}.sidebar-nav[data-v-1b1834b1]{display:flex;flex-direction:column;gap:2px;flex:1}.snav-btn[data-v-1b1834b1]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:10px;color:#9a7080;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s}.snav-btn[data-v-1b1834b1]:hover{background:#fff5f9;color:#5a3848}.snav-btn.active[data-v-1b1834b1]{background:#fff0f5;color:#d2376d;font-weight:600}.snav-btn svg[data-v-1b1834b1]{flex-shrink:0}.snav-dot[data-v-1b1834b1]{margin-left:auto;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#e95d8f}.sidebar-balance[data-v-1b1834b1]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff5f9;border:1px solid rgba(244,166,190,.2);border-radius:10px;color:#9a7080;font-size:12px;cursor:pointer;transition:background .15s,color .15s;margin-top:auto}.sidebar-balance[data-v-1b1834b1]:hover{background:#fff0f5;color:#5a3848}.balance-recharge[data-v-1b1834b1]{margin-left:auto;color:#d2376d;font-weight:700;font-size:11px}}.app-coming-soon-overlay[data-v-1b1834b1]{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.app-coming-soon-card[data-v-1b1834b1]{background:#fff;border-radius:20px;padding:36px 28px 28px;width:min(300px,86vw);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 16px 48px #0000002e;animation:app-cs-pop-1b1834b1 .24s cubic-bezier(.34,1.56,.64,1)}@keyframes app-cs-pop-1b1834b1{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.app-cs-icon[data-v-1b1834b1]{font-size:44px;line-height:1}.app-cs-title[data-v-1b1834b1]{font-size:18px;font-weight:700;color:#333}.app-cs-desc[data-v-1b1834b1]{font-size:13px;color:#999;text-align:center;line-height:1.5;margin-bottom:6px}.app-cs-btn[data-v-1b1834b1]{width:100%;padding:12px 0;background:linear-gradient(135deg,#f4a6be,#e03061);color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #f4a6be59}.splash-screen[data-v-1e691ab0]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.splash-screen[data-v-1e691ab0]::-webkit-scrollbar{display:none}.top-bar[data-v-1e691ab0]{position:absolute;top:0;left:0;right:0;z-index:50;height:calc(56px + var(--sat));padding-top:var(--sat);display:flex;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px}.brand-logo[data-v-1e691ab0]{height:28px;width:auto;object-fit:contain}.content[data-v-1e691ab0]{flex:1;position:relative;overflow:hidden;background-color:#fff5f9;background-size:cover;background-position:center}.bg-poster[data-v-1e691ab0]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.bg-media[data-v-1e691ab0]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.content-overlay[data-v-1e691ab0]{position:relative;z-index:2;height:100%;padding:56px 0 40px;display:flex;flex-direction:column;justify-content:space-between}.main-title-section[data-v-1e691ab0]{padding:32px 20px 24px}.main-title[data-v-1e691ab0]{font-size:26px;font-weight:700;color:#fff;margin:0;line-height:1.5;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.35)}.tagline-section[data-v-1e691ab0]{padding:14px 20px}.tagline[data-v-1e691ab0]{margin:0;font-size:14px;font-weight:500;color:#ffffffe6;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.3)}.bottom-section[data-v-1e691ab0]{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.cta-btn[data-v-1e691ab0]{position:relative;margin:16px 20px 0;padding:16px 32px;background:rgba(20,10,16,.32);color:#fff;border:1px solid rgba(255,255,255,.85);border-radius:28px;font-size:16px;font-weight:600;backdrop-filter:blur(14px);cursor:pointer;transition:all .2s ease;width:calc(100% - 40px);box-shadow:0 -2px 10px #ffffff59,0 6px 20px #ff468266}.cta-btn[data-v-1e691ab0]:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.45);border-radius:24px;pointer-events:none}.cta-btn[data-v-1e691ab0]:hover{transform:translateY(-2px);box-shadow:0 -2px 14px #ffffff80,0 8px 26px #ff468280}.cta-btn[data-v-1e691ab0]:active{transform:translateY(0)}.bottom-subtitle[data-v-1e691ab0]{margin:0;font-size:12px;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.3)}.bottom-tagline[data-v-1e691ab0]{margin:4px 0 0;font-size:11px;color:#fff9;text-shadow:0 1px 4px rgba(0,0,0,.3)}.loading-indicator[data-v-1e691ab0]{display:flex;align-items:center;justify-content:center;margin-top:20px}.spinner[data-v-1e691ab0]{width:40px;height:40px;border:3px solid rgba(244,166,190,.2);border-top-color:#f4a6be;border-radius:50%;animation:spin-1e691ab0 1s linear infinite}@keyframes spin-1e691ab0{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--primary: #f4a6be;--primary-dark: #e03061;--bg: #fff5f9;--bg-light: #fffafa;--text: #4a3030;--text-light: #b09090;--text-lighter: #c0a0a0;--border: #f5ecec;--accent: #d08a9a;--journey-bg-start: #fff9f7;--journey-bg-end: #fff1f6;--journey-surface: #fffdfc;--journey-surface-soft: #fff7fa;--journey-surface-locked: #fbf4f7;--journey-text: #38262c;--journey-text-soft: #9e7884;--journey-text-muted: #c3a9b2;--journey-rose: #ef5f91;--journey-rose-deep: #ed85a2;--journey-rose-soft: #ffd5e3;--journey-rose-pale: #f8e4eb;--journey-line: #f2bdcf;--journey-line-locked: #ead7de;--journey-gold: #c88c20;--journey-gold-bg: #fff4d9;--journey-gold-border: #f4d995;--journey-green: #2ca66f;--journey-green-bg: #def7e9;--journey-white: #ffffff;--journey-glass: rgba(255, 255, 255, .78);--journey-glass-border: rgba(255, 255, 255, .72);--journey-header-overlay: rgba(255, 240, 245, .62);--journey-stage-band: rgba(255, 221, 233, .58);--journey-stage-band-soft: rgba(255, 242, 247, .18);--journey-shadow-soft: 0 8px 24px rgba(166, 64, 101, .08);--journey-shadow-current: 0 10px 26px rgba(215, 55, 111, .17);--journey-shadow-glow: 0 0 0 5px rgba(239, 95, 145, .13), 0 3px 12px rgba(185, 37, 93, .24);--journey-shadow-card: 0 5px 18px rgba(116, 61, 79, .07);--album-lock-overlay-top: rgba(73, 44, 64, .12);--album-lock-overlay-bottom: rgba(91, 57, 82, .58);--album-lock-glass: rgba(255, 255, 255, .82);--album-lock-glass-border: rgba(255, 255, 255, .62);--album-lock-text: #70495c;--album-lock-caption: rgba(255, 255, 255, .92);--album-lock-shadow: 0 8px 24px rgba(52, 27, 42, .18);--home-mobile-text: #ffffff;--home-mobile-text-soft: rgba(255, 255, 255, .76);--home-mobile-glass: rgba(255, 255, 255, .18);--home-mobile-glass-strong: rgba(255, 255, 255, .3);--home-mobile-glass-border: rgba(255, 255, 255, .36);--home-mobile-dark-glass: rgba(24, 31, 40, .62);--home-mobile-dock: rgba(36, 43, 52, .48);--home-mobile-overlay-top: rgba(8, 22, 34, .16);--home-mobile-overlay-bottom: rgba(10, 18, 27, .78);--home-mobile-shadow: 0 12px 32px rgba(15, 19, 28, .22);--home-mobile-cta-shadow: 0 10px 28px rgba(239, 95, 145, .28);--character-picker-scrim: rgba(24, 15, 22, .48);--character-picker-surface: #fffafc;--character-picker-border: rgba(255, 255, 255, .82);--character-picker-text: #3f2d35;--character-picker-text-soft: #9b7c88;--character-picker-handle: #e7d7dd;--character-picker-close: #f7edf1;--character-picker-card: #ffffff;--character-picker-card-active: #fff1f6;--character-picker-current-bg: #ffe1eb;--character-picker-card-border: #f1e5e9;--character-picker-card-shadow: 0 7px 18px rgba(209, 87, 131, .12);--character-picker-shadow: 0 -18px 48px rgba(48, 28, 38, .18);--character-picker-popover-shadow: 0 18px 48px rgba(48, 28, 38, .24);--character-select-overlay: linear-gradient(180deg, rgba(21, 27, 43, .66) 0%, rgba(39, 30, 47, .5) 48%, rgba(18, 20, 34, .78) 100%);--character-select-text: #ffffff;--character-select-text-soft: rgba(255, 255, 255, .68);--character-select-control: rgba(255, 255, 255, .1);--character-select-control-border: rgba(255, 255, 255, .3);--character-select-ring: rgba(255, 255, 255, .38);--character-select-ring-active: rgba(255, 255, 255, .94);--character-select-ring-shadow: 0 0 0 5px rgba(244, 166, 190, .22), 0 12px 30px rgba(10, 12, 25, .32);--character-select-stage-glow: rgba(238, 125, 166, .18);--character-select-orbit: rgba(255, 255, 255, .12);--character-select-check: #ee8eb0;--character-select-check-border: rgba(25, 23, 37, .72);--character-select-heart: #ffb6ce;--character-select-confirm: rgba(255, 255, 255, .94);--character-select-confirm-border: rgba(255, 255, 255, .86);--character-select-confirm-text: #4b3340;--character-select-confirm-shadow: 0 12px 30px rgba(7, 9, 20, .22);--character-switch-avatar-border: rgba(255, 255, 255, .92);--character-switch-capsule-bg: var(--home-mobile-glass-strong);--character-switch-capsule-border: var(--home-mobile-glass-border);--character-switch-capsule-divider: var(--home-mobile-glass-border);--character-switch-capsule-icon: var(--journey-rose-soft);--character-switch-capsule-shadow: var(--home-mobile-shadow);--character-switch-badge: #ee7da6;--character-switch-badge-border: rgba(255, 255, 255, .96);--character-switch-badge-icon: #ffffff;--character-switch-badge-shadow: 0 4px 12px rgba(73, 29, 49, .28);--character-switch-avatar-shadow: 0 6px 18px rgba(12, 15, 24, .3), 0 0 0 1px rgba(255, 255, 255, .16);--character-switch-control: linear-gradient(145deg, rgba(255, 248, 251, .82), rgba(226, 210, 218, .58));--character-switch-control-border: rgba(255, 255, 255, .76);--character-switch-control-icon: rgba(91, 74, 83, .9);--character-switch-control-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 7px 18px rgba(23, 16, 21, .22)}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f0f0f0}@media (min-width: 768px){html,body{overflow:hidden;height:100%}#app{background:transparent;height:100dvh;align-items:stretch}}button{border:none;cursor:pointer;font-family:inherit;transition:all .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:active{opacity:.75;transform:scale(.97);transition:transform .08s,opacity .08s}img{-webkit-touch-callout:none}input{font-family:inherit;border:none;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}}.phone-frame{width:375px;height:812px;background:var(--bg-light);border-radius:40px;box-shadow:0 20px 60px #c896a026,0 0 0 1px #ffc8c833;padding:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:25px;background:#000;border-radius:0 0 20px 20px;z-index:100}.screen{background:var(--bg-light);border-radius:28px;overflow:hidden;flex:1;display:flex;flex-direction:column;position:relative}