body:has(.offline-page) .offline-banner{display:none}body:has(.offline-page) .shell .shell__main{padding-top:0}.offline{background:var(--surface);min-height:100vh;margin:-16px 0 -40px;padding-top:16px}.offline__banner{color:#fff;background:#13181f;border-radius:14px;align-items:center;gap:10px;margin:0 16px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.offline__body{flex-direction:column;flex:1;gap:10px;padding:16px 16px 0;display:flex}.offline__body h1{margin:0 4px 2px;font-size:20px;line-height:1.3}.offline__group{letter-spacing:1.4px;text-transform:uppercase;color:#8a8f9c;align-items:center;gap:8px;margin:4px 4px 0;font-size:12px;font-weight:800;line-height:1.35;display:flex}.offline__group i{background:var(--border);flex:1;height:1px}.offline__group.is-ready{color:var(--link)}.offline__group.is-ready i{background:#e3efd2}.offline__row{background:var(--surface);border:2px solid var(--border);min-height:88px;box-shadow:0 4px 0 var(--opt-depth);color:var(--text);border-radius:18px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.offline__row.is-need{background:var(--surface-2);border:1.5px dashed var(--border-strong);min-height:71px;box-shadow:none;opacity:.75;padding:8px 12px}.offline__row.is-empty{color:var(--text-3);font-size:13px}.offline__tile{background:var(--border);color:#8a8f9c;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.offline__tile.is-book{background:var(--brand-lighter);width:44px;height:44px;color:var(--link)}.offline__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.offline__text strong{font-size:15px;font-weight:800;line-height:1.25}.offline__text span{color:var(--text-3);font-size:12.5px}.offline__end{color:#fff;background:#13181f;border-radius:100px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:800}.offline__end.is-pct{background:var(--brand-lighter);color:var(--link-deep)}.offline__end.is-need{background:var(--border);color:var(--text-3)}.offline__note{background:var(--tint-gold);color:var(--text-2);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.offline__note img{flex-shrink:0}.offline__cta{background:var(--surface);gap:12px;padding:12px 20px 40px;display:flex;position:sticky;bottom:0}.offline__retry{border:2px solid var(--border-strong);background:var(--surface);height:60px;font:inherit;color:var(--text);box-shadow:0 4px 0 var(--sec-depth);cursor:pointer;border-radius:100px;flex:none;padding:0 20px;font-size:16px;font-weight:800}.offline__go{color:#fff;background:#30343d;border-radius:100px;flex:1 1 0;justify-content:center;align-items:center;height:60px;font-size:17px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 4px #8e94a1,inset 0 1.5px #ffffff24}.offline__go[aria-disabled=true]{opacity:.5;cursor:not-allowed}
