:root{--color-background: #f5f0e8;--color-surface: #ece5d6;--color-ink: #2c2016;--color-muted: #7a6a56;--color-primary: #2C4A2E;--color-primary-hover: #1E3320;--color-accent: #8b4513;--color-rule: #c8b89a;--color-unread-bg: #E8F2EC;--color-unread-fg: #1A5C3A;--color-me-bg: #F2ECD8;--color-me-fg: #5A4A10;--color-you-bg: #F5E8E0;--color-you-fg: #8B2E1A;--color-done-bg: #EEEBE4;--color-done-fg: #625B4E;--color-ink-faint: #7a6a56;--color-shadow: rgba(44, 32, 22, .18);--color-accent-lt: #f0e0c8;--font-heading: "Playfair Display", Georgia, serif;--font-body: "EB Garamond", Georgia, serif}html{font-size:18px}body{font-family:var(--font-body);background:var(--color-background);color:var(--color-ink);margin:0}[data-v-1e55b409]{box-sizing:border-box}.login-root[data-v-1e55b409]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:1.5rem;position:relative;overflow:hidden}.bg-decor[data-v-1e55b409]{position:absolute;inset:0;background-image:radial-gradient(circle,var(--color-rule) 1px,transparent 1px);background-size:28px 28px;opacity:.25;pointer-events:none}.login-wrap[data-v-1e55b409]{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:1}.brand[data-v-1e55b409]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.brand-icon[data-v-1e55b409]{font-size:2rem;color:var(--color-primary)}.wordmark[data-v-1e55b409]{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-ink);letter-spacing:.04em;line-height:1}.brand-rule[data-v-1e55b409]{width:48px;height:1px;background:var(--color-rule);display:block}.card[data-v-1e55b409]{width:100%;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:2px;padding:2rem 1.75rem;min-height:300px;box-shadow:4px 4px 0 var(--color-rule),6px 6px 20px var(--color-shadow)}.form-step[data-v-1e55b409]{display:flex;flex-direction:column}.step-title[data-v-1e55b409]{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-ink);margin:0 0 .3rem}.step-sub[data-v-1e55b409]{font-family:var(--font-body);font-size:1rem;color:var(--color-muted);margin:0 0 1.5rem;line-height:1.6}.step-sub strong[data-v-1e55b409]{color:var(--color-ink);font-weight:500}.phone-row[data-v-1e55b409]{display:flex;align-items:center;border:1px solid var(--color-rule);overflow:hidden;margin-bottom:1.25rem;transition:border-color .15s}.phone-row[data-v-1e55b409]:focus-within{border-color:var(--color-primary)}.phone-row--error[data-v-1e55b409]{border-color:var(--color-you-fg)}.country-code[data-v-1e55b409]{padding:.75rem .85rem;font-family:var(--font-body);font-size:1rem;color:var(--color-muted);background:var(--color-background);border-right:1px solid var(--color-rule);-webkit-user-select:none;user-select:none;white-space:nowrap}.phone-input[data-v-1e55b409]{flex:1;padding:.75rem .85rem;font-family:var(--font-body);font-size:1rem;color:var(--color-ink);border:none;outline:none;background:transparent;min-width:0}.phone-input[data-v-1e55b409]::placeholder{color:var(--color-rule)}.otp-row[data-v-1e55b409]{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.otp-box[data-v-1e55b409]{width:48px;height:56px;text-align:center;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-ink);border:1px solid var(--color-rule);background:var(--color-background);outline:none;transition:border-color .15s,background .15s;caret-color:transparent}.otp-box[data-v-1e55b409]:focus{border-color:var(--color-primary);background:#fff}.otp-box--filled[data-v-1e55b409]{border-color:var(--color-primary);background:#fff}.otp-box--error[data-v-1e55b409]{border-color:var(--color-you-fg)!important}.primary-btn[data-v-1e55b409]{width:100%;padding:.85rem;background:var(--color-primary);color:var(--color-background);border:1px solid var(--color-primary);border-radius:0;font-family:var(--font-body);font-size:.95rem;font-variant:small-caps;letter-spacing:.05em;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:.75rem}.primary-btn[data-v-1e55b409]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.primary-btn[data-v-1e55b409]:disabled{opacity:.38;cursor:not-allowed}.resend-btn[data-v-1e55b409]{width:100%;padding:.55rem;background:none;border:none;color:var(--color-accent);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:opacity .15s}.resend-btn[data-v-1e55b409]:disabled{color:var(--color-rule);cursor:not-allowed}.resend-btn[data-v-1e55b409]:hover:not(:disabled){text-decoration:underline}.back-link[data-v-1e55b409]{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--color-muted);font-family:var(--font-body);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1.25rem;transition:color .15s}.back-link[data-v-1e55b409]:hover{color:var(--color-ink)}.back-link .material-symbols-outlined[data-v-1e55b409]{font-size:1.1rem}.sms-note[data-v-1e55b409]{font-family:var(--font-body);font-size:.85rem;color:var(--color-muted);margin-top:.5rem}.error-msg[data-v-1e55b409]{color:var(--color-you-fg);font-family:var(--font-body);font-size:.9rem;margin:-.75rem 0 1rem}.step-enter-active[data-v-1e55b409]{transition:opacity .2s ease,transform .2s ease}.step-leave-active[data-v-1e55b409]{transition:opacity .15s ease,transform .15s ease}.step-enter-from[data-v-1e55b409]{opacity:0;transform:translate(16px)}.step-leave-to[data-v-1e55b409]{opacity:0;transform:translate(-16px)}