#offline-status{position:fixed;left:20px;bottom:20px;z-index:1500;max-width:min(640px,calc(100vw - 40px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1E1F1B;color:#fff;border-radius:10px;box-shadow:0 5px 20px #0002;font-size:13px;line-height:18px}
#offline-status>.ui-icon{color:#fff;flex:none}#offline-status>span{min-width:0;overflow-wrap:anywhere}#offline-status small{display:block;color:#CACBC6;font-size:11px}#offline-status button{background:transparent;border:0;color:#fff;padding:4px;white-space:nowrap;flex:none}
.offline-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:20px;border:1px solid var(--linka);border-radius:14px;color:var(--inkoust);background:#fff;overflow:auto}.offline-dialog::backdrop{background:#0004}.offline-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.offline-dialog h2{margin:0}.offline-dialog article{border-top:1px solid var(--linka);padding:14px 0;overflow-wrap:anywhere}.offline-dialog h3{margin:0 0 5px}.offline-dialog p,.offline-dialog small{font-size:12px;line-height:18px}.offline-dialog small{color:var(--text-3)}.offline-dialog .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.offline-dialog summary{cursor:pointer}.offline-dialog dd{margin:0 0 10px;white-space:pre-wrap;max-height:200px;overflow:auto}.offline-dialog dt{font-weight:600;font-size:12px}.offline-dialog .danger{color:#B42318}
@media(max-width:600px){#offline-status{left:12px;bottom:12px;max-width:calc(100vw - 24px);gap:8px;flex-wrap:wrap}#offline-status>span{flex:1 1 220px}.offline-dialog{padding:16px}}