.offline-box{box-sizing:border-box;width:min(100%,820px);margin:24px auto;padding:18px;border:1px solid var(--line,#d3bfa2);border-radius:14px;background:var(--paper,#fff7ea);color:var(--ink,#3d2417);font:15px/1.5 Arial,sans-serif;text-align:left}
.offline-box p{margin:8px 0}.offline-box button{min-height:44px;padding:10px 14px;margin:4px 8px 4px 0;border:2px solid #7b4426;border-radius:8px;background:#7b4426;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer}.offline-box button:focus-visible{outline:3px solid #e89336;outline-offset:3px}.offline-box button:disabled{opacity:.65;cursor:wait}.offline-box button[hidden]{display:none}.offline-box .offline-remove{background:transparent;color:inherit}
[data-theme="night"] .offline-box{background:#19212b;color:#f5e2c4;border-color:#5b4c3b}