:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{margin:0;padding:0;overflow:hidden;background-color:#000;position:fixed;top:0;left:0;width:100%;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100%;height:100%;position:fixed;top:0;left:0}.fluid-container{width:100%;height:100vh;background-color:#fff}.fluid-container canvas{display:block}.toggle-btn{position:absolute;top:20px;right:20px;width:50px;height:50px;z-index:1002;background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.toggle-btn:hover{background:#ffffff40;transform:scale(1.1)}.toggle-btn svg{width:24px;height:24px;fill:#00000080;transition:fill .3s}.fluid-ui-container{position:absolute;top:90px;right:20px;width:300px;background:linear-gradient(135deg,#ffffff1f,#ffffff0d,#ffffff14);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:20px;color:#000c;z-index:1000;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:0 8px 32px #00000014,inset 0 1px 1px #fff6,inset 0 -1px 1px #ffffff1a;transition:opacity .3s,transform .3s;overflow:visible;background-clip:padding-box}.fluid-ui-container.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.fluid-ui-title{font-size:13px;font-weight:600;text-transform:uppercase;color:#000000b3;margin-bottom:16px;letter-spacing:.8px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.fluid-ui-container label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;color:#0009;margin-bottom:6px;margin-top:12px;text-shadow:0 1px 1px rgba(255,255,255,.4)}.fluid-ui-container label span{color:#000c;font-weight:700}.fluid-ui-container input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin-bottom:8px;cursor:pointer}.fluid-ui-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:#ffffff4d;border-radius:3px;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 2px #0000001a}.fluid-ui-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#fff9);border:1px solid rgba(255,255,255,.8);margin-top:-7px;box-shadow:0 2px 8px #0003,inset 0 1px 2px #fffc;transition:transform .1s,box-shadow .2s}.fluid-ui-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.theme-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#000000b3;padding:8px 6px;font-size:9px;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s ease;letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 1px rgba(255,255,255,.3)}.theme-btn:hover{background:#ffffff59;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.theme-btn.active{background:#ffffff80;color:#000000d9;border-color:#ffffffb3;box-shadow:0 4px 16px #00000026,inset 0 1px 2px #fff9}.pause-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.35);border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.pause-btn:hover{background:#fff6;transform:scale(1.1)}.pause-btn svg{width:16px;height:16px;fill:#0009}.fluid-ui-container::-webkit-scrollbar{width:6px}.fluid-ui-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.fluid-ui-container::-webkit-scrollbar-thumb:hover{background:#aaa}