:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#e8ecf1;background:#05070a;flex-direction:column;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header{flex:none;padding:.5rem 1rem}header nav a{color:#e8ecf1;letter-spacing:.02em;font-weight:600;text-decoration:none}main{flex:auto;min-height:0;position:relative}#bg,#fx{width:100%;height:100%;display:block;position:absolute;inset:0}#bg{z-index:0}#fx{z-index:1;filter:url(#goo);touch-action:none;cursor:crosshair}#hint{z-index:2;color:#e8ecf199;text-align:center;pointer-events:none;max-width:min(90vw,32rem);margin:0;padding:0;font-size:.85rem;line-height:1.5;transition:opacity 1.2s;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}#toolbar{z-index:2;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070ac7;border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}#tension-control{color:#cfd6de;align-items:center;gap:.5rem;font-size:.85rem;display:flex}#tension-control input[type=range]{width:clamp(8rem,30vw,16rem)}#toolbar button{color:#e8ecf1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:.5rem;align-items:center;gap:.35rem;min-width:44px;min-height:44px;padding:.4rem .9rem;font-size:.9rem;display:inline-flex}#stir{color:#ffcf4d;background:#ffcf4d29;border-color:#ffcf4d;margin-left:auto;font-weight:600}#burst{color:#ff6eb4;background:#ff6eb429;border-color:#ff6eb4;font-weight:600}@media (width<=480px){#toolbar{justify-content:center}#stir,#burst{text-align:center;flex-basis:calc(50% - .375rem);order:10;justify-content:center}#stir{margin-left:0}}
