/* SPK-OFFLINE banner (white / cool grey) */
#spk-off{position:fixed;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%,-140%);z-index:1150;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #E3E8EE;box-shadow:0 6px 24px rgba(16,40,48,.12);font:500 13.5px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1F2D33;transition:transform .25s ease;pointer-events:none}
#spk-off.on{transform:translate(-50%,0);pointer-events:auto}
#spk-off.off::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
#spk-off.ok{color:#0E7490}
#spk-off.warn::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:#FEE2E2;color:#B91C1C;font-weight:700;display:grid;place-items:center;font-size:12px}
#spk-off b{font-weight:600}
#spk-off .n{margin-left:4px;padding:2px 8px;border-radius:999px;background:#F4F6F8;border:1px solid #E3E8EE;font-weight:600;font-size:12px;color:#334155;white-space:nowrap}
#spk-off .sp{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid #CBD5E1;border-top-color:#0E7490;animation:spkoffs 0.8s linear infinite}
#spk-off button{border:1px solid #E3E8EE;background:#F4F6F8;border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer}
@keyframes spkoffs{to{transform:rotate(360deg)}}
#spk-off-t{position:fixed;left:50%;bottom:max(90px,calc(env(safe-area-inset-bottom) + 90px));transform:translate(-50%,20px);opacity:0;z-index:1200;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:#1F2D33;color:#fff;font:500 13.5px/1.35 system-ui,-apple-system,sans-serif;transition:.2s;pointer-events:none;text-align:center}
#spk-off-t.on{opacity:1;transform:translate(-50%,0)}
html.spk-offline [data-need-net]{opacity:.5}
html.spk-offline [data-need-net]::after{content:" · krever nett";font-size:.85em}
@media (prefers-reduced-motion:reduce){#spk-off,#spk-off-t{transition:none}#spk-off .sp{animation:none}}