.crystal-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:none}.crystal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:rgba(0,255,255,.2);border:2px solid rgba(0,255,255,.5);box-shadow:0 0 10px rgba(0,255,255,.3);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.crystal-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:rgba(0,255,255,.2);border:2px solid rgba(0,255,255,.5);box-shadow:0 0 10px rgba(0,255,255,.3);cursor:pointer;-moz-transition:all .3s ease;transition:all .3s ease}.crystal-slider::-webkit-slider-thumb:hover{background:rgba(0,255,255,.3);border-color:rgba(0,255,255,.7);box-shadow:0 0 15px rgba(0,255,255,.5)}.crystal-slider::-moz-range-thumb:hover{background:rgba(0,255,255,.3);border-color:rgba(0,255,255,.7);box-shadow:0 0 15px rgba(0,255,255,.5)}.crystal-slider:active::-webkit-slider-thumb{background:rgba(0,255,255,.4);border-color:rgba(0,255,255,.9);box-shadow:0 0 20px rgba(0,255,255,.7)}.crystal-slider:active::-moz-range-thumb{background:rgba(0,255,255,.4);border-color:rgba(0,255,255,.9);box-shadow:0 0 20px rgba(0,255,255,.7)}.crystal-slider-container{position:relative;width:100%;height:4px}.crystal-slider-progress{position:absolute;height:100%;background:linear-gradient(90deg,rgba(0,255,255,.3),rgba(0,255,255,.5));border-radius:2px;pointer-events:none}.crystal-overlay{background:rgba(56,178,172,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(129,230,217,.2);border-radius:1rem;box-shadow:0 0 20px rgba(129,230,217,.1),inset 0 0 20px rgba(129,230,217,.1);transition:all .3s ease}.crystal-overlay:hover{border-color:rgba(129,230,217,.3);box-shadow:0 0 30px rgba(129,230,217,.2),inset 0 0 30px rgba(129,230,217,.2)}.crystal-button{background:rgba(56,178,172,.1);border:1px solid rgba(129,230,217,.3);border-radius:.5rem;color:rgba(129,230,217,.8);transition:all .3s ease}.crystal-button:hover{background:rgba(56,178,172,.2);border-color:rgba(129,230,217,.5);color:rgba(129,230,217,1);transform:translateY(-1px)}.crystal-button:active{transform:translateY(0)}.crystal-input{background:rgba(56,178,172,.05);border:1px solid rgba(129,230,217,.2);border-radius:.5rem;color:rgba(129,230,217,.8);transition:all .3s ease}.crystal-input:focus{background:rgba(56,178,172,.1);border-color:rgba(129,230,217,.4);box-shadow:0 0 10px rgba(129,230,217,.2)}.crystal-progress{background:rgba(56,178,172,.1);border-radius:9999px;overflow:hidden}.crystal-progress-bar{background:linear-gradient(90deg,rgba(129,230,217,.3),rgba(56,178,172,.5));box-shadow:0 0 10px rgba(129,230,217,.3);transition:width .3s ease}.crystal-title{color:rgba(129,230,217,.9);text-shadow:0 0 10px rgba(129,230,217,.5)}.crystal-text{color:rgba(129,230,217,.7)}@keyframes crystal-glow{0%,to{opacity:.3}50%{opacity:.5}}.crystal-glow{animation:crystal-glow 2s ease-in-out infinite}