.offline-banner{position:sticky;top:0;z-index:100;background:#ff9f4326;border-bottom:1px solid rgb(255 159 67 / 40%);color:var(--warning);font-size:.85rem;font-weight:600;text-align:center;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top))}:root{--bg: #f8f9fa;--bg-elevated: #ffffff;--bg-input: #ffffff;--border: #dbdfe4;--text: #212529;--text-muted: #6c757d;--primary: #507294;--primary-pressed: #425f7a;--success: #28c76f;--warning: #ff9f43;--danger: #ea5455;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background-color:var(--bg)}#app{min-height:100dvh;display:flex;flex-direction:column}