.offline-button-mobile{display:none}
.offline-card{display:grid;gap:10px;padding:16px;margin:0 0 22px;border:1px solid #deded4;border-left:3px solid #fedb03;border-radius:6px;background:#fffdf2}
.offline-card>b{font-size:12px}.offline-card button{font-size:11px;text-align:left;min-height:42px;background:#fedb03;border-color:#e5c500}
#connection-state{font-size:9px;line-height:1.5;letter-spacing:.45px;color:#68685f}
#connection-state.is-ready{color:#665000}#connection-state.is-offline{color:#915400}
#offline-dialog{width:min(620px,calc(100% - 24px));max-width:620px;max-height:calc(100dvh - 30px);overflow:auto;color:#242727;padding:30px}
#offline-dialog h2{font-size:27px;margin:12px 0}#offline-dialog h3{font-size:15px;margin:0 0 14px}
#offline-dialog p{font-size:12px;line-height:1.7}#offline-dialog button{min-height:42px;font-size:12px}
#offline-dialog .close{min-height:36px;padding:3px 9px;font-size:24px}
.offline-step{border-top:1px solid #deded4;padding-top:21px;margin-top:22px}
#install-help{border-radius:6px;padding:1px 12px;margin-top:14px;background:#f1f1e9;transition:background .2s}
#install-help.installation-highlight{background:#fff1a7}
#offline-state{font-weight:700;margin-bottom:5px}#offline-state.ready{color:#665000}
#offline-details,#storage-state,#offline-size{color:#68685f}#offline-dialog #storage-state,#offline-dialog .offline-note{font-size:10px}
#offline-progress{display:block;width:100%;height:12px;margin-top:18px;accent-color:#c3a000}#offline-progress[hidden]{display:none}
.offline-secondary{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.offline-note{padding-top:10px;border-top:1px solid #deded4}
@media(max-width:700px){.offline-button-label{display:none}.offline-button-mobile{display:inline}header .header-actions{flex-shrink:0;flex-direction:column;align-items:stretch;gap:4px}header .header-actions button{min-height:30px;padding:6px 8px}#offline-dialog{padding:25px 20px}#offline-dialog h2{font-size:24px}.offline-secondary button{flex:1}}
@media(max-width:360px){header .partner-brands{gap:6px}.partner-brand{width:86px}.partner-brand .brand-image{width:86px}.partner-brand .brand-image img{width:106px;left:-10px;top:-17px}.header-actions button{padding:8px 6px}}