.sp-host{display:flex;flex-direction:column;gap:var(--sp-5);min-height:0}
.sp-lead{color:var(--text-secondary);font-size:var(--fs-sm)}
.sp-list{display:flex;flex-direction:column;gap:var(--sp-4);max-height:55vh;overflow-y:auto;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}
.sp-msg{max-width:85%;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.sp-msg.me{align-self:flex-end;background:var(--accent-soft);border-color:transparent}
.sp-msg.them{align-self:flex-start}
.sp-who{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-2)}
.sp-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.sp-state{color:var(--text-secondary);font-size:var(--fs-sm)}
.sp-state:empty{display:none}
.sp-compose{display:flex;gap:var(--sp-4);align-items:flex-end}
.sp-compose textarea{flex:1;min-width:0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--text);font:inherit;resize:vertical}
.sp-send{padding:var(--sp-4) var(--sp-7);border:0;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}
.sp-send:disabled{opacity:.6;cursor:default}

.m-support{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--bg);padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px)}
.m-support-head{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}
.m-support-x{border:0;background:none;color:var(--text);font-size:var(--fs-lg);padding:var(--sp-2)}
.m-support-body{flex:1;min-height:0;display:flex;padding:var(--sp-6)}
.m-support-body .sp-host{flex:1}
.m-support-body .sp-list{max-height:none;flex:1}
.sp-badge{margin-left:auto;min-width:1.4em;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);text-align:center}
.life-bar.life-fixed{position:fixed;left:0;right:0;top:0;z-index:var(--z-toast);padding-top:calc(var(--sp-4) + env(safe-area-inset-top, 0px))}
