.onb-root{--onb-bg:#faf9f5;--onb-bg-deep:#f4f1ec;--onb-surface:#fff;--onb-ink:#000;--onb-graphite:#1b1c1a;--onb-slate:#5f5e59;--onb-slate-soft:#8a8881;--onb-line:#e3e0d8;--onb-line-strong:#c7c7c0;--onb-accent:#fe6500;--onb-accent-soft:#ffe9d8;--onb-ok:#1b7a3e;--onb-ok-soft:#d8ecdf;background:var(--onb-bg);color:var(--onb-graphite);font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.onb-topbar{border-bottom:1px solid var(--onb-line);-webkit-backdrop-filter:blur(10px);z-index:30;background:#faf9f5eb;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.onb-actions{color:var(--onb-slate);align-items:center;gap:24px;font-size:13.5px;display:flex}.onb-user-email{color:var(--onb-slate);font-size:13px}.onb-page{max-width:880px;margin:0 auto;padding:32px 32px 160px}.onb-page h1{font-family:var(--font-inter),Inter,sans-serif;letter-spacing:-.025em;color:var(--onb-ink);margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.1}.onb-lede{color:var(--onb-slate);max-width:560px;margin:0 0 56px;font-size:16.5px;line-height:1.55}.onb-form{max-width:520px}.onb-field{margin-bottom:32px}.onb-field label{color:var(--onb-graphite);letter-spacing:-.005em;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.onb-field input{border:none;border-bottom:1px solid var(--onb-line-strong);width:100%;height:40px;color:var(--onb-ink);background:0 0;border-radius:0;padding:0 0 6px;font-family:inherit;font-size:18px;transition:border-color .18s}.onb-field input:focus{border-bottom-color:var(--onb-ink);outline:none}.onb-field input:disabled{opacity:.55;cursor:not-allowed}.onb-field input.onb-field-mono{font-family:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:15px}.onb-group+.onb-group{margin-top:56px}.onb-group-head{border-bottom:1px solid var(--onb-line);justify-content:space-between;align-items:baseline;margin:0 0 16px;padding-bottom:12px;display:flex}.onb-group-title{color:var(--onb-ink);letter-spacing:-.005em;font-size:14px;font-weight:600}.onb-group-meta{font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;color:var(--onb-slate-soft);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.onb-row{border:none;border-bottom:1px solid var(--onb-line);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding:16px 4px;transition:background .14s,padding .2s cubic-bezier(.32,.72,.16,1);display:grid}.onb-row:hover{background:var(--onb-bg-deep);padding-left:12px;padding-right:12px}.onb-row:last-child{border-bottom:none}.onb-row .onb-icon{letter-spacing:-.02em;color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid;position:relative;overflow:visible}.onb-row .onb-icon>svg,.onb-row .onb-icon>img{object-fit:contain;width:22px;height:22px;display:block}.onb-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.onb-name{color:var(--onb-ink);letter-spacing:-.005em;font-size:14.5px;font-weight:500}.onb-desc{color:var(--onb-slate);font-size:13px;line-height:1.4}.onb-status{color:var(--onb-slate);align-items:center;gap:8px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.onb-dot{background:var(--onb-line-strong);border-radius:50%;width:7px;height:7px;transition:background .24s,box-shadow .24s}.onb-row[data-state=connected] .onb-status{color:var(--onb-ok)}.onb-row[data-state=connected] .onb-dot{background:var(--onb-ok);box-shadow:0 0 0 4px var(--onb-ok-soft)}.onb-row[data-state=connecting] .onb-status{color:var(--onb-accent)}.onb-row[data-state=connecting] .onb-dot{background:var(--onb-accent);animation:.9s ease-in-out infinite onb-pulse}.onb-row[data-state=connected] .onb-icon:after{content:"✓";background:var(--onb-ok);color:#fff;border:2px solid var(--onb-bg);border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:grid;position:absolute;inset:auto -4px -4px auto}@keyframes onb-pulse{0%,to{opacity:1;box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px var(--onb-accent-soft);opacity:.8}}.onb-row .onb-icon,.onb-modal-head .onb-icon{border:1px solid var(--onb-line);background:#fff}.onb-footer-bar{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--onb-line);z-index:20;background:#faf9f5f5;justify-content:flex-end;align-items:center;height:78px;padding:0 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.onb-footer-actions{align-items:center;gap:12px;display:flex}.onb-btn{height:40px;color:var(--onb-graphite);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .18s cubic-bezier(.32,.72,.16,1);display:inline-flex}.onb-btn-ghost{color:var(--onb-slate)}.onb-btn-ghost:hover{color:var(--onb-ink)}.onb-btn-secondary{border-color:var(--onb-line-strong)}.onb-btn-secondary:hover{background:var(--onb-bg-deep);border-color:var(--onb-ink)}.onb-btn-primary{background:var(--onb-ink);color:var(--onb-bg)}.onb-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #00000029}.onb-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.onb-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;background:#14141252;transition:opacity .24s cubic-bezier(.32,.72,.16,1);position:fixed;inset:0}.onb-scrim.onb-open{opacity:1;pointer-events:auto}.onb-modal{background:var(--onb-surface);border:1px solid var(--onb-line);z-index:51;opacity:0;pointer-events:none;border-radius:14px;width:min(440px,100vw - 32px);padding:28px;transition:opacity .24s cubic-bezier(.32,.72,.16,1),transform .24s cubic-bezier(.32,.72,.16,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);box-shadow:0 24px 64px #1414122e,0 4px 12px #1414120f}.onb-modal.onb-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.onb-modal-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.onb-modal-head .onb-icon{color:#fff;letter-spacing:-.02em;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid;overflow:hidden}.onb-modal-head .onb-icon>svg,.onb-modal-head .onb-icon>img{object-fit:contain;width:28px;height:28px;display:block}.onb-modal-head h3{color:var(--onb-ink);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.onb-modal-head p{color:var(--onb-slate);margin:2px 0 0;font-size:13px}.onb-modal-body{color:var(--onb-slate);margin-bottom:24px;font-size:14px;line-height:1.55}.onb-scopes{background:var(--onb-bg-deep);border:1px solid var(--onb-line);border-radius:10px;flex-direction:column;gap:10px;margin:16px 0 0;padding:16px;display:flex}.onb-scope{color:var(--onb-graphite);align-items:flex-start;gap:10px;font-size:13px;display:flex}.onb-scope-check{color:var(--onb-ok);margin-top:2px;font-size:12px;font-weight:700}.onb-modal-footer{justify-content:flex-end;gap:10px;display:flex}.onb-toast{background:var(--onb-ink);color:var(--onb-bg);letter-spacing:-.005em;z-index:60;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:500;transition:opacity .22s cubic-bezier(.32,.72,.16,1),transform .22s cubic-bezier(.32,.72,.16,1);display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%,8px);box-shadow:0 12px 28px #0003}.onb-toast.onb-show{opacity:1;transform:translate(-50%)}.onb-toast-check{background:var(--onb-ok);width:16px;height:16px;color:var(--onb-bg);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.onb-signup{background:var(--onb-bg);place-items:center;min-height:100vh;padding:32px;display:grid}.onb-signup-card{text-align:left;width:min(420px,100%)}.onb-signup-minimal{text-align:center;width:min(360px,100%)}.onb-brand-fixed{position:absolute;top:24px;left:32px}.onb-signup.onb-signup .onb-signup-minimal h1{letter-spacing:-.01em;margin:0 0 28px;font-size:22px;font-weight:600}.onb-signup-eyebrow{font-family:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.16em;color:var(--onb-slate-soft);text-transform:uppercase;margin:0 0 16px;font-size:11px}.onb-signup h1{font-family:var(--font-inter),Inter,sans-serif;letter-spacing:-.025em;color:var(--onb-ink);margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.1}.onb-signup h1 em{font-family:var(--font-instrument-serif),"Instrument Serif",Georgia,serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.onb-signup-lede{color:var(--onb-slate);margin:0 0 36px;font-size:15px;line-height:1.55}.onb-google-btn{border:1px solid var(--onb-line-strong);background:var(--onb-surface);letter-spacing:-.005em;width:100%;height:48px;color:var(--onb-ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;font-family:inherit;font-size:14.5px;font-weight:500;transition:all .18s cubic-bezier(.32,.72,.16,1);display:flex}.onb-google-btn:hover:not(:disabled){background:var(--onb-bg-deep);border-color:var(--onb-ink);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.onb-google-btn:disabled{opacity:.5;cursor:not-allowed}.onb-google-btn svg{width:18px;height:18px}.onb-signup-error{color:#ba1a1a;margin-top:16px;font-size:13px}.onb-fineprint{color:var(--onb-slate-soft);margin-top:24px;font-size:12px;line-height:1.5}.onb-fineprint a{color:var(--onb-slate);text-decoration:underline;-webkit-text-decoration-color:var(--onb-line-strong);text-decoration-color:var(--onb-line-strong);text-underline-offset:3px}.onb-done-overlay{background:var(--onb-bg);z-index:70;opacity:0;pointer-events:none;place-items:center;transition:opacity .4s cubic-bezier(.32,.72,.16,1);display:grid;position:fixed;inset:0}.onb-done-overlay.onb-show{opacity:1;pointer-events:auto}.onb-done-card{text-align:center;opacity:0;transition:opacity .6s cubic-bezier(.32,.72,.16,1) .2s,transform .6s cubic-bezier(.32,.72,.16,1) .2s;transform:translateY(8px)}.onb-done-overlay.onb-show .onb-done-card{opacity:1;transform:translateY(0)}.onb-done-mark{background:var(--onb-ink);width:64px;height:64px;color:var(--onb-bg);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:26px;font-weight:800;display:grid}.onb-done-card h2{font-family:var(--font-instrument-serif),"Instrument Serif",Georgia,serif;color:var(--onb-ink);letter-spacing:-.01em;margin:0 0 12px;font-size:44px;font-weight:400;line-height:1.1}.onb-done-card p{color:var(--onb-slate);margin:0 0 32px;font-size:15.5px}.onb-done-card .onb-btn-primary{margin:0 auto}