:root{--panel-bg:#0d0b1cc7;--line:#ffffff24;--text:#ece8f8;--muted:#a89fc6;--accent:#f2a65e}*{box-sizing:border-box}html,body{background:#0a0e2a;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}#sky{z-index:0}#birds{z-index:1}#panel{z-index:10;background:var(--panel-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);width:240px;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:14px;padding:14px 16px 12px;position:fixed;top:16px;left:16px;box-shadow:0 10px 30px #00000059}.p-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}#panel h1{letter-spacing:.02em;margin:0;font-size:15px;font-weight:650}.sub{color:var(--muted);margin:2px 0 0;font-size:11px}#hideBtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;flex:none;padding:4px 9px;font-size:11px}#hideBtn:hover{background:#ffffff24}.ctl{margin:9px 0}.lbl{color:var(--muted);justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.lbl span{color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:18px;accent-color:var(--accent);cursor:pointer;background:0 0;margin:0}.presets{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 10px;display:grid}.presets button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 4px;font-size:11px}.presets button:hover{background:#ffffff21}.presets button.on{color:#ffd9ad;background:#f2a65e29;border-color:#f2a65ea6}.row{gap:8px;display:flex}.row button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:9px;flex:1;padding:7px 0;font-size:12px;font-weight:600}.row button:hover{background:#ffffff29}#pauseBtn.paused{color:#ffd9ad;background:#f2a65e33;border-color:#f2a65eb3}.hint{color:var(--muted);margin:10px 0 0;font-size:10.5px;line-height:1.45}#showBtn{z-index:10;border:1px solid var(--line);background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;position:fixed;top:16px;left:16px;box-shadow:0 8px 24px #00000059}#showBtn:hover{background:#1e1a36e6}