.offline-kit-card{background:linear-gradient(155deg,#15352b,#0b251d 63%,#142d23);color:#f7f4e9;border:1px solid #8caf80;box-shadow:0 18px 38px #10251a29;scroll-margin-top:90px}
.offline-kit-card .eyebrow{color:#bbdb91}.offline-kit-card h2{color:#fff8e7;margin-top:4px}.offline-kit-card p{color:#e6ecdf}.offline-kit-card .muted{font-size:13px;color:#c7d7c8;line-height:1.45}
.offline-state{margin:18px 0 6px;padding:12px 13px;background:#e9f3d9;color:#183223;border-radius:10px;font-weight:800;line-height:1.35}
.offline-progress{height:9px;border-radius:20px;background:#5f776c;overflow:hidden}.offline-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8edb92,#e6d26b);transition:width .3s}
.offline-count{min-height:20px;margin:8px 0 14px!important;color:#d4e7d2!important;font-size:12px;font-variant-numeric:tabular-nums}.offline-actions{display:flex;gap:8px;flex-wrap:wrap}.offline-actions button{min-height:44px;flex:1}.offline-kit-card .offline-actions .secondary{background:#eaf1e2!important;color:#173826!important;border:1px solid #c2d7bd;font-weight:850}.offline-kit-card #persist{margin-top:8px;background:transparent;border:1px solid #94b296;color:#f5f9ee}
#offline-map-open{position:absolute;z-index:625;left:18px;bottom:19px;background:#173c2ce8;color:#fff5d8;border:1px solid #cfdebc;border-radius:24px;padding:9px 13px;font-size:12px;font-weight:850;box-shadow:0 4px 16px #07140c88;backdrop-filter:blur(8px)}
#offline-today-open{display:none}
body.story-immersive #offline-map-open{left:auto;right:350px;top:22px;bottom:auto}body.story-immersive #story-full-shortcut{right:472px}
@media(max-width:800px){#offline-map-open{left:auto;right:74px;bottom:114px;padding:8px 11px}body.story-immersive #offline-map-open{left:auto;right:74px;top:auto;bottom:114px}.offline-kit-card{scroll-margin-top:124px}.offline-actions{display:grid;grid-template-columns:1fr 1fr}.offline-actions button{font-size:13px}#offline-today-open{display:block;width:calc(100% - 32px);margin:12px 16px 0;min-height:44px;border:1px solid #c9a569;border-radius:10px;background:#173c2c;color:#fff6df;font-size:13px;font-weight:850;box-shadow:0 4px 14px #122b2040}}