:root{--ink:#f4ecff;--ink-dim:#b9a8d6;--accent:#ffb36b;--accent-2:#ff8e6e;--panel-bg:#100b1cdb;--line:#ffffff17}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0b0a1e;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#sky{cursor:crosshair;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hint{color:#e4d9f6;letter-spacing:.02em;pointer-events:none;opacity:1;z-index:5;background:#0e091ac7;border:1px solid #ffffff29;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity 1.6s;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000059}#hint.gone{opacity:0}#fps{color:#f4ecffcc;pointer-events:none;z-index:5;background:#0e091a99;border:1px solid #ffffff24;border-radius:8px;padding:3px 8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;top:14px;right:16px}#panel{background:linear-gradient(180deg, #1e1430e0, var(--panel-bg));border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;border-radius:16px;width:320px;padding:14px 16px;transition:opacity .25s,transform .25s;position:fixed;bottom:18px;left:18px;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f}#panel.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.titles h1{letter-spacing:.01em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:650}.titles p{color:var(--ink-dim);margin:1px 0 0;font-size:11.5px}.sliders{flex-direction:column;gap:7px;display:flex}.row{grid-template-columns:86px 1fr 38px;align-items:center;gap:10px;display:grid}.row label{color:var(--ink-dim);letter-spacing:.02em;font-size:12px}.row output{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffb36b8c,#ff8e6e2e);border:none;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#ffe3c2;border:1px solid #00000059;border-radius:50%;width:13px;height:13px;margin-top:-4.5px;box-shadow:0 0 8px #ffb36bb3}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffb36b59,0 0 8px #ffb36bcc}.presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip{color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:5px 11px;font:11.5px/1 inherit;transition:all .15s}.chip:hover{color:var(--ink);background:#ffb36b1a;border-color:#ffb36b80}.chip.active{color:#1c1024;background:linear-gradient(90deg, var(--accent), var(--accent-2));border-color:#0000;font-weight:600}#stats{color:#b9a8d6bf;letter-spacing:.03em;text-align:center;font-variant-numeric:tabular-nums;margin-top:10px;font:10.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#keys{color:#b9a8d673;letter-spacing:.03em;text-align:center;margin-top:3px;font-size:10px}.actions{gap:8px;margin-top:12px;display:flex}.btn{letter-spacing:.02em;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.btn:hover{background:#ffffff1f}.btn.primary{color:#1c1024;background:linear-gradient(90deg, var(--accent), var(--accent-2));border-color:#0000;flex:1}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{color:var(--ink-dim);background:#ffffff0d;border-radius:999px;padding:5px 11px;font-size:11.5px}.btn.ghost:hover{color:var(--ink);border-color:#ffb36b80}.btn:focus-visible,.chip:focus-visible,.pill:focus-visible{outline-offset:2px;outline:2px solid #ffb36b99}.pill{color:var(--ink);border:1px solid var(--line);cursor:pointer;z-index:9;opacity:0;visibility:hidden;pointer-events:none;background:#100b1cd9;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;bottom:18px;left:18px;transform:translateY(8px)}.pill.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.pill:hover{background:#1e1430e6;border-color:#ffb36b80}