#ch-connection-status [hidden],#ch-connection-status[hidden],#ch-offline-save[hidden]{display:none!important}#ch-connection-status{position:fixed;z-index:12000;inset-inline:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:620px;margin-inline:auto;padding:12px 14px;border:1px solid #eab308;border-radius:16px;background:#fefce8;color:#713f12;box-shadow:0 6px 25px #0002;font:14px/1.5 system-ui,sans-serif}#ch-connection-status[data-state=online]{background:#f0fdf4;color:#14532d;border-color:#86efac}#ch-connection-status>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}#ch-connection-status button,#ch-connection-status a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:7px 12px;border-radius:10px;background:transparent;border:1px solid currentColor;color:inherit;text-decoration:none;font:inherit;cursor:pointer}html[data-ch-offline-ui] #offline-banner{display:none!important}#ch-offline-save{position:fixed;z-index:11000;inset-inline:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:550px;margin-inline:auto;padding:9px 12px;border-radius:12px;background:var(--surface-solid,#fff);color:var(--text-primary,#172033);border:1px solid var(--border-color,#e2e8f0);font:13px/1.4 system-ui}
body[data-offline-viewer]{margin:0;background:#f8fafc;color:#172033;font:16px/1.55 system-ui,-apple-system,sans-serif;--surface-solid:#fff;--text-primary:#172033;--border-color:#e2e8f0}body[data-offline-viewer] *{box-sizing:border-box}.offline-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px;background:var(--surface-solid);border-bottom:1px solid var(--border-color)}.offline-header b{font-size:21px;color:#0891b2}.offline-header span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#offline-main{max-width:700px;margin:auto;padding:20px 14px calc(220px + env(safe-area-inset-bottom,0px))}#offline-title{font-size:23px;margin:0 0 6px}#offline-description,#offline-updated{font-size:13px;opacity:.75}#offline-content{display:grid;gap:14px}.offline-card,.offline-message{padding:16px;border:1px solid var(--border-color);border-radius:18px;background:var(--surface-solid);overflow:hidden}.offline-card p,.offline-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.offline-card time,.offline-message time{font-size:12px;opacity:.65}.offline-card img,.offline-card video,.offline-message img,.offline-message video{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:12px;margin-top:10px;background:#0f172a}.offline-message audio{max-width:100%;margin-top:10px}.offline-message.mine{border-inline-start:3px solid #0891b2}.offline-missing{font-size:13px;padding:14px;border:1px dashed var(--border-color);border-radius:12px;opacity:.75}.offline-tabs{position:fixed;bottom:0;inset-inline:0;z-index:20;display:flex;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);background:var(--surface-solid)}.offline-tabs button{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:inherit;font:600 13px system-ui;border-radius:12px}.offline-tabs button[aria-current=page]{background:#0891b218;color:#0891b2}body[data-offline-viewer] button{cursor:pointer}.offline-action,.offline-thread{min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-solid);color:inherit;font:inherit;text-align:start}.offline-thread{display:grid;width:100%;gap:4px}.offline-thread small{opacity:.65}.offline-empty{padding:22px;border:1px dashed var(--border-color);border-radius:18px}.offline-limit{font-size:13px;opacity:.75}@media(prefers-color-scheme:dark){body[data-offline-viewer]{background:#0f172a;color:#f1f5f9;--surface-solid:#182235;--text-primary:#f1f5f9;--border-color:#334155}}