:root{color-scheme:light dark;font-family:Inter,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#111820}
iframe{position:fixed;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}
#status{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#15191d;color:#f6f6f6;padding:20px;text-align:center}
#status[hidden]{display:none}
#status strong{font-size:19px}
#status small{font-size:13px;color:#b5b9c1;max-width:520px;line-height:1.5}
#spinner{width:34px;height:34px;border:3px solid #414851;border-top-color:#ee4d2d;border-radius:50%;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#help{display:none;flex-direction:column;gap:12px;align-items:center}
#help a{padding:11px 15px;border-radius:8px;color:#fff;background:#d64427;font-weight:bold;text-decoration:none}
#status.stalled #help,#status.error #help{display:flex}
#status.error #spinner{display:none}