:root{--bh-bg-page: #0a0a0a;--bh-bg-surface-1: #111111;--bh-bg-surface-2: #1a1a1a;--bh-bg-surface-3: #222222;--bh-bg-code: #0f1117;--bh-border-surface-2: rgba(255, 255, 255, .06);--bh-border-surface-3: rgba(255, 255, 255, .1);--bh-text-primary: #ffffff;--bh-text-secondary: rgba(255, 255, 255, .6);--bh-text-tertiary: rgba(255, 255, 255, .35);--bh-text-on-dark: #f9fafb;--bh-accent-primary: #e8e8e8;--bh-accent-hover: #ffffff;--bh-accent-foreground: #0a0a0a;--bh-accent-subtle: #1a1a1a;--bh-pass-text: #34c759;--bh-pass-bg: rgba(52, 199, 89, .15);--bh-warn-text: #ff9f0a;--bh-warn-bg: rgba(255, 159, 10, .15);--bh-error-text: #ff3b30;--bh-error-bg: rgba(255, 59, 48, .15);--bh-fail-text: #ff3b30;--bh-fail-bg: rgba(255, 59, 48, .15);--bh-space-1: 4px;--bh-space-2: 8px;--bh-space-3: 12px;--bh-space-4: 16px;--bh-space-5: 20px;--bh-space-6: 24px;--bh-space-8: 32px;--bh-space-10: 40px;--bh-space-12: 48px;--bh-radius-md: 6px;--bh-radius-lg: 8px;--bh-font-sans: Inter, system-ui, -apple-system, sans-serif;--bh-font-mono: "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--bh-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .35);--bh-shadow-md: 0 4px 12px -2px rgb(0 0 0 / .45);--bh-nav-height: 56px;--bh-safe-top: env(safe-area-inset-top, 0px);--bh-safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bh-bg-page);color:var(--bh-text-primary);font-family:var(--bh-font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body{max-width:100vw;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--bh-accent-primary);color:var(--bh-accent-foreground)}.bh-panel{background:var(--bh-bg-surface-2);border:1px solid var(--bh-border-surface-2);border-radius:var(--bh-radius-lg);padding:var(--bh-space-4);box-shadow:var(--bh-shadow-sm)}.bh-btn{background:var(--bh-accent-primary);color:var(--bh-accent-foreground);border:none;border-radius:var(--bh-radius-md);padding:var(--bh-space-2) var(--bh-space-4);font-weight:500}.bh-btn:hover:not(:disabled){background:var(--bh-accent-hover)}.bh-btn:disabled{opacity:.45;cursor:not-allowed}.bh-btn-secondary{background:var(--bh-bg-surface-2);color:var(--bh-text-primary);border:1px solid var(--bh-border-surface-3)}.bh-btn-secondary:hover:not(:disabled){background:var(--bh-bg-surface-3);border-color:#ffffff26}.bh-input{width:100%;background:var(--bh-bg-surface-3);border:1px solid var(--bh-border-surface-3);border-radius:var(--bh-radius-md);color:var(--bh-text-primary);padding:var(--bh-space-2) var(--bh-space-3)}.bh-input:focus{outline:2px solid var(--bh-border-surface-3);outline-offset:1px}.bh-label{display:block;color:var(--bh-text-secondary);font-size:12px;margin-bottom:var(--bh-space-1)}.bh-row{display:flex;gap:var(--bh-space-2);align-items:center}.bh-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--bh-space-4)}.bh-contact-row:hover{background:var(--bh-bg-surface-2)}.bh-contact-row-selected{background:var(--bh-bg-surface-2);border-left:2px solid var(--bh-accent-primary)}.bh-onboarding-page{min-height:100vh;background:var(--bh-bg-surface-1);display:flex;flex-direction:column;align-items:center;padding:var(--bh-space-6) var(--bh-space-4)}.bh-onboarding-card{width:100%;max-width:480px}.bh-media-viewport{background:var(--bh-bg-code);color:var(--bh-text-on-dark)}.bh-messenger-shell{min-height:100dvh;display:flex;background:var(--bh-bg-page);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.bh-messenger-sidebar{display:none}@media(min-width:768px){.bh-messenger-sidebar{display:flex;width:220px;flex-direction:column;position:sticky;top:0;height:100dvh;border-right:1px solid var(--bh-border-surface-2);padding:var(--bh-space-6)}}.bh-messenger-main{flex:1;width:100%;min-height:100dvh;display:flex;flex-direction:column}.bh-messenger-main-with-tabs{padding-bottom:calc(72px + var(--bh-safe-bottom))}@media(min-width:768px){.bh-messenger-main-with-tabs{padding-bottom:0}}.bh-messenger-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--bh-space-4);min-height:var(--bh-nav-height);padding:var(--bh-space-2) var(--bh-space-4);padding-top:calc(var(--bh-space-2) + var(--bh-safe-top));background:var(--bh-bg-page);border-bottom:1px solid var(--bh-border-surface-2)}.bh-messenger-content{flex:1;overflow-y:auto}.bh-messenger-bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--bh-bg-page);border-top:1px solid var(--bh-border-surface-2);padding-bottom:var(--bh-safe-bottom)}@media(min-width:768px){.bh-messenger-bottom-tabs{display:none}}.bh-messenger-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:none;background:transparent;color:var(--bh-text-tertiary);font-size:10px;font-weight:500}.bh-messenger-tab-active{color:var(--bh-text-primary);font-weight:600}.bh-messenger-sidebar-link{display:flex;align-items:center;gap:var(--bh-space-2);padding:var(--bh-space-2) var(--bh-space-3);border-radius:var(--bh-radius-md);border:none;background:transparent;color:var(--bh-text-secondary);font-size:14px;font-weight:500;width:100%;text-align:left}.bh-messenger-sidebar-link-active{background:var(--bh-accent-subtle);color:var(--bh-text-primary);font-weight:600}.bh-messenger-mobile-only{display:flex;flex-shrink:0}@media(min-width:768px){.bh-messenger-mobile-only{display:none}}@media(max-width:900px){.bh-grid-2{grid-template-columns:1fr}}.bh-workspace{display:grid;grid-template-columns:var(--bh-space-12) 280px 1fr 0;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bh-bg-page);color:var(--bh-text-primary)}.bh-workspace-call-active{grid-template-columns:var(--bh-space-12) 280px 1fr min(360px,32vw)}.bh-workspace-rail{display:flex;flex-direction:column;align-items:center;gap:var(--bh-space-1);padding:calc(var(--bh-space-3) + var(--bh-safe-top)) var(--bh-space-1) var(--bh-space-3);border-right:1px solid var(--bh-border-surface-2);background:var(--bh-bg-surface-1)}.bh-workspace-rail-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--bh-radius-md);background:transparent;color:var(--bh-text-tertiary);cursor:pointer}.bh-workspace-rail-btn:hover{background:var(--bh-bg-surface-2);color:var(--bh-text-secondary)}.bh-workspace-rail-btn-active{background:var(--bh-bg-surface-3);color:var(--bh-text-primary)}.bh-workspace-left,.bh-workspace-center,.bh-workspace-right{min-height:0;display:flex;flex-direction:column;overflow:hidden}.bh-workspace-left{border-right:1px solid var(--bh-border-surface-2);background:var(--bh-bg-surface-1)}.bh-workspace-center{background:var(--bh-bg-page);border-right:1px solid var(--bh-border-surface-2)}.bh-workspace-call-active .bh-workspace-center{border-right:1px solid var(--bh-border-surface-2)}.bh-workspace-right{background:var(--bh-bg-surface-1);border-left:1px solid var(--bh-border-surface-2)}.bh-workspace-left-header{display:flex;flex-direction:column;gap:var(--bh-space-2);padding:var(--bh-space-3);padding-top:calc(var(--bh-space-3) + var(--bh-safe-top));border-bottom:1px solid var(--bh-border-surface-2)}.bh-workspace-left-toolbar{display:flex;align-items:center;gap:var(--bh-space-2)}.bh-workspace-left-scroll{flex:1;overflow-y:auto}.bh-workspace-center-scroll{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.bh-workspace-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bh-space-3);color:var(--bh-text-tertiary);padding:var(--bh-space-8);text-align:center}.bh-workspace-bottom-nav{display:none}.bh-workspace-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--bh-radius-md);border:1px solid var(--bh-border-surface-3);background:var(--bh-bg-surface-2);color:var(--bh-text-secondary)}.bh-workspace-icon-btn:hover{background:var(--bh-bg-surface-3);color:var(--bh-text-primary)}.bh-workspace-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:none;background:transparent;color:var(--bh-text-tertiary);font-size:10px;font-weight:500}.bh-workspace-nav-btn-active{color:var(--bh-text-primary);font-weight:600}.bh-call-panel{display:flex;flex-direction:column;height:100%;min-height:0}.bh-call-panel-header{display:flex;align-items:center;gap:var(--bh-space-2);padding:var(--bh-space-2) var(--bh-space-3);border-bottom:1px solid var(--bh-border-surface-2);flex-shrink:0}.bh-call-panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.bh-call-panel-viewport{flex:1;min-height:160px;position:relative}@media(max-width:767px){.bh-workspace{grid-template-columns:1fr;grid-template-rows:1fr auto}.bh-workspace-call-active{grid-template-columns:1fr}.bh-workspace-rail,.bh-workspace-right,.bh-workspace-mobile-hide{display:none}.bh-workspace-bottom-nav{display:flex;border-top:1px solid var(--bh-border-surface-2);background:var(--bh-bg-surface-1);padding-bottom:var(--bh-safe-bottom)}}