*{box-sizing:border-box}body{color:#e6e6e6;background:#05060a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#tsparticles{z-index:0;position:fixed;inset:0}#tsparticles canvas{display:block}#ui{z-index:10;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:fixed;top:16px;left:16px;right:16px}.bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14171ebf;border:1px solid #2a2e36;border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}h1{white-space:nowrap;align-self:center;margin:0;padding-right:6px;font-size:1rem}button{font:inherit;color:#e6e6e6;cursor:pointer;background:#1a1d23;border:1px solid #2a2e36;border-radius:8px;padding:8px 14px;font-size:.9rem;transition:border-color .15s,background .15s}button:hover{border-color:#6ea8fe}button.active{color:#0f1115;background:#6ea8fe;border-color:#6ea8fe}#codepanel{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14171eeb;border:1px solid #2a2e36;border-radius:12px;max-width:min(440px,90vw);max-height:55vh;padding:14px;display:none;position:fixed;bottom:16px;right:16px;overflow:auto}#codepanel.show{display:block}#codepanel pre{white-space:pre;color:#cdd3dd;margin:0;font-size:.78rem;line-height:1.45}