:root{--glass-rgb: 255, 255, 255;--bg-gradient: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%)}.dark{--glass-rgb: 0, 0, 0;--bg-gradient: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%)}body{margin:0;background:var(--bg-gradient);min-height:100vh;font-family:-apple-system,sans-serif;transition:.5s}.liquid-switch-container{position:relative;width:54px;height:30px;filter:url(#liquid-effect)}.switch-track{position:absolute;width:100%;height:100%;background:rgba(var(--glass-rgb),.3);border-radius:20px;transition:.3s}.switch-ball{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 5px #0003}input:checked+.switch-track .switch-ball{transform:translate(24px);background:#fff}input:checked+.switch-track{background:rgba(var(--glass-rgb),.6)}.glass-card{background:rgba(var(--glass-rgb),.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:20px;border-radius:24px;box-shadow:0 10px 30px #0000001a;max-width:350px;margin:50px auto}