*{box-sizing:border-box}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;position:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 20px rgba(0,0,0,.1);left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:10}.app-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}.app-header p{color:#666;font-size:1.1rem;font-weight:400;margin:0}.color-picker{background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.1);left:20px;top:140px;transition:opacity .3s}.app-footer,.color-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;position:absolute;z-index:10}.app-footer{background:rgba(0,0,0,.8);border-top:1px solid hsla(0,0%,100%,.1);bottom:0;left:0;right:0;text-align:center}.app-footer p{color:#fff;font-size:.9rem;font-weight:500;letter-spacing:1px;margin:0}.hidden{opacity:0}@media(max-width:768px){.app-header{padding:15px}.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.color-picker{left:10px;padding:15px;right:10px;top:120px}.app-footer{padding:15px}.app-footer p{font-size:.8rem}}
/*# sourceMappingURL=main.70e68ff3.css.map*/