.kikwetu-network-state{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--kw-line,#d9e3df) 72%,transparent);border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.kikwetu-network-state i{width:.5rem;height:.5rem;border-radius:50%;background:#35d07f;box-shadow:0 0 0 .25rem color-mix(in srgb,#35d07f 18%,transparent)}
.kikwetu-network-state.is-offline i{background:#f36b6b;box-shadow:0 0 0 .25rem color-mix(in srgb,#f36b6b 18%,transparent)}
.kikwetu-network-state.is-slow i{background:#f4b94f;box-shadow:0 0 0 .25rem color-mix(in srgb,#f4b94f 18%,transparent)}
.kikwetu-install-app{border:1px solid var(--kw-line,#d9e3df);background:transparent;color:inherit;border-radius:999px;padding:.55rem .8rem;font-weight:750;cursor:pointer}
.kikwetu-install-app[hidden]{display:none}
.kikwetu-toast-stack{position:fixed;z-index:100000;right:1rem;bottom:1rem;display:grid;gap:.55rem;width:min(25rem,calc(100vw - 2rem));pointer-events:none}
.kikwetu-toast{padding:.9rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#10201d;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.24);font-weight:650;opacity:0;transform:translateY(12px);transition:.25s ease}
.kikwetu-toast.is-visible{opacity:1;transform:none}.kikwetu-toast.is-success{border-left:4px solid #35d07f}.kikwetu-toast.is-warning{border-left:4px solid #f4b94f}
.kikwetu-draft-recovery{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,#f4b94f 45%,transparent);border-radius:14px;background:color-mix(in srgb,#f4b94f 10%,transparent)}
.kikwetu-draft-recovery button{border:0;border-radius:999px;background:var(--kw-accent,#c8ff63);color:#0b211b;padding:.55rem .8rem;font-weight:800;cursor:pointer}
.kikwetu-media-grid .is-queued{display:grid;place-items:center;min-height:110px;padding:1rem;border:1px dashed #f4b94f;border-radius:14px;background:color-mix(in srgb,#f4b94f 8%,transparent);font-size:.78rem;text-align:center}
.is-low-bandwidth .kikwetu-os:before,.is-low-bandwidth .kikwetu-os:after{display:none!important}
.is-low-bandwidth *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
.is-offline [data-requires-live],.is-low-bandwidth [data-heavy-media]{opacity:.5;pointer-events:none}
@media(max-width:720px){.kikwetu-sync-state{display:none}.kikwetu-network-state{padding:.5rem}.kikwetu-draft-recovery{align-items:flex-start;flex-direction:column}}