:root { color-scheme:light; --coach-host-height:100dvh; }
* { box-sizing:border-box; }
html,body { width:100%; height:100%; margin:0; overflow:hidden; }
body { color:#153e4d; background:#f4f7f8; font:16px/1.5 system-ui,sans-serif; }
#coach-host,#coach-host-frame { width:100%; height:var(--coach-host-height); }
#coach-host-frame iframe { display:block; width:100%; height:100%; border:0; background:#f4f7f8; }
#coach-host-status { position:fixed; inset:0; z-index:1; padding:2rem; background:#f4f7f8; overflow:auto; }
#coach-host-status[hidden],#coach-host-frame iframe[hidden] { display:none; }
h1 { font-size:1.75rem; }
button { min-height:44px; padding:.7rem 1rem; color:#153e4d; background:#fff; border:1px solid #829da8; border-radius:.4rem; font:inherit; cursor:pointer; }
button:focus-visible { outline:3px solid #236b8e; outline-offset:3px; }