#exerciseCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;cursor:none}.card{top:0;left:0;height:500px}.ui-overlay{position:relative;z-index:10;pointer-events:none;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.controls-container{background:rgba(30,30,30,.8);backdrop-filter:blur(10px);padding:15px 30px;border-top:1px solid #333;pointer-events:auto;display:flex;gap:30px;align-items:center;justify-content:center;transition:opacity .3s}body.exercising .controls-container{opacity:0}body.exercising .controls-container:hover{opacity:1}.pattern-btn{width:50px;height:50px;border-radius:12px;border:1px solid #444;background:#252525;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.pattern-btn:hover{background:#333;color:#fff}.pattern-btn.active{background:#0d6efd;border-color:#0d6efd;color:#fff;box-shadow:0 0 15px rgba(13,110,253,.4)}.start-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .5s}body.exercising .start-overlay{opacity:0}.form-range{width:120px}label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:4px;display:block}