:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{width:100%;height:100%;margin:0}body{color:#f0f2f5;background:#0b0f1a}*{box-sizing:border-box}button{font-family:inherit}.app-shell{width:100%;height:100vh;position:relative;overflow:hidden}.overlay{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:16px}.overlay-left{left:16px}.overlay-right{flex-direction:column;align-items:flex-end;right:16px}.session-code{color:#9fb3d1;letter-spacing:1px;font-size:13px}.hint{color:#e8c36a;text-align:right;max-width:220px;font-size:12px}.status-pill{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.status-pill.connected{color:#4fdc8b;background:#2ecc7126}.status-pill.disconnected{color:#ff8a80;background:#e74c3c26}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#fff;background:#1f6feb}