.dyn{font-family:var(--font-ui);-webkit-user-select:none;user-select:none;flex:none;position:relative}.dyn-pill{z-index:35;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#17181a;border:0;padding:0;display:block;position:absolute;top:0;overflow:hidden}[data-theme=dark] .dyn-pill{background:#262626}.dyn[data-align=right] .dyn-pill{right:0}.dyn[data-align=left] .dyn-pill{left:0}.dyn[data-align=center] .dyn-pill{left:50%;translate:-50%}.dyn-compact,.dyn-open{display:flex;position:absolute;inset:0}.dyn-compact{white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 12px}.dyn-open{text-align:left;flex-direction:column;width:300px;padding:10px 14px}.dyn-num{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.dyn-led{background:#ffffff4d;border-radius:999px;flex:none;width:8px;height:8px}.dyn-led[data-state=on]{background:#f2ae3e}.dyn-led[data-state=clash]{background:#ef7ca2}.dyn-row{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.dyn-tile{background:#ffffff1a;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.dyn-who{flex-direction:column;min-width:0;line-height:17px;display:flex}.dyn-who b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.dyn-who span{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.dyn-who span[data-clash]{color:#ef7ca2}.dyn-more,.dyn-empty{color:#fff9;font-size:12.5px;line-height:24px}.dyn-empty{white-space:nowrap;align-self:center;margin:auto 0}

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}