*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background-color:#000}#app{width:100vw;height:100vh;background-color:#000;position:relative}.point{position:absolute;width:10px;height:10px;background:#c4c4ff;border-radius:50%;transform:translate(-50%,-50%)}#controls{position:fixed;bottom:20px;left:20px;background:#000c;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.info-text{color:#fffc;font-size:13px;font-weight:100;line-height:1.5;margin-bottom:15px;max-width:320px}.control-group{margin-bottom:12px;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}.control-group:last-child{margin-bottom:0}.control-group label{width:120px;font-weight:500}.control-group input{padding:0;border:none;border-radius:0}.control-group input[type=range]{width:150px;height:6px;background:#fff3;border-radius:3px;border:none;outline:none;appearance:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:gold;border-radius:50%}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:gold;border-radius:50%;border:none}.control-group .value{width:40px;text-align:right;color:gold;font-weight:600}.bottom-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.bottom-row input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:#ffd700}.bottom-row label{margin-right:auto;flex:none;width:auto}.reset-button{background:gold;color:#000;border:none;padding:6px 16px;border-radius:4px;font-size:13px;font-weight:600;transition:background-color .2s}.reset-button:hover{background:#ffed4e}.reset-button:active{background:#ca0}.checkbox-group label{-webkit-user-select:none;user-select:none}