:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{color:#edf2fc;background:#0a1830;margin:0;font-family:Inter,system-ui,sans-serif}.app{flex-direction:column;height:100%;display:flex}.topbar{background:linear-gradient(#101f3e,#0a1830);border-bottom:1px solid #22386b;flex-wrap:wrap;align-items:center;gap:28px;padding:14px 22px;display:flex}.brand{color:#edf2fc;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 0 14px #2e5fd98c);width:auto;height:76px}.brand span{letter-spacing:.02em;text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:46px;font-weight:700;line-height:1}.brand em{color:#ffc93c;font-style:normal}@media (width<=640px){.topbar{gap:14px;padding:10px 16px}.brand img{height:52px}.brand span{font-size:32px}}.tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.tab{white-space:nowrap;color:#8fa2c4;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.tab:hover{color:#edf2fc;background:#2e5fd92e}.tab.active{color:#ffc93c;background:#ffc93c14;border-color:#ffc93c73}.stage{flex:1;min-height:0;position:relative}.frame{position:absolute;inset:0}.frame[hidden]{display:none}.frame iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .25s;display:block}.frame iframe.ready{opacity:1}.frame-loader{color:#8fa2c4;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:0}.frame-loader p{margin:0}.spinner{border:3px solid #22386b;border-top-color:#ffc93c;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}