:root{
  --bg:#ffffff;
  --accent:#0b63d6;
  --font:Inter,system-ui,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%;width:100%;margin:0;padding:0;background:var(--bg);font-family:var(--font);color:#111;overflow:hidden}
#frame-root{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}
iframe{position:fixed;inset:0;width:100vw;height:100vh;border:0;margin:0;padding:0;display:block;z-index:0;background:transparent}

/* lightweight loader placeholder */
.placeholder-inner{display:flex;align-items:center;justify-content:center;height:100vh;background:#fff;color:#111}
.placeholder-card{max-width:420px;padding:18px;border-radius:12px;box-shadow:0 10px 30px rgba(11,99,214,0.08);text-align:center}
.placeholder-card img{width:72px;height:72px;border-radius:8px;margin-bottom:12px}
.placeholder-card h1{font-size:18px;margin:0 0 8px}
.placeholder-card p{margin:0;color:#444}

/* small rules for offline links */
.offline-links a{color:var(--accent);text-decoration:underline}