body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#e0e7ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}body:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2027cc;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;max-width:400px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.container:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#64c8ff80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.container h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64b5f6,#81c784,#ffb74d);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:30px}label{color:#bbdefb;display:block;font-size:1.1rem;font-weight:500;margin:20px 0 8px;text-shadow:0 1px 2px #00000080}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:5px;height:8px;margin:10px 0;outline:none;transition:background .3s ease;width:100%}input[type=range]:hover{background:#fff3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#64b5f6,#81c784);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:20px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:linear-gradient(45deg,#64b5f6,#81c784);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}br{display:block;margin:15px 0}button{background:linear-gradient(45deg,#64b5f6,#42a5f5);border:none;border-radius:50px;box-shadow:0 4px 15px #64b5f666;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}button:hover{background:linear-gradient(45deg,#42a5f5,#2196f3);box-shadow:0 6px 20px #64b5f699;transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width:480px){.container{margin:10px;padding:30px 20px}label{font-size:1rem}}
/*# sourceMappingURL=main.21014812.css.map*/