:root { font-family:Inter,"Segoe UI",sans-serif; color:#20352f; background:#fff; }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; height:100%; overflow:hidden; }
.app-shell { width:100%; height:100%; }
button,textarea { font-family:inherit; }
.connection-status[hidden] { display:none; }
.connection-status { position:fixed; inset:0 0 auto; z-index:100; display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 16px; background:#fff4d7; color:#654f16; box-shadow:0 3px 12px #0002; font-size:.9rem; }
.connection-status button { flex-shrink:0; border:1px solid #c2aa71; border-radius:10px; background:white; color:inherit; padding:8px 12px; cursor:pointer; }
