.offline-page{display:block}.offline-snap{max-width:640px;margin:28px auto 0}.offline-snap-status{border:1px solid var(--rule-strong);background:var(--paper-2);border-radius:10px;padding:14px 16px;font-size:14px;color:var(--ink)}.offline-snap-status p{margin:4px 0 0;color:var(--ink-2)}.offline-snap-status.is-error{background:var(--bad-soft);border-color:var(--bad-edge);color:var(--bad-ink)}.offline-snap-status.is-error p{color:inherit}.offline-auto{display:inline-flex;align-items:center;gap:8px;font-size:12.5px!important;color:var(--ink-3)!important}.offline-pulse{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:offline-pulse 1.6s ease-in-out infinite}@keyframes offline-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.offline-pulse{animation:none}}@media(min-width:1000px){.offline-page{display:grid;grid-template-columns:minmax(340px,1fr) 2.2fr;gap:40px;align-items:start}.offline-page .offline-shell{margin:4vh 0 0;position:sticky;top:24px}.offline-page .offline-snap{max-width:none;margin:4vh 0 0}.offline-page .offline-snap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.offline-page .offline-snap-day{grid-column:1 / -1}}.offline-snap h2{font-size:16px;font-weight:600;color:var(--ink)}.offline-snap-meta,.offline-snap-pending{font-size:13px;color:var(--ink-2);margin:4px 0 10px}.offline-snap-pending{font-weight:600;color:var(--ink)}.offline-snap-miss{border:1px solid var(--rule-strong);background:var(--paper-2);border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:14px}.offline-drafts{margin-bottom:22px}.offline-drafts-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}.offline-draft{border:1px solid var(--rule);border-radius:10px;background:var(--paper);padding:10px 12px;font-size:14px}.offline-draft-ref{font-weight:600;color:var(--ink)}.offline-draft-sub,.offline-draft-age{font-size:13px;color:var(--ink-2)}.offline-draft-what{margin-top:2px;color:var(--ink)}.offline-draft-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.offline-draft-btn{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.offline-draft-btn.is-danger{color:var(--bad, #b42318);border-color:currentColor}.offline-draft-state{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--rule-strong);color:var(--ink-2)}.offline-draft-state.is-conflict{border-color:var(--warn, #b45309);color:var(--warn, #b45309)}.offline-draft-state.is-clean{border-color:var(--good, #4a9b6a);color:var(--good, #4a9b6a)}.offline-draft-cmp{margin-top:6px;font-size:13px}.offline-draft-cmp summary{cursor:pointer}.offline-draft-cmp ul{margin:4px 0 0;padding-left:18px;color:var(--ink-2)}.offline-draft-cmp .is-same{color:var(--ink-3)}.offline-drafts-empty{font-size:14px;color:var(--good, #4a9b6a);margin:6px 0 0}.offline-modal{position:fixed;inset:0;margin:auto;height:fit-content;width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:20px 22px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);color:var(--ink)}.offline-modal::backdrop{background:#00000073}.offline-modal h3{margin:0 0 8px;font-size:17px}.offline-modal p{margin:0 0 12px;font-size:14px;line-height:1.5}.offline-modal .offline-draft-acts{justify-content:flex-end}.offline-modal .is-danger-solid{background:var(--bad, #b42318);border-color:transparent;color:#fff}.offline-snap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.offline-snap-day{margin-top:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.offline-snap-row{border:1px solid var(--rule);background:var(--paper);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.offline-snap-row.is-wanted{border-color:var(--ink-3)}.offline-snap-link{display:flex;flex-direction:column;gap:2px;color:var(--ink);text-decoration:none;min-height:44px;justify-content:center}.offline-snap-title{font-weight:600;font-size:14.5px}.offline-snap-sub{font-size:12.5px;color:var(--ink-2)}.offline-snap-tags{display:flex;flex-wrap:wrap;gap:6px}.offline-snap-tag{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--rule);color:var(--ink-2);text-decoration:none}.offline-snap-tag.is-ok{color:var(--ink);border-color:var(--ink-4)}.offline-shell{max-width:560px;margin:8vh auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.offline-icon{color:var(--ink-3);background:var(--paper);border:1px solid var(--rule);border-radius:50%;width:76px;height:76px;display:grid;place-items:center;margin-bottom:6px}.offline-shell h1{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.offline-shell p{font-size:14px;color:var(--ink-2);margin:0}.offline-retry{margin-top:10px;min-height:40px;border-radius:999px;justify-content:center}