.sync-fullscreen-page[data-v-c21de808]{z-index:100;background:var(--background,#f8fafc);flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow-y:auto}.page-container[data-v-c21de808]{flex-direction:column;flex:1;width:100%;max-width:520px;margin:0 auto;padding:16px;display:flex}.sync-header[data-v-c21de808]{z-index:20;background:var(--background,#f8fafc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;margin-bottom:20px;padding:10px 0;position:sticky;top:0}.header-left[data-v-c21de808],.sync-header[data-v-c21de808]{align-items:center;display:flex}.header-left[data-v-c21de808]{gap:10px}.header-back-btn[data-v-c21de808]{background:var(--surface-container-low,#f1f5f9);border:1px solid var(--outline-variant,#e2e8f0);width:36px;height:36px;color:var(--on-surface-variant,#475569);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;box-shadow:0 1px 3px #0000000d}.header-back-btn[data-v-c21de808]:active{transform:scale(.95)}.header-title[data-v-c21de808]{color:var(--on-surface,#0f172a);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700;line-height:1.2}.header-subtitle[data-v-c21de808]{color:var(--muted,#64748b);margin:2px 0 0;font-size:11px;line-height:1.3}.header-close-btn[data-v-c21de808]{background:var(--surface-container-low,#f1f5f9);width:34px;height:34px;color:var(--on-surface-variant,#475569);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.header-close-btn[data-v-c21de808]:hover{background:var(--surface-container,#e2e8f0)}.sync-content[data-v-c21de808]{flex:1}.mode-section[data-v-c21de808],.sync-content[data-v-c21de808]{flex-direction:column;display:flex}.mode-section[data-v-c21de808]{align-items:center;width:100%}.hero-illustration[data-v-c21de808]{margin:8px 0 20px}.hero-circle[data-v-c21de808]{background:linear-gradient(135deg,#6063ee1f,#ec48991f);border-radius:50%;justify-content:center;width:108px;height:108px;box-shadow:0 8px 24px #6063ee1a}.avatars-overlap[data-v-c21de808],.hero-circle[data-v-c21de808]{align-items:center;display:flex}.avatars-overlap[data-v-c21de808]{position:relative}.avatar-badge[data-v-c21de808]{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 12px #00000014}.avatar-suami[data-v-c21de808]{color:#2563eb;z-index:1;background:#eff6ff}.avatar-istri[data-v-c21de808]{color:#db2777;z-index:1;background:#fdf2f8;margin-left:-14px}.link-badge[data-v-c21de808]{z-index:2;color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #ef44444d}.section-title[data-v-c21de808]{color:var(--on-surface,#0f172a);letter-spacing:-.02em;margin:0 0 6px;font-size:21px;font-weight:800}.section-desc[data-v-c21de808]{color:var(--muted,#64748b);max-width:380px;margin:0 auto;font-size:13px;line-height:1.5}.options-list[data-v-c21de808]{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.action-card[data-v-c21de808]{background:var(--surface-container-lowest,#fff);border:1px solid var(--outline-variant,#e2e8f0);cursor:pointer;text-align:left;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000000a}.action-card[data-v-c21de808]:hover{border-color:var(--primary,#6063ee);transform:translateY(-1px);box-shadow:0 6px 20px #6063ee1f}.action-card[data-v-c21de808]:active{transform:scale(.99)}.card-icon-box[data-v-c21de808]{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-icon--primary[data-v-c21de808]{color:var(--primary,#6063ee);background:#6063ee1a}.card-icon--secondary[data-v-c21de808]{color:var(--istri,#ec4899);background:#ec48991a}.card-text-box[data-v-c21de808]{flex:1}.card-title[data-v-c21de808]{color:var(--on-surface,#0f172a);margin:0 0 3px;font-size:15px;font-weight:700}.card-desc[data-v-c21de808]{color:var(--muted,#64748b);margin:0;font-size:12px;line-height:1.4}.card-arrow[data-v-c21de808]{color:var(--muted,#94a3b8);font-size:22px}.info-tip-card[data-v-c21de808]{background:#6063ee0f;border:1px dashed #6063ee4d;border-radius:16px;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;display:flex}.tip-icon[data-v-c21de808]{color:var(--primary,#6063ee);flex-shrink:0;margin-top:1px;font-size:20px}.tip-text[data-v-c21de808]{color:var(--on-surface-variant,#334155);margin:0;font-size:12px;line-height:1.5}.mode-badge-wrap[data-v-c21de808]{background:var(--surface-container-low,#f1f5f9);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.mode-badge-icon[data-v-c21de808]{font-size:30px}.otp-card[data-v-c21de808]{background:var(--surface-container-lowest,#fff);border:1px solid var(--outline-variant,#e2e8f0);border-radius:20px;width:100%;margin-bottom:24px;padding:24px;box-shadow:0 6px 24px #0000000d}.otp-card[data-v-c21de808],.otp-display[data-v-c21de808]{flex-direction:column;align-items:center;display:flex}.otp-display[data-v-c21de808]{gap:6px}.otp-digits[data-v-c21de808]{letter-spacing:.28em;color:var(--primary,#6063ee);text-indent:.28em;font-family:monospace,system-ui;font-size:36px;font-weight:800}.otp-expiry[data-v-c21de808]{color:var(--muted,#64748b);font-size:12px}.pin-group[data-v-c21de808]{justify-content:center;width:100%;margin:16px 0;display:flex}.pin-inputs-row[data-v-c21de808]{align-items:center;gap:8px;display:flex}.pin-digit-box[data-v-c21de808]{text-align:center;border:1.5px solid var(--outline-variant,#cbd5e1);background:var(--surface-container-lowest,#fff);width:44px;height:52px;color:var(--on-surface,#0f172a);border-radius:14px;outline:none;font-size:22px;font-weight:800;transition:all .15s}.pin-digit-box[data-v-c21de808]:focus{border-color:var(--primary,#6063ee);box-shadow:0 0 0 3px #6063ee26}.pin-separator[data-v-c21de808]{color:var(--muted,#94a3b8);font-size:20px;font-weight:700}.action-buttons-group[data-v-c21de808]{flex-direction:column;gap:10px;width:100%;display:flex}.btn-cta[data-v-c21de808]{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.btn-cta--primary[data-v-c21de808]{background:linear-gradient(90deg,var(--primary,#6063ee),var(--secondary,#ec4899));color:#fff;box-shadow:0 4px 14px #6063ee4d}.btn-cta--primary[data-v-c21de808]:disabled{opacity:.6;cursor:not-allowed}.btn-cta--primary[data-v-c21de808]:active{transform:scale(.98)}.btn-cta--outline[data-v-c21de808]{border:1px solid var(--outline-variant,#cbd5e1);color:var(--on-surface-variant,#475569);background:0 0}.btn-cta--outline[data-v-c21de808]:hover{background:var(--surface-container-low,#f1f5f9)}.alert-box[data-v-c21de808]{border-radius:14px;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.alert-box--error[data-v-c21de808]{color:#991b1b;background:#fee2e2}.alert-box--success[data-v-c21de808]{color:#166534;background:#dcfce7}.role-selection-box[data-v-c21de808]{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.role-selection-label[data-v-c21de808]{color:var(--on-surface,#0f172a);margin:0;font-size:13px;font-weight:600}.role-selector-pills[data-v-c21de808]{gap:10px;width:100%;max-width:320px;display:flex}.role-pill-btn[data-v-c21de808]{border:1.5px solid var(--outline-variant,#cbd5e1);background:var(--surface-container-lowest,#fff);color:var(--on-surface-variant,#475569);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.role-pill-btn--active-suami[data-v-c21de808]{box-shadow:0 0 0 2px #2563eb40;color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important}.role-pill-btn--active-istri[data-v-c21de808]{box-shadow:0 0 0 2px #ec489940;color:#ec4899!important;background:#fdf2f8!important;border-color:#ec4899!important}.fade-enter-active[data-v-c21de808],.fade-leave-active[data-v-c21de808]{transition:opacity .2s}.fade-enter-from[data-v-c21de808],.fade-leave-to[data-v-c21de808]{opacity:0}.bottom-sheet-enter-active[data-v-2982142b],.bottom-sheet-leave-active[data-v-2982142b]{transition:opacity .25s}.bottom-sheet-enter-from[data-v-2982142b],.bottom-sheet-leave-to[data-v-2982142b]{opacity:0}.bottom-sheet-enter-active .animate-slide-up[data-v-2982142b],.bottom-sheet-leave-active .animate-slide-up[data-v-2982142b]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.bottom-sheet-enter-from .animate-slide-up[data-v-2982142b],.bottom-sheet-leave-to .animate-slide-up[data-v-2982142b]{transform:translateY(100%)}@media (width>=640px){.bottom-sheet-enter-from .animate-slide-up[data-v-2982142b],.bottom-sheet-leave-to .animate-slide-up[data-v-2982142b]{transform:scale(.95)translateY(10px)}}.custom-scrollbar[data-v-2982142b]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-2982142b]::-webkit-scrollbar-thumb{background:#96969640;border-radius:9999px}.custom-scrollbar[data-v-2982142b]::-webkit-scrollbar-thumb:hover{background:#96969666}.bottom-sheet-enter-active[data-v-1b0ebc22],.bottom-sheet-leave-active[data-v-1b0ebc22]{transition:opacity .25s}.bottom-sheet-enter-from[data-v-1b0ebc22],.bottom-sheet-leave-to[data-v-1b0ebc22]{opacity:0}.bottom-sheet-enter-active .animate-slide-up[data-v-1b0ebc22],.bottom-sheet-leave-active .animate-slide-up[data-v-1b0ebc22]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.bottom-sheet-enter-from .animate-slide-up[data-v-1b0ebc22],.bottom-sheet-leave-to .animate-slide-up[data-v-1b0ebc22]{transform:translateY(100%)}@media (width>=640px){.bottom-sheet-enter-from .animate-slide-up[data-v-1b0ebc22],.bottom-sheet-leave-to .animate-slide-up[data-v-1b0ebc22]{transform:scale(.95)translateY(10px)}}.custom-scrollbar[data-v-1b0ebc22]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-1b0ebc22]::-webkit-scrollbar-thumb{background:#96969640;border-radius:9999px}.custom-scrollbar[data-v-1b0ebc22]::-webkit-scrollbar-thumb:hover{background:#96969666}.bottom-sheet-enter-active[data-v-a208e157],.bottom-sheet-leave-active[data-v-a208e157]{transition:opacity .25s}.bottom-sheet-enter-from[data-v-a208e157],.bottom-sheet-leave-to[data-v-a208e157]{opacity:0}.bottom-sheet-enter-active .animate-slide-up[data-v-a208e157],.bottom-sheet-leave-active .animate-slide-up[data-v-a208e157]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.bottom-sheet-enter-from .animate-slide-up[data-v-a208e157],.bottom-sheet-leave-to .animate-slide-up[data-v-a208e157]{transform:translateY(100%)}@media (width>=640px){.bottom-sheet-enter-from .animate-slide-up[data-v-a208e157],.bottom-sheet-leave-to .animate-slide-up[data-v-a208e157]{transform:scale(.95)translateY(10px)}}.custom-scrollbar[data-v-a208e157]::-webkit-scrollbar{width:5px}.custom-scrollbar[data-v-a208e157]::-webkit-scrollbar-thumb{background:#96969640;border-radius:9999px}.custom-scrollbar[data-v-a208e157]::-webkit-scrollbar-thumb:hover{background:#96969666}.celebrate-modal-enter-active[data-v-ff0b48b7],.celebrate-modal-leave-active[data-v-ff0b48b7]{transition:opacity .3s}.celebrate-modal-enter-from[data-v-ff0b48b7],.celebrate-modal-leave-to[data-v-ff0b48b7]{opacity:0}.animate-pop[data-v-ff0b48b7]{animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn-ff0b48b7}@keyframes popIn-ff0b48b7{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sparkle-particle[data-v-ff0b48b7]{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:18px;animation:3s ease-in-out infinite floatParticle-ff0b48b7;position:absolute}.p1[data-v-ff0b48b7]{animation-delay:0s;top:12px;left:18px}.p2[data-v-ff0b48b7]{animation-delay:.8s;top:16px;right:20px}.p3[data-v-ff0b48b7]{animation-delay:1.6s;bottom:20px;left:24px}.p4[data-v-ff0b48b7]{animation-delay:2.2s;bottom:24px;right:26px}@keyframes floatParticle-ff0b48b7{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-8px)scale(1.15)}}.lottie-container[data-v-c26ba632]{width:100%;height:100%}.tour-fade-enter-active[data-v-763fdea9],.tour-fade-leave-active[data-v-763fdea9]{transition:opacity .25s}.tour-fade-enter-from[data-v-763fdea9],.tour-fade-leave-to[data-v-763fdea9]{opacity:0}@keyframes scaleUp-763fdea9{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up[data-v-763fdea9]{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp-763fdea9}.ai-fab-container[data-v-fdcf5ae4]{bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:45;pointer-events:auto;position:fixed;right:calc(max(18px,50% - 240px))}.ai-fab-btn[data-v-fdcf5ae4]{background:linear-gradient(135deg,var(--primary,#4648d4) 0,#6366f1 100%);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff40;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 24px -4px #4648d473,0 4px 12px #0000001f}.ai-fab-btn[data-v-fdcf5ae4]:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 28px -4px #4648d48c,0 6px 16px #00000029}.ai-fab-btn[data-v-fdcf5ae4]:active{transform:scale(.95)}.ai-fab-glow[data-v-fdcf5ae4]{opacity:.6;pointer-events:none;background:radial-gradient(circle,#6366f180,#0000 70%);border-radius:20px;animation:2.5s ease-in-out infinite pulseGlow-fdcf5ae4;position:absolute;inset:-3px}.ai-fab-icon[data-v-fdcf5ae4]{color:#fff;font-size:26px;transition:transform .25s}.ai-fab-btn:hover .ai-fab-icon[data-v-fdcf5ae4]{transform:rotate(12deg)scale(1.1)}.ai-fab-badge[data-v-fdcf5ae4]{color:#fff;letter-spacing:.05em;z-index:15;background:#f59e0b;border:1.5px solid #fff;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000026}@keyframes pulseGlow-fdcf5ae4{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.typing-dots-container[data-v-07e6f9e5]{background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:18px;align-items:center;gap:5px;width:fit-content;padding:8px 14px;display:inline-flex}.dot[data-v-07e6f9e5]{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite bounceAlternating-07e6f9e5}.dot-1[data-v-07e6f9e5]{animation-delay:0s}.dot-2[data-v-07e6f9e5]{animation-delay:.2s}.dot-3[data-v-07e6f9e5]{animation-delay:.4s}@keyframes bounceAlternating-07e6f9e5{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.animate-fade-in[data-v-c599ddfc]{animation:.18s ease-out fadeIn-c599ddfc}.animate-slide-up[data-v-c599ddfc]{animation:.22s cubic-bezier(.16,1,.3,1) slideUp-c599ddfc}@keyframes fadeIn-c599ddfc{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c599ddfc{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-d58bd398]{animation:.18s ease-out fadeIn-d58bd398}.animate-slide-up[data-v-d58bd398]{animation:.25s cubic-bezier(.16,1,.3,1) slideUp-d58bd398}@keyframes fadeIn-d58bd398{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d58bd398{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-1a22dfa6]{animation:.18s ease-out fadeIn-1a22dfa6}.animate-scale-up[data-v-1a22dfa6]{animation:.22s cubic-bezier(.16,1,.3,1) scaleUp-1a22dfa6}@keyframes fadeIn-1a22dfa6{0%{opacity:0}to{opacity:1}}@keyframes scaleUp-1a22dfa6{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.app-shell[data-v-4a76f561]{background:var(--background);flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-header[data-v-4a76f561]{z-index:50;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 40%,transparent);padding-top:env(safe-area-inset-top,0);position:fixed;top:0;left:0;right:0}.header-inner[data-v-4a76f561]{justify-content:space-between;width:100%;max-width:520px;height:64px;margin:0 auto;padding:0 16px}.header-inner[data-v-4a76f561],.header-logo[data-v-4a76f561]{align-items:center;display:flex}.header-logo[data-v-4a76f561]{cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.logo-image[data-v-4a76f561]{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:32px;height:32px;transition:transform .15s;display:block;box-shadow:0 2px 8px #4648d438}.header-logo:active .logo-image[data-v-4a76f561]{transform:scale(.95)}.logo-text[data-v-4a76f561]{color:var(--primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.header-avatars[data-v-4a76f561]{align-items:center;display:flex}.avatar-add-partner[data-v-4a76f561],.avatar-istri[data-v-4a76f561],.avatar-single[data-v-4a76f561],.avatar-suami[data-v-4a76f561]{color:#fff;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.avatar-single[data-v-4a76f561]{background:var(--primary);z-index:1;margin-right:-8px}.avatar-suami[data-v-4a76f561]{background:var(--suami);z-index:1;margin-right:-8px}.avatar-istri[data-v-4a76f561]{background:var(--istri);z-index:2}.avatar-add-partner[data-v-4a76f561]{background:var(--surface-container);color:var(--primary);border:2px stroke var(--primary);cursor:pointer;z-index:2;transition:transform .15s,background .15s}.avatar-add-partner[data-v-4a76f561]:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}.avatar-add-partner[data-v-4a76f561]:active{transform:scale(.92)}.app-main[data-v-4a76f561]{flex:1;min-height:100dvh;padding-top:64px;padding-bottom:96px}.app-main--no-nav[data-v-4a76f561]{padding-bottom:24px}