:root{font-family:Arial,sans-serif;color:#24423a;background:#f3f8f4}body{margin:0}.offline-panel{max-width:920px;padding:24px;margin:24px auto;background:#fff;border:1px solid #c5dccc;border-radius:18px}.offline-panel h1{font-size:1.8rem;margin:10px 0}.offline-panel p{line-height:1.6}.offline-panel label{display:flex;gap:10px;margin:15px 0;align-items:start}.offline-panel label.stack{flex-direction:column}.offline-panel select,.offline-panel input:not([type=checkbox]){padding:11px;border:1px solid #a7c4b4;border-radius:8px;max-width:100%;min-width:180px}.offline-panel button,.offline-panel .action{display:inline-block;background:#24664f;color:#fff;border:0;border-radius:8px;padding:12px 15px;font-weight:bold;cursor:pointer;text-decoration:none;margin:5px 8px 5px 0}.offline-panel button:disabled{opacity:.5;cursor:not-allowed}.offline-status{padding:12px;background:#e8f4ec;border-radius:8px;line-height:1.5;overflow-wrap:anywhere}.offline-warning{background:#fff1ce}.offline-books{max-height:240px;overflow:auto;border:1px solid #dae6dc;padding:12px}.offline-tools{border-top:1px solid #d4e4d8;margin-top:18px;padding-top:14px}.offline-queue li{padding:12px;border-bottom:1px solid #d4e4d8;overflow-wrap:anywhere}.offline-note{font-size:.92rem;color:#526b60}.offline-app-host{border-top:2px solid #c6dccd;margin-top:20px}.offline-app-host .app{min-height:80vh}.offline-app-host .welcome-nav{position:relative}body.offline-reading #setup{display:none}body.offline-reading .offline-panel{max-width:none;border-radius:0;margin:0;padding:14px 24px}.offline-panel details{margin:16px 0}.offline-panel summary{font-weight:bold;cursor:pointer}.offline-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}@media(max-width:650px){.offline-panel{padding:18px;margin:10px}.offline-grid{grid-template-columns:1fr}}
.offline-panel [hidden]{display:none!important}