.onb{--bg:#111111;--page:#050505;--card-border:#2B2B2B;--track:#414141;--text:#F1F1F1;--text-muted:#707070;--body:#999999;--step-pending:#555555;--btn-primary:#E4E4E4;--btn-primary-text:#111111;--btn-primary-hover:#F1F1F1;--btn-secondary:#2C2C2C;--btn-secondary-text:#999999;--btn-secondary-hover:#F1F1F1;--btn-secondary-hover-text:#111111;--btn-inactive:#1C1C1C;--btn-inactive-text:#676767;--btn-primary-busy:#8B8B8B;--btn-tertiary:#161616;--btn-tertiary-text:#999999;--btn-tertiary-border:rgba(255,255,255,0.10);--btn-tertiary-hover:#202020;--btn-tertiary-hover-text:#F1F1F1;--accent:#6E81FA;--accent-soft:#171928;--error:#E75C5C;min-height:100vh;background:var(--page);color:var(--text);justify-content:center;padding:72px 16px;font-family:var(--font-geist-sans),"Geist",sans-serif}.onb,.onb-panel{display:flex;align-items:center}.onb-panel{position:relative;width:100%;max-width:440px;height:464px;padding:0 40px;flex-direction:column;animation:onb-fade .22s ease-out}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}@keyframes onb-spin{to{transform:rotate(1turn)}}@keyframes onb-pulse{0%,to{opacity:1}50%{opacity:.55}}.onb-h1{font-size:32px;font-weight:500;letter-spacing:-.4px;line-height:1.1;text-align:center;margin:0}.onb-body{font-size:15px;color:var(--body)}.onb-body,.onb-small{line-height:1.5;text-align:center;margin:0}.onb-small{font-size:13px;color:var(--text-muted)}.onb-error{font-size:13px;color:var(--error);text-align:center;margin:0}.onb-stack{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.onb-input{width:100%;height:42px;padding:0 14px;border-radius:6px;border:1px solid var(--card-border);background:transparent;color:var(--text);font-size:15px;font-family:inherit;outline:none}.onb-input:focus{border-color:#4A4A4A}.onb-input::-moz-placeholder{color:var(--text-muted)}.onb-input::placeholder{color:var(--text-muted)}.onb-btn{width:100%;height:42px;border-radius:6px;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,border-color .15s}.onb-btn:disabled{cursor:default}.onb-btn-secondary:disabled{background:var(--btn-inactive);color:var(--btn-inactive-text)}.onb-btn-primary:disabled{background:var(--btn-primary-busy)}.onb-btn-primary{background:var(--btn-primary);color:var(--btn-primary-text)}.onb-btn-primary:not(:disabled):hover{background:var(--btn-primary-hover)}.onb-btn-secondary{background:var(--btn-secondary);color:var(--btn-secondary-text)}.onb-btn-secondary:not(:disabled):hover{background:var(--btn-secondary-hover);color:var(--btn-secondary-hover-text)}.onb-btn-tertiary{background:var(--btn-tertiary);color:var(--btn-tertiary-text);border-color:var(--btn-tertiary-border)}.onb-btn-tertiary:not(:disabled):hover{background:var(--btn-tertiary-hover);color:var(--btn-tertiary-hover-text)}.onb-link{background:none;border:none;padding:0;font-family:inherit;font-size:13px;line-height:20px;display:inline-block;color:var(--text-muted);text-decoration:underline;cursor:pointer;transition:color .15s}.onb-link:hover{color:var(--text)}.onb-code{display:flex;gap:8px;justify-content:center}.onb-code input{width:46px;height:56px;border-radius:6px;border:1px solid var(--card-border);background:transparent;color:var(--text);text-align:center;font-size:22px;font-family:inherit;outline:none;font-variant-numeric:tabular-nums}.onb-code input:focus{border-color:#4A4A4A}.onb-seg{display:flex;width:100%;border:1px solid var(--card-border);border-radius:6px;padding:2px;gap:2px}.onb-seg button{flex:1;height:34px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;background:transparent;color:var(--text-muted)}.onb-seg button[aria-pressed=true]{background:var(--btn-inactive);color:var(--text)}.onb-chip{display:inline-flex;align-items:center;gap:10px;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.onb-chip-divider{width:1px;height:12px;background:rgba(110,129,250,.3)}.onb-chip-wait{display:inline-flex;align-items:center;gap:6px}.onb-chip .onb-spinner-sm{width:10px;height:10px;border-width:1.5px;border-color:rgba(110,129,250,.3);border-top-color:var(--accent)}.onb-chip-live{animation:onb-pulse 2.4s ease-in-out infinite}.onb-snippet{width:100%;border:1px solid var(--card-border);border-radius:8px;background:var(--page);padding:14px 14px 12px;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12px;line-height:1.6;color:#C8C8C8;white-space:pre-wrap;word-break:break-all;text-align:left}.onb-steps{position:absolute;left:0;right:0;bottom:0;justify-content:center;font-size:13px;color:var(--text-muted)}.onb-dots,.onb-steps{display:flex;align-items:center}.onb-dots{gap:6px}.onb-dot{width:6px;height:6px;border-radius:3px;background:var(--track);transition:width .2s ease}.onb-dot[data-active=true]{width:18px;background:var(--text)}.onb-header-right{position:fixed;top:34px;right:28px;height:40px;display:flex;align-items:center;gap:16px;z-index:5}.onb-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--track);border-top-color:var(--text);animation:onb-spin .7s linear infinite}.onb-slot-top{height:72px;margin-bottom:20px;display:flex;align-items:flex-end;justify-content:center}.onb-heading{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px}.onb-slot-a{width:100%;max-width:320px;height:40px;margin-bottom:28px}.onb-panel .onb-stack{min-height:140px}.onb-note{min-height:40px;padding-top:20px;display:flex;justify-content:center}.onb-panel>*,.onb-stack>*{flex-shrink:0}.onb-panel-tall{height:auto}.onb-panel-tall .onb-steps{position:static;margin-top:40px}.onb-panel[data-step=ai] .onb-heading{margin-bottom:56px}.onb-panel[data-step=loading]{justify-content:center}.onb-panel[data-step=loading] .onb-slot-top{height:auto;margin-bottom:0}.onb-install-area{height:66px}.onb-install-area>*{height:100%}.onb-snippet-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:58px}.onb-snippet-copy{position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s;padding:0 14px}.onb-snippet-label{position:absolute;top:2px;right:2px;bottom:2px;display:grid;place-items:center;width:52px;border-radius:4px;background:var(--btn-inactive);transition:color .15s,background .15s;font-family:var(--font-geist-sans),"Geist",sans-serif;font-size:12px;color:var(--btn-secondary-text)}.onb-snippet-copy:hover .onb-snippet-label{background:var(--btn-secondary-hover);color:var(--btn-secondary-hover-text)}.onb-above{position:absolute;left:0;right:0;bottom:calc(100% + 16px)}.onb-above,.onb-status{display:flex;justify-content:center}.onb-status{height:42px;align-items:center;font-size:13px;color:var(--text-muted)}.onb-panel[data-step=email] .onb-heading{margin-bottom:36px}.onb-panel[data-step=email] .onb-slot-a{display:none}.onb-panel[data-step=code] .onb-note{padding-top:104px}.onb-panel[data-step=code] .onb-heading{margin-bottom:8px}.onb-panel[data-step=done] .onb-heading{margin-bottom:-8px}.onb-panel[data-step=install] .onb-status{align-items:flex-start;padding-top:74px;height:96px}.onb-panel[data-step=install-help] .onb-note{padding-top:68px}.onb-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);transition:color .15s}.onb-eye:hover{color:var(--text)}.onb-install-fill.onb-btn-secondary{color:var(--text);background:var(--btn-inactive)}.onb-install-fill.onb-btn-secondary:hover{color:var(--btn-secondary-hover-text)}.onb-seg button:focus{outline:none}.onb-seg button:focus-visible{outline:1px solid #4A4A4A;outline-offset:-1px}.onb-panel[data-step=install-help] .onb-heading,.onb-panel[data-step=website] .onb-heading{margin-bottom:8px}@media (max-width:520px){.onb-chip-extra{display:none}}.onb-btn-quiet{background:var(--btn-inactive);color:var(--btn-inactive-text)}.onb-btn-outline{background:transparent;color:var(--text);border-color:var(--card-border)}.onb-btn-outline:hover{background:var(--btn-secondary-hover);color:var(--btn-secondary-hover-text);border-color:transparent}.onb-panel[data-step=learning]{--ring-track:#1c1c1c}.onb-ring{margin:28px 0 16px;display:flex;justify-content:center}.onb-ring-status{font-size:14px;line-height:20px;min-height:20px;color:var(--body);text-align:center;margin:0}.onb-ring-actions{width:100%;max-width:320px;margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:16px}.onb-ring-actions .onb-btn{width:100%}