:root{--bg:#f6f2ea;--surface:#fff;--text:#1f2a24;--muted:#55615a;--green:#23704a;--green-dark:#1a5537;--red:#b3322a;--red-dark:#8c241e;--line:#ddd5c6;--focus:#1d4ed8;--radius:22px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.btn{border-radius:var(--radius);color:#fff;background:var(--green);touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:.5em;min-height:48px;padding:.7em 1.3em;font-weight:700;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-green{background:var(--green)}.btn-green:active{background:var(--green-dark)}.btn-red{background:var(--red)}.btn-red:active{background:var(--red-dark)}.btn-plain{color:var(--text);border:2px solid var(--line);background:0 0}.avatar{object-fit:cover;background:#e7dfd0;border-radius:50%;flex:none}.avatar-fallback{color:var(--green-dark);justify-content:center;align-items:center;font-weight:700;display:flex}.error{color:var(--red);font-weight:600}.call{background:#111;position:fixed;inset:0;overflow:hidden}.call .remote{object-fit:cover;background:#222;width:100%;height:100%}.call .self{aspect-ratio:3/4;object-fit:cover;background:#333;border:3px solid #ffffffd9;border-radius:16px;width:22vmin;max-width:220px;position:absolute;top:16px;right:16px}.call-overlay{color:#fff;text-align:center;background:#141e19bf;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:absolute;inset:0}.call-bar{padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.banner{color:#5c4400;text-align:center;background:#fff3cd;border-radius:999px;max-width:calc(100% - 32px);padding:10px 20px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{box-shadow:0 0 #23704a73}50%{box-shadow:0 0 0 28px #23704a00}}.pulse{animation:2s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}