@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--back: #090a0b;--prim: #1a1d28;--seco: #313f4e;--tert: #4f617d;--text: #b3cbf9;--accent: #ff00ff;--back-light: color-mix(var(--back) 50%, var(--prim));--prim-light: color-mix(var(--prim) 50%, var(--seco));--text-size-normal: 15px;--text-size-emoji-picker: calc(var(--text-size-normal) + 2px);--text-size-user: calc(var(--text-size-normal) + 1px);--text-size-user-panel: calc(var(--text-size-normal) + 2px);font-family:JetBrains Mono;font-size:var(--text-size-normal)}body{background-color:var(--back);position:fixed;inset:0;display:flex;flex-direction:column}#app{display:flex;justify-content:center;align-items:center;flex:1}.row,.column{position:relative;display:flex;justify-content:center}.column{flex-direction:column}#canvas{image-rendering:pixelated;background:var(--back-light);border-radius:10px}#temp-bar{display:flex;margin-bottom:10px;margin-right:10px;max-width:50px;height:40px;background:var(--back-light);border-radius:10px}#temp-bar>input{flex:1;min-width:0;padding:0;background:none;border:none;color:var(--text);text-align:center}#particle-bar{display:flex;flex-direction:column;margin-right:10px;width:50px;flex:1;background:var(--back-light);border-radius:10px}#particle-bar>button{height:50px;border:none;border-radius:10px;background:var(--prim);color:var(--text);transition:background .1s}#particle-bar>button:hover{background:var(--prim-light);transition:background .05s}#particle-bar>button:active{background:var(--back-light)}#topbar{display:flex;padding:10px;margin-bottom:10px;background:var(--back-light);border-radius:10px;color:var(--text)}