body{margin:0;font-family:Arial,sans-serif;background-color:#2c2c2c;color:#fff;display:flex;justify-content:center;align-items:center;height:auto;min-height:80vh;overflow-y:auto}.logo{position:absolute;top:10%;left:20px;background-color:#fff;color:#2c2c2c;padding:5px;border-radius:10px}.toolbar{position:absolute;top:10%;right:5%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;background-color:#000c;padding:10px;border-radius:5px}.tool-button{background-color:#444;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.tool-button:hover{background-color:#555}.tool-button.active{background-color:#ff4757}.calculate-btn{background-color:#0f0;color:#2c2c2c}.slider-container{display:flex;flex-direction:column;align-items:center;color:#fff}.slider-container label{font-size:12px}.slider-container input[type=range]{width:100px}.color-picker{display:flex;flex-direction:column;align-items:center;color:#fff}.color-picker label{font-size:12px}.color-picker input[type=color]{width:30px;height:30px;border:none;cursor:pointer}.result{font-size:small;width:95%;height:60%}@media (max-width: 500px){.toolbar{top:15%;padding:5px;gap:2px}.tool-button{padding:2.5px 8px}.slider-container input[type=range]{width:50px}.color-picker input[type=color]{width:20px;height:20px;padding:5px}}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;color:#fff;background-color:#000;animation:gradient 10s ease-in-out infinite}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;width:90%;max-width:400px;padding:2rem;border:2px solid rgba(255,255,255,.508);border-radius:10px;text-align:center}.login-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#c2c1c1}.login-subtitle{font-size:1rem;margin-bottom:2rem;color:#ffffffc3}.login-footer{font-size:.85rem;margin-top:1rem;color:#fff}.link{color:#4facfe;text-decoration:none}.link:hover{text-decoration:underline}.falling-items{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.falling .object{font-size:60px}