.pwa-controls{margin:20px 16px;padding:18px;border:1px solid #ebdfd5;border-radius:18px;background:#fffaf5;color:#4a3b31;text-align:left;line-height:1.5}.pwa-controls h2{font-size:16px;font-weight:650;margin:0 0 6px;letter-spacing:-.3px}.pwa-controls p{font-size:13px;color:#76695f;margin:0 0 12px}.pwa-actions{display:flex;gap:8px;flex-wrap:wrap}.pwa-actions button{min-height:42px;padding:10px 14px;background:#fff;border:1px solid #e6d5c5;border-radius:30px;font-size:12px;font-weight:600;cursor:pointer;color:#9d5d34}.pwa-actions button:disabled{opacity:.55;cursor:wait}.pwa-controls .pwa-status{font-size:11px;margin:12px 0 0}.pwa-controls [hidden]{display:none!important}.offline-page{margin:0;min-height:100dvh;background:#f8f3f0;color:#3b302a;font-family:system-ui,sans-serif;display:grid;place-items:center;padding:24px;box-sizing:border-box}.offline-page main{max-width:340px;text-align:center}.offline-mark{margin:0 auto 28px;width:76px;height:76px;border-radius:24px;background:#d97d48;color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:30px}.offline-page h1{font-size:27px;letter-spacing:-1px}.offline-page p{font-size:15px;line-height:1.6;color:#8b7a6d}.offline-page a{display:block;border-radius:50px;background:#e69460;color:#342a23;text-decoration:none;padding:14px;margin:25px auto;font-weight:600}.offline-page small{color:#9f9084}