.offline-status{position:fixed;right:18px;bottom:14px;z-index:45;max-width:min(440px,calc(100vw - 32px));display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 14px;border:1px solid #d4ded9;border-radius:12px;background:#fbfdfb;color:#36594b;box-shadow:0 5px 20px #182b2014;font-size:12px}.offline-status>span{display:flex;align-items:center;gap:8px}.offline-status.waiting{border-color:#bbaa84;background:#fffaf0;color:#685127}.offline-status button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-weight:600}.offline-status small{flex-basis:100%;font-size:11px}.offline-dialog{width:min(640px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid #ddd9d1;border-radius:18px;padding:24px;color:#292e2c;background:#fffdf8}.offline-dialog::backdrop{background:#14201dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.offline-dialog header{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.offline-dialog header span{font-size:10px;letter-spacing:.15em}.offline-dialog h2{font-size:24px;margin:8px 0 0}.offline-dialog section p,.offline-dialog>p{font-size:13px;line-height:1.6}.offline-dialog section{border-top:1px solid #dedbd2;padding:18px 0}.offline-dialog h3{font-size:15px;margin:0 0 5px}.offline-dialog small{color:#746d5f}.offline-dialog summary{cursor:pointer;font-size:13px;padding:10px 0}.offline-change{display:grid;gap:6px;padding:12px;background:#f5f3ed;border-radius:8px;margin:8px 0}.offline-change span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#736c5f}.offline-change pre{font:12px/1.5 inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}.offline-actions,.offline-dialog footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:15px}@media(max-width:760px){.offline-status{right:12px;bottom:76px;max-width:calc(100vw - 24px)}.offline-dialog{padding:18px}.offline-dialog h2{font-size:21px}}