:root,[data-theme=light]{color-scheme:light;--bg: hsl(0 0% 100%);--bg-2: #faf9f7;--bg-3: #f6f5f3;--card: #ffffff;--text: hsl(220 9% 7%);--text-2: hsl(220 9% 7% / .6);--text-3: hsl(220 9% 7% / .35);--placeholder: hsl(220 9% 7% / .25);--primary: hsl(220 9% 7%);--primary-fg: #ffffff;--secondary: hsl(220 14% 96%);--muted: hsl(220 14% 96%);--muted-fg: hsl(220 9% 46%);--border: hsl(220 13% 91%);--input: hsl(220 13% 91%);--ring: hsl(217 91% 60%);--destructive: hsl(0 84% 60%);--ok: #22c55e;--hover: hsl(220 9% 7% / .05);--active: hsl(220 9% 7% / .1);--selected: hsl(220 9% 7% / .05);--badge: hsl(220 9% 7% / .05);--radius: .375rem;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--bg-elev: var(--card);--danger: var(--destructive);--shadow: var(--shadow-sm);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-theme=dark]{color-scheme:dark;--bg: hsl(0 0% 9%);--bg-2: #262626;--bg-3: #333333;--card: hsl(0 0% 11%);--text: hsl(0 0% 95%);--text-2: hsl(0 0% 95% / .65);--text-3: hsl(0 0% 95% / .35);--placeholder: hsl(0 0% 95% / .25);--primary: hsl(0 0% 95%);--primary-fg: hsl(0 0% 9%);--secondary: hsl(0 0% 16%);--muted: hsl(0 0% 15%);--muted-fg: hsl(0 0% 64%);--border: hsl(0 0% 20%);--input: hsl(0 0% 20%);--ring: hsl(0 0% 45%);--destructive: hsl(0 62% 48%);--ok: #22c55e;--hover: hsl(0 0% 95% / .05);--active: hsl(0 0% 95% / .1);--selected: hsl(0 0% 95% / .05);--badge: hsl(0 0% 95% / .05);--shadow-sm: 0 1px 2px rgb(0 0 0 / .35)}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--placeholder)}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.t-h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.15}.t-h1-alt{font-size:1.625rem;font-weight:600;letter-spacing:-.01em;line-height:1.15}.t-lead{font-size:.9375rem;line-height:1.6}.t-body{font-size:.875rem}.t-input{font-size:1.0625rem}.t-otp{font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums}.t-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin:28px 0 12px}.t-nav-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.18em}.t-micro{font-size:12px}.t-kbd{font-size:10px;font-family:var(--mono)}.app-shell{min-height:100dvh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.icon-btn{width:36px;height:36px;border:0;background:transparent;color:var(--text);border-radius:var(--radius-md);display:grid;place-items:center}.icon-btn:hover{background:var(--hover)}.topbar-title{font-size:.9375rem;font-weight:500;letter-spacing:-.01em}.page{width:100%;max-width:700px;margin:0 auto;padding:24px 16px calc(80px + env(safe-area-inset-bottom))}.login-stage{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.login-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.login-col{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center}.mark{display:inline-grid;place-items:center;overflow:hidden;flex-shrink:0}.mark img{display:block;width:100%;height:100%}.login-col h1{margin:24px 0 0;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.15}.lede{margin:12px 0 0;font-size:.9375rem;line-height:1.6;color:var(--text-2)}.stack{margin-top:32px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.quiet-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}.field{width:100%;height:48px;border-radius:var(--radius-lg);border:1px solid var(--input);background:var(--bg);padding:0 16px;font-size:1.0625rem;text-align:left;color:var(--text);outline:none}.field::placeholder{color:var(--placeholder)}.field:focus{border-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 40%,transparent)}.field[aria-invalid=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 50%,transparent)}.field-group{display:flex;align-items:center;width:100%;height:48px;border-radius:var(--radius-lg);border:1px solid var(--input);background:var(--bg);overflow:hidden}.field-group:focus-within{border-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 40%,transparent)}.field-group[aria-invalid=true],.field-group[data-invalid=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 50%,transparent)}.field-prefix{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:1.0625rem;color:var(--text-2);white-space:nowrap;flex-shrink:0}.field-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0}.field-bare{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 16px 0 12px;font-size:1.0625rem;color:var(--text);outline:none}.field-bare::placeholder{color:var(--placeholder)}.otp{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;padding-left:1.1em}.otp-row{position:relative;display:flex;gap:8px;justify-content:center;width:100%}.otp-cell{width:48px;height:56px;border:1px solid var(--input);border-radius:var(--radius-lg);background:var(--bg);display:grid;place-items:center;font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums}.otp-cell--active{border-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 40%,transparent)}.otp-cell--error{border-color:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--destructive) 50%,transparent)}.otp-row--disabled .otp-cell{opacity:.5}.otp-hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;padding:0;font-size:1.0625rem;caret-color:transparent}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text);font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .15s ease,opacity .15s ease,transform .1s ease}.ui-btn svg{width:16px;height:16px;flex-shrink:0}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--ring) 40%,transparent)}.ui-btn:disabled{pointer-events:none;opacity:.5}.ui-btn:active:not(:disabled){transform:scale(.99)}.ui-btn--sm{height:32px;padding:0 12px;font-size:.875rem}.ui-btn--lg{height:48px;padding:0 24px}.ui-btn--full{width:100%}.ui-btn--default{border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.ui-btn--default:hover:not(:disabled){background:var(--muted)}.ui-btn--primary{background:var(--primary);color:var(--primary-fg)}.ui-btn--primary:hover:not(:disabled){opacity:.9}.ui-btn--secondary{background:var(--secondary)}.ui-btn--secondary:hover:not(:disabled){opacity:.8}.ui-btn--ghost{color:var(--text-2)}.ui-btn--ghost:hover:not(:disabled){background:var(--muted);color:var(--text)}.ui-btn--quiet{height:auto;padding:6px;color:var(--text-2)}.ui-btn--quiet:hover:not(:disabled){color:var(--text);text-decoration:underline;text-underline-offset:2px}.ui-btn--destructive{background:#dc2626;color:#fff}.ui-btn--destructive:hover:not(:disabled){background:#b91c1c}.ui-btn--danger-soft{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.ui-btn--danger-soft:hover:not(:disabled){background:color-mix(in srgb,var(--destructive) 20%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinner-pulse{50%{opacity:.35}}.spinner{animation:spin .6s linear infinite;flex-shrink:0}@media(prefers-reduced-motion:reduce){.spinner{animation:spinner-pulse 1s ease-in-out infinite}}.btn-primary{display:flex;height:48px;width:100%;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-fg);font-size:.9375rem;font-weight:500;transition:opacity .15s ease,transform .1s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.5}.btn-ghost{display:flex;height:44px;width:100%;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);font-size:.9375rem;font-weight:500}.btn-ghost:hover{background:var(--muted)}.btn-quiet{border:0;background:transparent;color:var(--text-2);font-size:.875rem;font-weight:500;padding:6px}.btn-quiet:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.btn-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--text);font-size:13px;font-weight:500;padding:6px 12px;box-shadow:var(--shadow-sm)}.btn-chip:hover{background:var(--muted)}.chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--card);color:var(--text);font-size:14px;font-weight:500;padding:8px 16px;box-shadow:var(--shadow-sm);transition:background-color .15s ease}.chip:hover{background:var(--muted)}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-fg);box-shadow:none}.consent{margin:4px 0 0;text-align:left;font-size:.875rem;line-height:1.5;color:var(--text-2)}.consent a{text-underline-offset:2px}.fine{margin:8px 0 0;font-size:.8125rem;color:var(--text-3)}.alert{margin:0;min-height:20px;font-size:.875rem;color:var(--destructive)}.section-label{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3)}.section-label span,.section-label a{font-size:13px;font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:normal}.hero{text-align:center;padding:28px 8px 8px}.hero .mark{margin:0 auto 10px}.hero h2{margin:0;font-size:.9375rem;font-weight:500;color:var(--text-2)}.pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s ease}.pill:hover{background:var(--muted)}.pill.wide{grid-column:1 / -1}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);padding:16px}.card+.card{margin-top:10px}.card--emph{border:1.5px solid var(--text)}.list-group{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--card)}.list-group>*+*{border-top:1px solid var(--border)}.list-row{display:flex;align-items:center;gap:16px;width:100%;padding:12px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none}.list-row--settings{padding:14px 16px}.list-row--tappable{cursor:pointer;transition:background-color .15s ease}.list-row--tappable:hover{background:var(--hover)}.list-row--tappable:active{background:var(--active)}.list-row-leading{display:inline-flex;flex-shrink:0}.list-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.list-row-label{font-size:14px;font-weight:500;color:var(--text)}.list-row-sub{margin-top:2px;font-size:12px;color:var(--text-3)}.list-row-trailing{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--text-2);text-align:right}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--badge);color:var(--text-2);font-size:12px;font-weight:500}.status-pill-dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.status-pill--ok .status-pill-dot{background:var(--ok)}.status-pill--neutral .status-pill-dot{background:var(--text-3)}@keyframes pill-pulse{50%{opacity:.3}}.status-pill--pending .status-pill-dot{background:var(--text-3);animation:pill-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.status-pill--pending .status-pill-dot{animation:none}}.status-pill--error .status-pill-dot{background:var(--destructive)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px}.empty-state-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-3)}.empty-state-icon svg{width:40px;height:40px}.empty-state-title{margin-top:12px;font-size:.875rem;font-weight:500;color:var(--text)}.empty-state-body{margin-top:6px;max-width:260px;font-size:12px;line-height:1.5;color:var(--text-3)}.empty-state-action{margin-top:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{display:inline-block;border-radius:6px;background-color:var(--muted);background-image:linear-gradient(90deg,transparent,var(--hover),transparent);background-size:200% 100%;background-repeat:no-repeat;animation:shimmer 1.4s infinite}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background-image:none}}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--badge);border:1px solid var(--border);flex-shrink:0;overflow:hidden}.brand-icon img{width:62%;height:62%;display:block;-webkit-user-drag:none}.connector{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.connector h3{margin:0;font-size:15px;font-weight:600}.connector p{margin:2px 0 0;font-size:12px;color:var(--text-2);line-height:1.4}.logo-dot{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--badge);border:1px solid var(--border);font-weight:600;font-size:14px}.status{font-size:12px;font-weight:500;color:var(--text-3)}.status.ok{color:var(--ok)}.addr{font-family:var(--mono);font-size:13px;word-break:break-all}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-2);font-size:14px}.tiny{color:var(--text-3);font-size:12px}.space,.field-stack{display:flex;flex-direction:column;gap:16px}.steps{text-align:left;padding-left:18px;margin:16px 0;color:var(--text-2);font-size:.9375rem}.steps li{margin:8px 0}.qr-tile{display:inline-block;background:#fff;border-radius:12px;padding:12px;line-height:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30}.drawer{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);background:var(--card);border-right:1px solid var(--border);z-index:40;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))}.drawer .t-nav-label{padding:8px 12px 6px;color:var(--text-3)}.drawer a,.drawer button.nav{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:15px;font-weight:500}.drawer a:hover,.drawer button.nav:hover{background:var(--hover)}.drawer a.active{background:var(--selected)}.drawer-account{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:10px 8px;border-radius:10px;color:inherit;font:inherit;cursor:pointer}.drawer-account:hover{background:var(--hover)}.drawer-avatar{width:36px;height:36px;border-radius:999px;background:var(--badge);border:1px solid var(--border);display:grid;place-items:center;font-size:14px;font-weight:500;flex-shrink:0}.drawer-account-copy{flex:1;min-width:0}.drawer-account-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-account-email{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-chevron{color:var(--text-3);flex-shrink:0}.account-popover-wrap{position:relative}.account-popover{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:6px;z-index:45}.account-popover button{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text);cursor:pointer}.account-popover button:hover{background:var(--hover)}.vault-add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:1px dashed var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-3);font-size:14px;font-weight:500;cursor:pointer}.vault-add:hover{background:var(--hover);color:var(--text-2)}.vault-add:disabled{pointer-events:none;opacity:.5}.sheet-sub{margin:0 0 16px;font-size:.875rem;color:var(--text-2);line-height:1.5}.sheet-field{display:flex;flex-direction:column;gap:6px}.sheet-field-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-2)}.sheet-field-label svg{width:14px;height:14px;color:var(--text-3)}.sheet-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px}.pw-wrap{position:relative}.pw-wrap .field{padding-right:44px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--text-3);border-radius:var(--radius-md);display:grid;place-items:center;cursor:pointer}.pw-toggle:hover{background:var(--hover);color:var(--text)}.invite-link-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.invite-link-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:13px;color:var(--text-2)}.invite-footnote{margin:16px 0 0;color:var(--text-3)}.seg{display:flex;gap:0;background:var(--muted);border-radius:10px;padding:3px}.seg button{flex:1;border:0;border-radius:8px;padding:8px;background:transparent;color:var(--text-2);font-size:14px;font-weight:500;transition:background-color .15s ease}.seg button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin-inline:auto;background:var(--card);border:1px solid var(--border);border-bottom:0;border-radius:16px 16px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto;z-index:51;outline:none;animation:sheet-up .2s ease-out}@media(prefers-reduced-motion:reduce){.sheet{animation:sheet-fade .2s ease-out}}.sheet-handle{width:36px;height:4px;border-radius:999px;background:var(--border);margin:4px auto 12px}.sheet-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sheet-title{font-size:.9375rem;font-weight:600}.balance{font-size:28px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:4px 0 0}