#visualCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.card{height:500px}.ui-layer{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.center-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}.breath-text{font-size:2rem;font-weight:300;letter-spacing:4px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5);opacity:0;transition:opacity 1s ease}.breath-text.active{opacity:1}.controls-bar{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);padding:20px;border-top:1px solid rgba(255,255,255,.1);pointer-events:auto;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.05);padding:8px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.btn-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-glass:hover{background:rgba(255,255,255,.2);transform:scale(1.05);box-shadow:0 0 15px rgba(56,189,248,.4)}.btn-glass.active{background:var(--accent-color);color:#000;border-color:var(--accent-color)}#startOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.9);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}select.form-select{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;cursor:pointer}select.form-select option{background-color:#0f172a;color:#fff}