.qh-connection{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);max-width:760px;margin:16px auto 0;padding:12px 16px;border:1px solid #FECACA;border-radius:12px;background:#fef2f2;color:#b91c1c;font-family:var(--sans);line-height:1.6}.qh-connection[hidden]{display:none}.qh-status-icon{width:20px;height:20px;flex:none;align-self:flex-start;margin-top:2px}.qh-connection-copy{flex:1;min-width:0}.qh-connection-copy strong{display:block;font-size:var(--t-ctl,14px);font-weight:500}.qh-connection-copy p{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}.qh-connection button:not(:is(.btn,.qb-btn,.xmf-button)){flex:none;min-width:44px;min-height:44px;border:0;cursor:pointer}.qh-retry-label{display:grid}.qh-retry-label>span{grid-area:1/1}.qh-retry-label>.qh-retry-size{visibility:hidden}.qh-connection[data-state=recovering]{background:#fff1e6;border-color:#ffd3b0;color:#9a3412}.qh-connection[data-state=recovering] .qh-status-icon{animation:qh-status-spin .8s linear infinite}.qh-connection button:disabled:not(:is(.btn,.qb-btn,.xmf-button)){opacity:.6;cursor:wait}.qh-notifications{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:999;display:grid;gap:12px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.qh-toast{display:flex;align-items:center;gap:12px;max-width:560px;padding:12px 16px;border:1px solid #B9E4CB;border-radius:12px;background:#e9f7ef;color:#13763e;font-family:var(--sans);font-size:var(--t-ctl,14px);line-height:1.6;box-shadow:0 8px 24px #1f243018;pointer-events:auto}.qh-toast[data-kind=error]{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.qh-toast-message{min-width:0;overflow-wrap:anywhere;flex:1}.qh-toast button:not(:is(.btn,.qb-btn,.xmf-button)){flex:none;min-width:44px;min-height:44px;font:inherit;cursor:pointer}.qh-toast-close{border:0;background:transparent;color:inherit;border-radius:999px;font-size:20px!important}.qh-toast :is(button,a):focus-visible{outline:2px solid #C2410C;outline-offset:3px}.qh-err{display:none;margin-top:8px;padding:10px 12px;border:1px solid #FECACA;border-radius:12px;font-size:13px;line-height:1.6;background:#fef2f2;color:#b91c1c;overflow-wrap:anywhere}.qh-err.on{display:block}.qh-err:before,#home-status[data-error=true]:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-2px}.qh-modal input.bad{border-color:#b91c1c}@keyframes qh-status-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.qh-connection{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;padding:12px;gap:8px 12px}.qh-connection>button{grid-column:2;justify-self:start}.qh-toast{flex-wrap:wrap;gap:8px}.qh-toast-message{flex-basis:calc(100% - 32px)}.qh-toast .btn{margin-left:32px}.qh-toast-close{margin-left:auto}}@media(prefers-reduced-motion:reduce){.qh-connection[data-state=recovering] .qh-status-icon{animation:none}}