@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/starpond/grok-47-xhigh/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/starpond/grok-47-xhigh/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/starpond/grok-47-xhigh/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/starpond/grok-47-xhigh/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/starpond/grok-47-xhigh/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/starpond/grok-47-xhigh/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}:root{color-scheme:dark;--ink: #f6f0e6;--muted: rgba(246, 240, 230, .72);--gold: #ffd27a;--line: rgba(246, 240, 230, .16);--glass: rgba(8, 14, 22, .62);--safe-b: env(safe-area-inset-bottom);--safe-t: env(safe-area-inset-top);font-family:Nunito,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#070c12;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}button,input{font:inherit;color:inherit}#app{height:100%}#pond{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}#pond.is-move{cursor:grab}#pond.is-grabbing{cursor:grabbing}header{position:fixed;top:calc(16px + var(--safe-t));left:50%;transform:translate(-50%);z-index:2;pointer-events:none;text-align:center}h1{margin:0;font-family:Fredoka,Nunito,sans-serif;font-size:30px;font-weight:600;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.45)}.top-actions,.zoom,.dock,.presets,.gravity,#inspector{position:fixed;z-index:3;pointer-events:auto}.top-actions{top:calc(12px + var(--safe-t));right:12px;display:flex;gap:8px}.zoom{right:12px;top:46%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}button{min-width:48px;min-height:48px;border-radius:16px;border:1px solid var(--line);background:var(--glass);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;cursor:pointer}button svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:hover{border-color:#ffd27a73}button:focus-visible{outline:3px solid #fff6d2;outline-offset:2px}button:disabled{opacity:.35}.dock{left:50%;bottom:calc(12px + var(--safe-b));transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:28px;background:#060a107a;border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dock button{width:72px;min-height:64px;border-radius:20px;background:transparent;border-color:transparent}.dock button span,.presets button span{font-family:Fredoka,Nunito,sans-serif;font-size:13px;font-weight:600}.dock button[aria-pressed=true]{background:#ffd27a29;border-color:#ffd27ad9;color:var(--gold);box-shadow:0 0 0 4px #ffd27a1f}body[data-hint="1"] .dock button[aria-pressed=true]{animation:glow 1.15s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 7px #ffd27a33}}.presets{left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%);display:flex;gap:6px;max-width:calc(100% - 24px);overflow-x:auto;padding:2px}.presets button{min-width:64px;min-height:44px;flex-direction:row;gap:6px;padding:6px 10px;border-radius:999px}.presets button svg{width:20px;height:20px}.presets button[aria-pressed=true]{border-color:#ffd27acc;color:var(--gold)}.gravity{left:50%;bottom:calc(148px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:8px;width:min(360px,calc(100% - 28px));padding:8px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.g-word{font-family:Fredoka,Nunito,sans-serif;font-size:14px;width:36px}.dot{border-radius:50%;background:var(--ink);display:block}.dot.small{width:8px;height:8px;opacity:.7}.dot.big{width:16px;height:16px;background:var(--gold)}.slider-wrap{position:relative;flex:1;display:flex;align-items:center}.detent{position:absolute;left:41.7%;top:50%;width:2px;height:14px;margin-top:-7px;background:#ffd27ad9;border-radius:2px;pointer-events:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:#f6f0e633}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff8ec;border:2px solid var(--gold);box-shadow:0 2px 8px #00000059}input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:#f6f0e633}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff8ec;border:2px solid var(--gold)}#inspector{left:50%;bottom:calc(204px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;border-radius:999px;background:#080e16c7;border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#inspector[hidden]{display:none}#who-dot{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 3px #ffffff1f}#who-name{font-family:Fredoka,Nunito,sans-serif;min-width:52px}.heaviness{display:flex;align-items:center;gap:8px;width:min(220px,46vw)}#remove{width:48px;min-width:48px;border-radius:50%}#remove svg{width:22px;height:22px}#pause[aria-pressed=true]{background:#ffd27a47;color:var(--gold);border-color:var(--gold)}#pause .icon-play,#pause[aria-pressed=true] .icon-pause{display:none}#pause[aria-pressed=true] .icon-play{display:block}#sound.is-muted .waves{display:none}#pull[aria-pressed=false]{opacity:.55}.zoom button{width:48px;font-family:Fredoka,Nunito,sans-serif;font-size:22px}.zoom svg{width:22px;height:22px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:760px){header{display:none}.dock button{width:64px}#inspector{top:calc(68px + var(--safe-t));bottom:auto;width:min(440px,calc(100% - 20px))}}@media(max-width:420px){.dock{gap:4px;padding:6px;width:calc(100% - 16px);justify-content:space-between}.dock button{width:auto;flex:1;min-width:0;min-height:58px}.dock button span{font-size:11px}.g-word{display:none}.zoom{top:auto;bottom:calc(250px + var(--safe-b));transform:none}}@media(max-height:560px){header{display:none}.dock button span,.presets button span,.g-word{display:none}.dock button{min-height:48px;width:56px}.presets{bottom:calc(72px + var(--safe-b))}.gravity{bottom:calc(118px + var(--safe-b))}#inspector{top:auto;bottom:calc(168px + var(--safe-b))}.zoom{display:none}}@media(prefers-reduced-motion:reduce){body[data-hint="1"] .dock button[aria-pressed=true]{animation:none}}