:root{color-scheme:light;font:15px/1.6 system-ui,-apple-system,sans-serif;color:#17353d;background:#f3f7f6}*{box-sizing:border-box}body{margin:0}a{color:#087b75;text-underline-offset:4px}.offline-wrap{max-width:860px;margin:auto;padding:36px 22px 90px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#087b75;font-weight:750}h1{font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-1px;margin:10px 0 15px}p{color:#5b737b}h2{font-size:20px;margin:0 0 10px}.offline-card{background:white;border:1px solid #d6e4de;border-radius:16px;padding:24px;margin:22px 0}.offline-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.offline-card label{display:block;font-size:13px;font-weight:650;margin:12px 0 6px}.offline-card input{width:100%;border:1px solid #b9d0c8;padding:12px;border-radius:9px;font:inherit;background:white;color:#17353d}.offline-card input:focus{outline:2px solid #0ca394;outline-offset:2px}button,.offline-btn{display:inline-block;border:0;border-radius:9px;padding:12px 18px;font:650 14px system-ui;background:#087e76;color:white;cursor:pointer;text-decoration:none}button.secondary{background:#e7f1ed;color:#145b50}.offline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button:disabled{opacity:.5;cursor:default}.offline-small{font-size:12px;color:#667e83}.offline-status{border-left:3px solid #087e76;background:#e8f3ed;padding:14px;border-radius:5px;white-space:pre-line}.offline-status.error{border-color:#a23b45;background:#fff0f1;color:#7f2833}.offline-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.offline-links a{display:block;background:white;padding:20px;border:1px solid #cde2d9;border-radius:12px;font-weight:650;text-decoration:none}.offline-back{display:flex;justify-content:space-between;gap:15px;align-items:center}.offline-info{font-variant-numeric:tabular-nums;font-size:12px}.offline-banner{position:sticky;top:0;z-index:2147483000;display:flex;justify-content:space-between;gap:10px;background:#e2f2e9;border-bottom:1px solid #a9cbbb;padding:8px 14px;font:11px/1.5 system-ui;color:#164c3c}.offline-banner a{color:#075c4d}.offline-banner small{display:block}.offline-banner button{font-size:10px;padding:4px 8px}[hidden]{display:none!important}@media(max-width:600px){.offline-grid,.offline-links{grid-template-columns:1fr}.offline-card{padding:20px}.offline-wrap{padding:24px 16px 70px}}@media print{.offline-banner,.offline-actions,.offline-back{display:none!important}}