.hub-notifications{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:10000;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.hub-notification{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 10px 32px #0000001a;pointer-events:auto;font-size:13px;line-height:1.5}
.hub-notification-content{flex:1;min-width:0;overflow-wrap:anywhere}
.hub-notification-content progress{display:block;width:100%;height:4px;margin-top:10px;accent-color:var(--accent)}
.hub-notification[data-error=true]{border-color:color-mix(in srgb,#c34444 45%,var(--line))}
body .hub-notification-close{display:grid;place-items:center;flex:none;width:26px;height:26px;min-width:26px;min-height:26px;padding:5px;margin:-4px -4px 0 0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;box-shadow:none;transform:none}
body .hub-notification-close:hover{background:var(--hover);color:var(--text)}
.hub-notification-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.hub-notification-close:focus-visible{outline:1px solid var(--muted);outline-offset:2px}