:root,:root[data-theme=dark]{--page-bg:#0b1020;--frame:#000;--surface:#1f2937;--surface-2:#111827;--input-bg:#0b1020;--border:#374151;--border-strong:#4b5563;--text:#f9fafb;--text-2:#cbd5e1;--muted:#9ca3af;--faint:#6b7280;--accent:#3b82f6;--accent-text:#60a5fa;--on-accent:#fff;--danger:#ef4444;--danger-bg:#ef44441f;--success:#22c55e;--success-bg:#22c55e1f;--backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--page-bg:#e5e7eb;--frame:#1f2937;--surface:#f9fafb;--surface-2:#fff;--input-bg:#fff;--border:#d1d5db;--border-strong:#9ca3af;--text:#111827;--text-2:#374151;--muted:#6b7280;--faint:#9ca3af;--accent:#2563eb;--accent-text:#1d4ed8;--on-accent:#fff;--danger:#dc2626;--danger-bg:#dc262614;--success:#16a34a;--success-bg:#16a34a1a;--backdrop:#11182773;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page-bg);min-height:100dvh;color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.phone{border:10px solid var(--frame);background:var(--surface);border-radius:44px;flex-direction:column;width:410px;height:864px;display:flex;position:relative;overflow:hidden}@media (width>=501px) and (height<=900px){.phone{height:calc(100dvh - 24px)}}@media (width<=500px){body{display:block}.phone{border:0;border-radius:0;width:100vw;height:100dvh}}.app-header{padding:calc(6px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));background:var(--surface-2);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.logo{white-space:nowrap;font-size:1.15rem;font-weight:800}.header-actions{align-items:center;gap:2px;display:flex}.icon-btn{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 8px;font-size:.95rem;font-weight:600}.icon-btn:hover,.icon-btn:focus-visible{color:var(--text);background:var(--surface)}.theme-icon,.logout-icon{font-size:1.2rem}.theme-auto{text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.page{-webkit-overflow-scrolling:touch;min-height:0;padding:16px calc(18px + env(safe-area-inset-right)) 16px calc(18px + env(safe-area-inset-left));flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.tabbar{background:var(--surface-2);border-top:1px solid var(--border);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex:none;display:flex}.tab{min-height:52px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0 8px;font-size:.75rem;text-decoration:none;display:flex}.tab-icon{font-size:1.3rem;line-height:1}.tab.active{color:var(--accent-text);font-weight:600}.login-page{padding-bottom:calc(20px + env(safe-area-inset-bottom));gap:12px}.brand{text-align:center;margin:8px 0 6px}.brand-logo{font-size:3.2rem;line-height:1.1}.brand-title{margin:2px 0 0;font-size:1.9rem;font-weight:800}.brand-tagline{color:var(--muted);margin:4px 0 0;font-size:.9rem}.form{flex-direction:column;gap:10px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--muted);font-size:.85rem}.field-hint{color:var(--faint);margin:-4px 0 0;font-size:.78rem}input[type=text],input[type=email],input[type=tel],input[type=password]{border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:46px;color:var(--text);border-radius:12px;outline:none;padding:0 12px;font-size:16px}input::placeholder{color:var(--faint)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.checkbox-row{align-items:center;gap:10px;min-height:44px;display:flex}.checkbox-row input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:0}.checkbox-row label{flex:1;font-size:.92rem}.info-btn{min-width:44px;font-size:1.1rem}.forgot-row{justify-content:flex-end;margin-top:-6px;display:flex}.switch-mode{text-align:center;color:var(--muted);margin:2px 0 0;font-size:.92rem}.link-btn{min-height:44px;color:var(--accent-text);background:0 0;border:0;padding:0 4px;font-size:.92rem}.btn{border:1px solid #0000;border-radius:24px;min-height:48px;padding:0 18px;font-size:1rem;font-weight:700}.btn:disabled{opacity:.5}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-danger{background:var(--danger);color:#fff}.or-divider{color:var(--faint);align-items:center;gap:10px;margin:2px 0;font-size:.85rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.social{flex-direction:column;gap:8px;display:flex}.social-btn{border:1px solid var(--border-strong);background:var(--surface-2);min-height:48px;color:var(--text-2);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;display:flex}.social-btn:disabled{opacity:.85}.social-anim{display:block}.social-soon{color:var(--faint);font-size:.78rem}.form-error{background:var(--danger-bg);color:var(--danger);border-radius:10px;margin:0;padding:8px 12px;font-size:.9rem}.notice{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:10px;margin:0;padding:8px 12px;font-size:.9rem}.notice-success{background:var(--success-bg);color:var(--success);border-color:#0000}.card{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:14px;padding:12px 14px}.card-row{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.card-btn{text-align:left;width:100%;font-size:1rem}.card-btn:hover{border-color:var(--border-strong)}.chevron{color:var(--faint);font-size:1.4rem;line-height:1}.muted{color:var(--muted)}.account{flex-direction:column;flex:1;gap:10px;display:flex}.profile-card{flex-direction:column;gap:4px;display:flex}.profile-name{color:var(--text);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.profile-contact{word-break:break-all}.profile-since{color:var(--muted);font-size:.88rem}.badge{border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.spacer{flex:1}.account-footer{flex-direction:column;align-items:center;gap:0;display:flex}.footer-link{min-height:44px;color:var(--muted);background:0 0;border:0;font-size:.92rem;text-decoration:underline}.footer-link:disabled{color:var(--faint);opacity:1;text-decoration-style:dotted}.footer-link-small{color:var(--faint);font-size:.8rem}.placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex}.placeholder-icon{font-size:3rem}.placeholder-title{margin:0;font-size:1.4rem}.placeholder-text{color:var(--muted);margin:0}.splash{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.splash-logo{font-size:3rem;animation:2.4s ease-in-out infinite spin}.splash-logo.static{animation:none}.splash .btn{margin-top:8px}.splash-text{text-align:center;padding:0 24px}@keyframes spin{50%{transform:rotate(20deg)}}.error-page{text-align:center;justify-content:center;align-items:stretch}.modal{width:min(354px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:0;overflow-y:auto;box-shadow:0 20px 50px #00000059}.modal::backdrop{background:var(--backdrop)}.modal-body{flex-direction:column;gap:12px;padding:18px;display:flex}.modal-title{margin:0;font-size:1.15rem}.modal-text{color:var(--text-2);margin:0;line-height:1.45}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-actions .btn{flex:1;padding:0 12px;font-size:.95rem}@media (prefers-reduced-motion:reduce){.splash-logo{animation:none}}