:root{--accent:#f0a35e;--ink:#eae6f2}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:#0a0e24;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#stage{position:fixed;inset:0}#stage canvas{display:block;position:absolute;inset:0}#paused-badge{letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;color:#ffecd2e6;text-shadow:0 0 18px #ffb4648c;opacity:0;pointer-events:none;font-size:15px;transition:opacity .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#paused-badge.show{opacity:1}#panel{-webkit-backdrop-filter:blur(14px);background:#0c09188c;border:1px solid #ffffff21;border-radius:16px;width:268px;padding:16px 16px 13px;transition:transform .35s,opacity .35s;position:fixed;top:18px;left:18px;box-shadow:0 14px 44px #00000080}#panel.hidden{opacity:0;pointer-events:none;transform:translate(-120%)}.p-head{justify-content:space-between;align-items:baseline;display:flex}.p-head h1{letter-spacing:.02em;color:#f6ead8;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:600}#hide-btn{color:#cfc6dd;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;width:24px;height:24px;font-size:14px;line-height:1}#hide-btn:hover{background:#ffffff29}.sub{color:#b7aed0;margin:4px 0 14px;font-size:12px;line-height:1.45}.slider{margin-bottom:12px}.s-row{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.s-row label{letter-spacing:.08em;text-transform:uppercase;color:#cfc6dd;font-size:12px}.s-row .val{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) var(--fill,50%), #ffffff29 var(--fill,50%));cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f7ecd9;border:2px solid #0a08148c;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ffbe788c}input[type=range]::-moz-range-thumb{background:#f7ecd9;border:2px solid #0a08148c;border-radius:50%;width:12px;height:12px}.presets{margin:14px 0 12px}.p-label{letter-spacing:.1em;text-transform:uppercase;color:#8f86a8;font-size:11px}.chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.chip{color:#d9d2e8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font-size:12px}.chip:hover{background:#ffffff24}.chip.active{border-color:var(--accent);color:#ffe3c2;background:#f0a35e38}.btns{gap:8px;display:flex}.btns button{color:#efe9f6;cursor:pointer;background:#ffffff17;border:1px solid #ffffff29;border-radius:10px;flex:1;padding:8px 0;font-size:13px}.btns button:hover{background:#ffffff2b}#pause-btn{color:#ffe3c2;background:#f0a35e40;border-color:#f0a35e8c}#pause-btn:hover{background:#f0a35e61}.hint{color:#8f86a8;text-align:center;margin-top:11px;font-size:11px}#show-btn{z-index:5;-webkit-backdrop-filter:blur(14px);color:#e8e2f2;cursor:pointer;opacity:0;pointer-events:none;background:#0c091899;border:1px solid #ffffff24;border-radius:12px;width:40px;height:40px;font-size:17px;transition:opacity .3s;position:fixed;top:18px;left:18px}#show-btn.show{opacity:1;pointer-events:auto}