:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-height: calc(56px + var(--safe-bottom));--header-height: calc(52px + var(--safe-top));--touch-min: 44px;--rose-50: #fff5f7;--rose-100: #ffe4ec;--rose-200: #fecdd6;--rose-300: #fda4b8;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--cream: #fffaf5;--lavender: #f3e8ff;--text: #4a3040;--text-muted: #8b6b7a;--shadow: 0 8px 32px rgba(244, 63, 94, .12);--radius: 16px;--font-display: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{min-height:100vh;min-height:100dvh}body{font-family:var(--font-body);color:var(--text);background:linear-gradient(135deg,var(--rose-50) 0%,var(--cream) 40%,var(--lavender) 100%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-left:var(--safe-left);padding-right:var(--safe-right);overscroll-behavior-y:none}button,a,.nav-item,.couple-info{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:var(--rose-600);text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.page-title{font-family:var(--font-display);font-size:1.75rem;color:var(--rose-600);margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch-min);padding:.65rem 1.25rem;border-radius:999px;border:none;font-size:.9rem;font-weight:500;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--rose-400),var(--rose-600));color:#fff;box-shadow:0 4px 16px #f43f5e59}.btn-primary:hover{box-shadow:0 6px 20px #f43f5e73}.btn-secondary{background:#fff;color:var(--rose-600);border:1px solid var(--rose-200)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--rose-200);border-radius:12px;font-size:16px;background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--rose-400);box-shadow:0 0 0 3px #fb718533}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-state .icon{font-size:3rem;margin-bottom:.75rem;opacity:.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a304066;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:#fff;border-radius:var(--radius);padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-title{font-family:var(--font-display);font-size:1.25rem;color:var(--rose-600);margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:480px){.page-title{font-size:1.45rem}.page-subtitle{font-size:.85rem;margin-bottom:1.25rem}.card{padding:1rem 1.1rem;border-radius:14px}.btn-sm{min-height:36px;padding:.4rem .75rem}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:85dvh;padding:1.25rem 1.25rem calc(1.25rem + var(--safe-bottom))}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}@media(max-width:380px){.page-title{font-size:1.3rem}}.auth-page,.bind-page{min-height:100dvh;padding:calc(1.25rem + var(--safe-top)) 1rem calc(1.25rem + var(--safe-bottom));align-items:flex-start;padding-top:max(1.25rem,var(--safe-top))}@media(max-width:480px){.auth-page,.bind-page{align-items:stretch;justify-content:flex-start;padding-top:calc(2rem + var(--safe-top))}.auth-card,.bind-card{padding:1.5rem 1.15rem;max-width:none}.brand h1{font-size:1.5rem}.brand-icon{font-size:2.5rem}.code{font-size:1.25rem;letter-spacing:.12em}.code-box{flex-direction:column;gap:.75rem;align-items:stretch}.code-box .btn{width:100%}}.preview-overlay{padding:var(--safe-top) var(--safe-left) var(--safe-bottom) var(--safe-right)}