#release-diagnostics-panel{position:fixed;z-index:100000;right:12px;bottom:84px;width:min(360px,calc(100vw - 24px));max-height:65vh;overflow:auto;background:#071316;color:#f6f2e9;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.45);font:14px/1.35 system-ui,sans-serif}
#release-diagnostics-panel[hidden]{display:none}
#release-diagnostics-panel header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#102326;border-bottom:1px solid rgba(255,255,255,.12)}
#release-diagnostics-panel button{border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}
.release-diagnostics-body{padding:8px 14px 14px}.release-diagnostics-body>div{display:grid;grid-template-columns:42% 58%;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.release-diagnostics-body span{opacity:.72}.release-diagnostics-body strong{overflow-wrap:anywhere}
html.is-offline::after{content:'Offline — cloud features will reconnect automatically';position:fixed;z-index:99998;left:50%;bottom:76px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);padding:9px 13px;border-radius:999px;background:#071316;color:#fff;font:600 13px/1.2 system-ui,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.3)}