.stb{--stb-c1:color-mix(in srgb, var(--fill-on,#17181a) 100%, var(--fill-slab,#fff));--stb-c2:color-mix(in srgb, var(--fill-on,#17181a) 78%, var(--fill-slab,#fff));--stb-c3:color-mix(in srgb, var(--fill-on,#17181a) 60%, var(--fill-slab,#fff));--stb-c4:color-mix(in srgb, var(--fill-on,#17181a) 44%, var(--fill-slab,#fff));--stb-c5:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));--stb-c6:color-mix(in srgb, var(--fill-on,#17181a) 22%, var(--fill-slab,#fff));--stb-alert:var(--err);--stb-soft:color-mix(in srgb, var(--fill-on,#17181a) 72%, var(--fill-slab,#fff));--stb-mute:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));--stb-faint:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));--stb-w6:color-mix(in srgb, var(--fill-on,#17181a) 6%, transparent);--stb-w12:color-mix(in srgb, var(--fill-on,#17181a) 12%, transparent);box-sizing:border-box;background:var(--fill-slab,#fff);width:100%;color:var(--fill-on,#17181a);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;gap:16px;padding:16px;font-size:13px;display:flex;position:relative}[data-stroke=on] .stb{box-shadow:0 0 0 1px var(--pane-edge)}.stb-head{align-items:center;gap:12px;display:flex}.stb-titles{flex:1;min-width:0}.stb-title{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:18px}.stb-sub{color:var(--stb-mute);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.stb-seg-ctl{background:var(--stb-w6);border-radius:10px;grid-template-columns:1fr 1fr;padding:2px;display:grid;position:relative}.stb-thumb{background:var(--fill-slab,#fff);border-radius:8px;width:calc(50% - 2px);transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;bottom:2px;left:2px}.stb-seg-ctl[data-mode=Week] .stb-thumb{transform:translate(100%)}.stb-tab{appearance:none;height:28px;font:inherit;color:var(--stb-mute);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:500;transition:color .16s,scale .16s cubic-bezier(.22,1,.36,1);position:relative}.stb-tab[data-on]{color:var(--fill-on,#17181a)}.stb-tab:hover:not([data-on]){color:var(--stb-soft)}.stb-tab:active{scale:.96}.stb-tab:focus-visible{outline-offset:0;outline:2px solid #2231dd}.stb-figure{align-items:baseline;gap:8px;margin-bottom:-4px;display:flex}.stb-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:32px}.stb-unit{color:var(--stb-mute);font-size:13px}.stb-digit{display:inline-block}.stb-digit[data-pop]{animation:.5s cubic-bezier(.34,1.45,.64,1) both stb-pop;animation-delay:calc(var(--i,0) * 70ms)}@media (prefers-reduced-motion:reduce){.stb-digit[data-pop]{animation:none}}.stb-plot{touch-action:none;cursor:crosshair;width:100%;position:relative}.stb-base{background:var(--stb-w12);height:1px;position:absolute;left:0;right:0}.stb-col{position:absolute;top:0;bottom:0}.stb-bar,.stb-esc{border-radius:var(--stb-r);transition:height .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 14ms), bottom .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 14ms), background-color .16s ease;position:absolute;left:0;right:0}.stb-bar{background-color:var(--c)}.stb-esc{background-color:var(--stb-alert)}.stb[data-colour=off] .stb-esc{background-image:repeating-linear-gradient(-45deg, transparent 0 1.5px, var(--fill-slab,#fff) 1.5px 3px)}.stb[data-scrub] .stb-col:not([data-on]) .stb-bar{background-color:color-mix(in srgb, var(--c) 38%, var(--fill-slab,#fff))}.stb[data-scrub] .stb-col:not([data-on]) .stb-esc{background-color:color-mix(in srgb, var(--stb-alert) 38%, var(--fill-slab,#fff))}.stb-ring{box-sizing:border-box;border:1.5px solid var(--stb-mute);border-radius:var(--stb-rr);pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;top:0;left:0}.stb[data-scrub] .stb-ring{opacity:1}.stb-tip{box-sizing:border-box;background:var(--fill-slab,#fff);border:1px solid color-mix(in srgb, var(--fill-on,#17181a) 10%, var(--fill-slab,#fff));pointer-events:none;opacity:0;border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;line-height:16px;transition:opacity .16s;display:flex;position:absolute;top:0;left:0}.stb[data-scrub] .stb-tip{opacity:1}.stb-tip-head,.stb-tip-row{white-space:nowrap;align-items:center;gap:6px;display:flex}.stb-tip-head{color:var(--stb-mute);justify-content:space-between;margin-bottom:2px}.stb-tip b{font-variant-numeric:tabular-nums;color:var(--fill-on,#17181a);font-weight:500}.stb-tip-row span{color:var(--stb-soft);flex:1}.stb-tip-row b{font-weight:400}.stb-tip-row i{background-color:var(--c);border-radius:2px;flex:none;width:8px;height:8px}.stb-tip-row[data-esc] i{background-color:var(--stb-alert)}.stb[data-colour=off] .stb-tip-row[data-esc] i{background-image:repeating-linear-gradient(-45deg, transparent 0 1.5px, var(--fill-slab,#fff) 1.5px 3px)}.stb-axis{color:var(--stb-faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;font-size:11px;line-height:14px;display:flex}@keyframes stb-pop{0%{opacity:0;filter:blur(2px);transform:translateY(.18em)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.stb *{transition:none;animation:none}}

body:not(:has(nav[aria-label="Main"]))::after{content:"Static preview of Hebra with demo data. Sign-in and actions need a running server.";position:fixed;inset:auto 0 0 0;z-index:100;padding:6px 12px;font:12px/1.4 system-ui,sans-serif;text-align:center;background:#0b0c0e;color:#aeb4bd;border-top:1px solid #2a2d33;pointer-events:none}