html,body,#root{min-height:100%}body{font:var(--font-body);font-family:var(--font-sans);color:var(--content-default);background:var(--surface-sunken)}#root{background:linear-gradient(180deg, var(--surface-card) 0, var(--surface-sunken) 360px), var(--surface-sunken)}.hb-auth-page{isolation:isolate;min-height:100dvh;padding:var(--space-6);background:repeating-linear-gradient(128deg, transparent 0 86px, color-mix(in srgb, var(--accent-solid) 5%, transparent) 86px 87px), linear-gradient(128deg, color-mix(in srgb, var(--accent-solid) 3%, var(--surface-card)) 0 44%, var(--surface-card) 44% 72%, color-mix(in srgb, var(--accent-solid) 5%, var(--surface-card)) 72% 100%);place-items:safe center;display:grid;position:relative;overflow:hidden auto}.hb-auth-page:before,.hb-auth-page:after{content:"";z-index:-1;background:var(--accent-solid);opacity:.075;will-change:transform;animation:hb-auth-drift calc(var(--duration-slower) * 32) var(--ease-standard) infinite alternate;position:absolute}.hb-auth-page:before{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);width:min(54vw,820px);height:42%;top:-16%;right:-8%}.hb-auth-page:after{clip-path:polygon(0 0,100% 28%,82% 100%,0 76%);opacity:.05;width:min(42vw,620px);height:28%;animation-duration:calc(var(--duration-slower) * 42);animation-direction:alternate-reverse;bottom:-12%;left:-9%}@keyframes hb-auth-drift{0%{transform:translate(-1.5%)}to{transform:translate(2.5%,8px)}}.hb-loading-card{align-items:center;gap:var(--space-3);font:var(--font-body-strong);color:var(--content-muted);display:inline-flex}.hb-fullscreen-state-overlay{z-index:var(--z-toast);isolation:isolate;background:repeating-linear-gradient(128deg, transparent 0 86px, color-mix(in srgb, var(--accent-solid) 4%, transparent) 86px 87px), linear-gradient(128deg, color-mix(in srgb, var(--accent-solid) 3%, var(--surface-app)) 0 44%, var(--surface-app) 44% 72%, color-mix(in srgb, var(--accent-solid) 5%, var(--surface-app)) 72% 100%);opacity:1;transition:opacity var(--duration-slower) var(--ease-standard);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.hb-fullscreen-state-overlay:before{content:"";z-index:-1;background:var(--accent-solid);opacity:.06;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);will-change:transform;width:min(58vw,860px);height:46%;animation:hb-auth-drift calc(var(--duration-slower) * 32) var(--ease-standard) infinite alternate;position:absolute;inset:-18% -12% auto auto}.hb-fullscreen-state-overlay[data-ready]{opacity:0;pointer-events:none}.hb-workspace-entrance-scene{z-index:-1;pointer-events:none;perspective:900px;position:absolute;inset:0}.hb-fullscreen-state-overlay--first{background:0 0}.hb-workspace-entrance-curtain{background:repeating-linear-gradient(128deg, transparent 0 86px, color-mix(in srgb, var(--accent-solid) 5%, transparent) 86px 87px), color-mix(in srgb, var(--accent-solid) 9%, var(--surface-app));will-change:transform;width:56%;animation:hb-workspace-curtain var(--duration-loop) var(--ease-emphasized) calc(var(--duration-fast) * 6) both;position:absolute;inset-block:0}.hb-workspace-entrance-curtain--left{transform-origin:0;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);--hb-curtain-direction:-108%;left:0}.hb-workspace-entrance-curtain--right{transform-origin:100%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);--hb-curtain-direction:108%;right:0}.hb-workspace-entrance-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent-solid) 28%, transparent);opacity:0;animation:hb-workspace-orbit calc(var(--duration-slower) * 5) var(--ease-decelerate) var(--duration-fast) both;border-radius:50%;position:absolute;top:50%;left:50%}.hb-workspace-entrance-orbit:after{content:"";aspect-ratio:1;background:var(--accent-solid);border-radius:50%;width:8px;position:absolute;top:11%;left:20%}.hb-workspace-entrance-orbit--outer{width:min(72vw,760px)}.hb-workspace-entrance-orbit--inner{width:min(46vw,480px);animation-delay:var(--duration-slow);animation-direction:reverse}.hb-workspace-entrance-beam{background:linear-gradient(90deg, transparent, var(--accent-solid), transparent);width:min(92vw,1080px);height:1px;animation:hb-workspace-beam var(--duration-progress) var(--ease-decelerate) calc(var(--duration-fast) * 3.5) both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(0)}.hb-workspace-entrance-kicker{align-items:center;gap:var(--space-2);color:var(--content-muted);font:var(--font-caption);letter-spacing:.16em;text-transform:uppercase;opacity:0;animation:hb-workspace-kicker calc(var(--duration-fast) * 6) var(--ease-decelerate) calc(var(--duration-fast) * 12) both;order:-1;display:flex}.hb-fullscreen-state-overlay--first .hb-fullscreen-state-splash{animation:hb-workspace-mark-arrive var(--duration-progress) var(--ease-emphasized) calc(var(--duration-fast) * 7.5) both}@keyframes hb-workspace-curtain{0%{transform:translate(0,0)}to{transform:translate3d(var(--hb-curtain-direction), 0, 0)}}@keyframes hb-workspace-orbit{0%{opacity:0;transform:translate(-50%,-50%)rotate(-28deg)scale(.64)}36%{opacity:.72}to{opacity:.16;transform:translate(-50%,-50%)rotate(142deg)scale(1)}}@keyframes hb-workspace-beam{0%{opacity:0;transform:translate(-50%,-50%)scaleX(0)}44%{opacity:.72}to{opacity:.12;transform:translate(-50%,-50%)scaleX(1)}}@keyframes hb-workspace-mark-arrive{0%{opacity:0;transform:translate3d(0,24px,90px)scale(.82)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hb-workspace-kicker{0%{opacity:0;letter-spacing:.26em;transform:translateY(7px)}to{opacity:1;letter-spacing:.16em;transform:translate(0,0)}}.hb-fullscreen-state-splash{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-6);animation:hb-fullscreen-state-rise var(--duration-slower) var(--ease-standard) both;flex-direction:column;display:flex}@keyframes hb-fullscreen-state-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hb-fullscreen-state-title{font:var(--font-title);color:var(--content-strong);margin:0}.hb-login-card,.hb-fullscreen-state-card{border-color:color-mix(in srgb, var(--accent-solid) 14%, var(--border-subtle));background:color-mix(in srgb, var(--surface-card) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-card) 82%, transparent), 0 24px 64px -38px color-mix(in srgb, var(--accent-solid) 36%, var(--content-strong));animation:hb-surface-arrive var(--duration-slower) var(--ease-standard) both;position:relative}.hb-login-card{width:min(100%,420px)}@keyframes hb-surface-arrive{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}.hb-recovery-stack,.hb-fullscreen-state-content{gap:var(--space-5);flex-direction:column;display:flex}.hb-recovery-stack>*,.hb-fullscreen-state-content>*{margin:0!important}.hb-fullscreen-state-card{--hb-state-solid:var(--danger-solid);--hb-state-fg:var(--danger-fg);--hb-state-soft:var(--danger-soft);--hb-state-border:var(--danger-border);width:min(100%,480px);overflow:hidden}.hb-fullscreen-state-page{z-index:var(--z-toast);overscroll-behavior:contain;align-items:safe center;position:fixed;inset:0;overflow:hidden auto}.hb-fullscreen-state-card--warning{--hb-state-solid:var(--warning-solid);--hb-state-fg:var(--warning-fg);--hb-state-soft:var(--warning-soft);--hb-state-border:var(--warning-border)}.hb-fullscreen-state-card:before{content:"";background:var(--hb-state-solid);height:3px;position:absolute;inset:0 0 auto}.hb-fullscreen-state-status{align-items:center;gap:var(--space-3);display:flex}.hb-fullscreen-state-symbol{width:44px;height:44px;color:var(--hb-state-fg);background:var(--hb-state-soft);border:1px solid var(--hb-state-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-card) 72%, transparent);flex:none;place-items:center;display:inline-grid}.hb-fullscreen-state-symbol svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hb-fullscreen-state-label{color:var(--hb-state-fg);font:var(--font-caption);font-weight:var(--weight-semibold);letter-spacing:.02em}.hb-fullscreen-state-header{gap:var(--space-1);display:grid}.hb-fullscreen-state-header h1,.hb-fullscreen-state-header p{margin:0}.hb-fullscreen-state-header h1{color:var(--content-strong);font:var(--font-heading);text-wrap:balance}.hb-fullscreen-state-header p{color:var(--content-default);font:var(--font-caption);text-wrap:pretty}.hb-fullscreen-state-guidance{gap:var(--space-1);padding:var(--space-3) var(--space-4);color:var(--content-default);background:color-mix(in srgb, var(--hb-state-soft) 36%, var(--surface-sunken));border-inline-start:3px solid var(--hb-state-solid);border-radius:0 var(--radius-md) var(--radius-md) 0;display:grid}.hb-fullscreen-state-guidance strong{color:var(--content-strong);font:var(--font-body-strong)}.hb-fullscreen-state-guidance>div{color:var(--content-default);font:var(--font-caption);line-height:var(--leading-relaxed);text-wrap:pretty}.hb-fullscreen-state-actions{gap:var(--space-2);display:grid}.hb-fullscreen-state-reload{width:100%}.hb-fullscreen-state-reload svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hb-fullscreen-state-reload:active:not(:disabled){transform:translateY(1px)scale(.99)}.hb-fullscreen-state-footer{color:var(--content-muted);font:var(--font-caption);text-align:center;text-wrap:pretty;margin:0}.hb-login-wordmark,.hb-shell-brand{align-items:center;gap:var(--space-3);display:flex}.hb-login-wordmark{margin-bottom:var(--space-5)}.hb-login-wordmark[data-logo-only] img{max-width:min(220px,68vw)!important;height:48px!important}.hb-login-mark,.hb-shell-mark{color:var(--content-inverse);background:var(--brand-solid);font:var(--weight-semibold) var(--text-sm) / 1 var(--font-latin);border-radius:var(--radius-md);box-shadow:var(--elevation-1);justify-content:center;align-items:center;display:inline-flex}.hb-login-mark{width:36px;height:36px}.hb-shell-mark{width:28px;height:28px}.hb-login-wordmark h1,.hb-shell-wordmark{color:var(--content-strong);font:var(--font-heading);margin:0}.hb-login-form{gap:var(--space-4);display:grid}.hb-login-form button{transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.hb-login-form button:active:not(:disabled){transform:translateY(1px)scale(.99)}@media (prefers-reduced-motion:reduce){.hb-workspace-entrance-scene{display:none}.hb-auth-page:before,.hb-auth-page:after,.hb-fullscreen-state-overlay:before,.hb-workspace-entrance-curtain,.hb-workspace-entrance-orbit,.hb-workspace-entrance-beam,.hb-workspace-entrance-kicker,.hb-fullscreen-state-splash,.hb-login-card,.hb-fullscreen-state-card{animation:none}}.hb-login-error{padding:var(--space-3);color:var(--danger-fg);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);font:var(--font-caption);margin:0}.hb-login-notice{padding:var(--space-3);color:var(--success-fg);background:var(--success-soft);border:1px solid var(--success-border);border-radius:var(--radius-md);font:var(--font-caption);margin:0}.hb-login-backend{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.hb-app-shell{background:var(--surface-sunken);min-height:100vh}.hb-shell-header{z-index:10;background:color-mix(in srgb, var(--surface-card) 92%, transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.hb-shell-bar{min-height:var(--shell-header-h);align-items:center;gap:var(--space-4);width:min(100%, var(--container-max));grid-template-columns:auto 1fr auto;margin:0 auto;display:grid;padding:0 var(--space-5)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.hb-shell-actions{justify-content:flex-end;display:flex}.hb-shell-main{width:min(100%, var(--container-max));padding:var(--space-6) var(--space-5);margin:0 auto}.hb-dashboard-page{gap:var(--space-5);display:grid}.hb-dashboard-card{min-height:160px}.hb-dashboard-doc-header{text-align:center}.hb-dashboard-title{color:var(--content-strong);font:var(--font-display);letter-spacing:var(--tracking-tight);margin:0}.hb-dashboard-content{gap:var(--space-4);min-width:0;display:grid}.hb-dashboard-control-strip{align-items:center;gap:var(--space-4);min-width:0;padding-block:var(--space-3);border-block:var(--space-px) solid var(--border-default);grid-template-columns:minmax(0,1fr) auto;display:grid}.hb-dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;display:grid}.hb-dashboard-metric{gap:var(--space-1);min-width:0;padding-inline:var(--space-4);border-inline-start:var(--space-px) solid var(--border-default);display:grid}.hb-dashboard-metric:first-child{border-inline-start:0;padding-inline-start:0}.hb-dashboard-metric-label{color:var(--content-muted);font:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hb-dashboard-metric-value{color:var(--content-strong);font:var(--font-body-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.hb-dashboard-metric-value--number{font:var(--font-title);font-variant-numeric:tabular-nums}.hb-dashboard-metric-value--active{color:var(--accent-fg)}.hb-dashboard-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hb-dashboard-canvas{min-width:0}.hb-dashboard-canvas--welcome-only .hb-widget-cell--m{grid-column:1/-1}.hb-dashboard-welcome{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hb-dashboard-welcome-copy{gap:var(--space-1);flex:auto;min-width:0;display:grid}.hb-dashboard-welcome-greeting{color:var(--content-strong);font:var(--font-heading)}.hb-dashboard-welcome-date{color:var(--content-muted);font:var(--font-body)}.hb-dashboard-welcome-clock{color:var(--content-muted);border-inline-start:var(--space-px) solid var(--border-default);font:var(--font-title);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding-inline-start:var(--space-4)}.hb-features-page,.hb-features-reveal,.hb-features-summary,.hb-features-catalog,.hb-features-section,.hb-features-grid{box-sizing:border-box;min-width:0;max-width:100%}.hb-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-features-tabs{min-width:0;max-width:100%}.hb-shell-layout{background:var(--surface-app);height:100dvh;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.hb-shell-layout{height:100vh}}.hb-shell-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.hb-shell-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:auto}.hb-shell-content{box-sizing:border-box;width:min(100%, var(--container-max));--hb-shell-gutter-start:max(var(--space-5), var(--safe-left));--hb-shell-gutter-end:max(var(--space-5), var(--safe-right));--hb-shell-pane-inline-size:0px;max-width:100%;padding:var(--space-6) var(--hb-shell-gutter-end) calc(var(--space-6) + var(--safe-bottom)) var(--hb-shell-gutter-start);min-width:0;margin-inline:auto}.hb-shell-scroll--focused{overflow:hidden}.hb-shell-content--focused{--hb-shell-gutter-start:var(--space-6);--hb-shell-gutter-end:var(--space-6);width:100%;max-width:none;padding:var(--space-6);height:100%;min-height:0;margin-inline:0}.hb-sidebar-search-frame{transition:box-shadow var(--duration-fast) var(--ease-standard)}.hb-sidebar-search:focus-within .hb-sidebar-search-frame{box-shadow:inset 0 0 0 var(--space-px) var(--border-focus)}.hb-sidebar-search-frame:has([role=searchbox]:focus-visible){box-shadow:var(--ring-focus)}.hb-sidebar-search [role=searchbox]::placeholder{color:var(--content-muted);opacity:1}.hb-sidebar-search:focus-within .hb-sidebar-search-frame>div{box-shadow:none!important}.hb-sidebar-item[data-active]{position:relative}.hb-sidebar-item[data-active]:before{inset-block:var(--space-2);width:calc(var(--space-px) * 2);content:"";background:var(--accent-solid);border-radius:var(--radius-pill);position:absolute;inset-inline-start:0}.hb-branding-preview{--accent-solid:var(--hb-preview-accent-light);--accent-contrast:var(--hb-preview-contrast-light)}[data-theme=dark] .hb-branding-preview{--accent-solid:var(--hb-preview-accent-dark);--accent-contrast:var(--hb-preview-contrast-dark)}.hb-branding-preview[data-accent-source=default]{--accent-solid:var(--accent-default-solid);--accent-contrast:var(--accent-default-contrast)}.hb-shell-nav-drawer{background:color-mix(in srgb, var(--accent-solid) 12%, var(--surface-sidebar));padding:max(var(--safe-top), var(--space-2)) 0 max(var(--safe-bottom), var(--space-2)) var(--safe-left);display:flex}.hb-shell-nav-drawer .hb-drawer-body{padding:0;display:flex;overflow:hidden}.hb-shell-nav-drawer .hb-sidebar{border-inline-end:0;height:100%;width:100%!important}.hb-shell-nav-drawer .hb-sidebar-item{min-height:max(var(--control-h), var(--row-h-comfortable))}.hb-shell-nav-drawer--compact{padding:var(--safe-top) 0 var(--safe-bottom) var(--safe-left)}.hb-shell-nav-drawer--compact .hb-sidebar{padding:0 var(--space-2)}.hb-shell-nav-drawer--compact .hb-sidebar-header{block-size:var(--shell-rail-w);min-block-size:var(--shell-rail-w);border-block-end:var(--space-px) solid var(--border-subtle);flex:none;align-items:stretch;margin-block-end:0;display:flex}.hb-shell-nav-drawer--compact .hb-shell-workspace-header{flex:1;min-width:0}.hb-shell-nav-drawer--compact .hb-shell-workspace-header button{min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min)}.hb-shell-nav-drawer--compact .hb-sidebar-scroll{padding-block:var(--space-2);scroll-padding-block-end:calc(var(--touch-target-min) + var(--space-4))}.hb-shell-nav-drawer--compact .hb-sidebar-footer{padding-block:var(--space-2);border-block-start:var(--space-px) solid var(--border-subtle);position:relative}.hb-shell-nav-drawer--compact .hb-sidebar-footer .hb-sidebar-item{min-block-size:var(--touch-target-min)}.hb-shell-nav-drawer--compact .hb-sidebar-nav--scroll-more .hb-sidebar-footer:before{inset-inline:0;height:var(--space-4);pointer-events:none;content:"";background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--hb-sidebar-surface) 92%, transparent));position:absolute;bottom:100%}.hb-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--shell-header-h);padding:max(var(--safe-top), var(--space-2)) max(var(--safe-right), var(--space-4)) var(--space-2) max(var(--safe-left), var(--space-4));border-bottom:1px solid var(--border-subtle);background:var(--surface-app);min-width:0;z-index:var(--z-sticky);flex:none;display:flex}.hb-topbar-location,.hb-topbar-actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.hb-topbar-location{flex:1;overflow:hidden}.hb-topbar-actions{flex:none}.hb-palette-trigger{align-items:center;gap:var(--space-2);min-block-size:var(--control-h);padding-inline:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--content-muted);font:var(--font-caption);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:flex}@media (hover:hover) and (pointer:fine){.hb-palette-trigger:hover{border-color:var(--border-default);color:var(--content-default)}}.hb-user-menu-trigger{min-inline-size:var(--control-h);min-block-size:var(--control-h);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0}.hb-user-menu-item{min-block-size:var(--control-h);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0}.hb-user-menu-trigger:focus-visible,.hb-user-menu-item:focus-visible{background:var(--surface-hover,var(--surface-sunken));box-shadow:var(--ring-focus);outline:none}.hb-user-menu-trigger:active:not(:disabled),.hb-user-menu-item:active:not(:disabled){transform:translateY(var(--space-px)) scale(.98)}@media (hover:hover) and (pointer:fine){.hb-user-menu-trigger:hover,.hb-user-menu-item:hover:not(:disabled){background:var(--surface-hover,var(--surface-sunken))}}@media (any-pointer:coarse){.hb-user-menu-trigger{min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min)}.hb-user-menu-item{min-block-size:var(--touch-target-min)}}svg.lucide{flex-shrink:0}
