:root{--ink:#ece5f2;--dim:#ece5f28c;--accent:#f0a35e;--glass:#0c091a94;--line:#ffffff17}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#060926;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}#bg{z-index:0}#flock{z-index:1;cursor:crosshair}#panel{z-index:10;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:18px;width:284px;padding:18px 20px 14px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:20px;right:20px;box-shadow:0 18px 50px #00000073}body:not(.panel-open) #panel{opacity:0;pointer-events:none;transform:translate(calc(100% + 44px))}#panel h1{letter-spacing:.04em;margin:0 0 2px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}#panel .hint{color:var(--dim);margin:0 0 14px;font-size:11.5px;line-height:1.45}.row{margin-bottom:11px}.row label{text-transform:uppercase;letter-spacing:.12em;color:var(--dim);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.row label span{color:var(--accent);letter-spacing:.02em}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:none;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 8px #f0a35eb3}.presets{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.presets button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:999px;padding:5px 11px;font-size:11.5px;transition:background .15s,border-color .15s}.presets button:hover{background:#ffffff24}.presets button.active{color:#ffd9ae;background:#f0a35e2e;border-color:#f0a35e8c}.actions{gap:8px;display:flex}.actions button{letter-spacing:.04em;cursor:pointer;border-radius:10px;flex:1;padding:8px 0;font-size:12.5px;transition:filter .15s,background .15s}#btnPause{color:#241206;background:linear-gradient(#ffc98a,#eb9550);border:none;font-weight:600}#btnPause:hover{filter:brightness(1.08)}#btnRestart{color:var(--ink);border:1px solid var(--line);background:#ffffff12}#btnRestart:hover{background:#ffffff24}#stats{letter-spacing:.08em;text-transform:uppercase;color:#ece5f261;text-align:center;margin-top:12px;font-size:10.5px}#panelToggle{z-index:11;width:38px;height:38px;color:var(--ink);background:var(--glass);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;transition:right .35s cubic-bezier(.4,0,.2,1),background .15s;display:flex;position:fixed;top:20px;right:20px}#panelToggle:hover{background:#ffffff24}body.panel-open #panelToggle{right:320px}