.hub .hub-path{letter-spacing:-.04em;color:var(--bay-accent-text,var(--hm-fg));font-size:clamp(2.4rem,6.5vw,5rem);font-weight:700;line-height:1}.hub .hub-path-empty{color:var(--hm-muted)}.hub a.hub-bay:focus-visible{outline:2px solid var(--bay-accent);outline-offset:2px}.hub .hub-chip{border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-muted);border-radius:9999px}.hub .hub-stamp{background:var(--hm-surface);-webkit-backdrop-filter:blur(var(--hm-blur));backdrop-filter:blur(var(--hm-blur));border-radius:9999px}.hub .hub-stamp-open{border:1px solid color-mix(in srgb, var(--bay-accent) 45%, transparent);color:var(--bay-accent-text)}.hub .hub-stamp-planned{border:1px dashed var(--hm-border);color:var(--hm-muted)}.hub .hub-stamp-empty{color:var(--hm-muted);border:1px dashed #ffffff59}.hub .hub-bay-empty{border-radius:var(--hm-radius);border:2px dashed #ffffff40;transition:background-color .25s,border-color .25s}.hub a.hub-bay-empty:hover{background:var(--hm-surface);border-color:#ffffff73}.hub a.hub-bay-empty:focus-visible{outline:2px solid var(--hm-fg);outline-offset:4px}.hub .hub-panel{aspect-ratio:4/3;border:1px solid var(--hm-border);border-radius:calc(var(--hm-radius) - .25rem);background:#ffffff05;flex-direction:column;max-width:360px;display:flex;overflow:hidden}.hub .hub-panel-top{border-bottom:1px solid var(--hm-border);align-items:center;gap:8px;padding:10px 12px;display:flex}.hub .hub-panel-dot{background:var(--bay-accent);border-radius:50%;width:7px;height:7px}.hub .hub-panel-titlebar{background:#ffffff14;border-radius:9999px;width:38%;height:6px}.hub .hub-panel-body{flex:1;grid-template-columns:52px 1fr;min-height:0;display:grid}.hub .hub-panel-side{border-right:1px solid var(--hm-border);flex-direction:column;gap:10px;padding:12px 10px;display:flex}.hub .hub-side-item{background:#ffffff14;border-radius:9999px;height:6px}.hub .hub-side-item:first-child{background:var(--bay-accent)}.hub .hub-panel-main{flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.hub .hub-panel-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hub .hub-widget{border-radius:4px}.hub .hub-widget-kpi{height:30px}.hub .hub-widget-chart{flex:1;align-items:flex-end;gap:6px;min-height:0;padding:10px;display:flex}.hub .hub-bar{border-radius:2px 2px 0 0;flex:1}.hub .hub-panel-rows{flex-direction:column;gap:6px;display:flex}.hub .hub-widget-row{height:10px}.hub .hub-widget{background:color-mix(in srgb, var(--bay-accent) 16%, #ffffff0a)}.hub .hub-bar{background:color-mix(in srgb, var(--bay-accent) 55%, #ffffff1a)}@media (prefers-reduced-motion:no-preference){.hub .hub-widget,.hub .hub-bar,.hub .hub-side-item,.hub .hub-panel-dot{transition:background-color .55s;transition-delay:calc(var(--bay-index,0) * .2s + var(--w,0) * 80ms)}.hub .hub-panel:not(.is-booted) .hub-widget{background:#ffffff0d;transition-delay:0s}.hub .hub-panel:not(.is-booted) .hub-bar{background:#ffffff1a;transition-delay:0s}.hub .hub-panel:not(.is-booted) .hub-side-item,.hub .hub-panel:not(.is-booted) .hub-side-item:first-child{background:#ffffff14;transition-delay:0s}.hub .hub-panel:not(.is-booted) .hub-panel-dot{background:#ffffff26;transition-delay:0s}}
