:root{--primary-color:#3C0F6B;--secondary-color:#ffffff;--background-color:#fef6ff;--border-color:#3C0F6B;--error-color:#ff4081;--success-color:#03D8A4;--num-1-color:#e91e63;--num-2-color:#9c27b0;--num-3-color:#3f51b5;--num-4-color:#2196f3;--num-5-color:#00bcd4;--num-6-color:#4caf50;--num-7-color:#ff9800;--num-8-color:#ff5722;--num-9-color:#795548;--title-color:#ff4081;--button-hover:#ff9800;--cell-highlight:#FD9B01;--grid-background:#ffffff;--notes-color:#9e9e9e}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fad0c4 25%,#fbc2eb 50%,#a6c1ee 75%,#c2e9fb);background-size:400% 400%;animation:gradientBG 15s ease infinite;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 10%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 10%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 10%);background-size:30px 30px,40px 40px,20px 20px;background-position:0 0,15px 15px,5px 5px;pointer-events:none;z-index:1}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:.5rem}@media (max-width:768px){main{padding:.25rem}}@media (max-width:480px){main{padding:.1rem}}@media (max-width:360px){main{padding:0}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.candy-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.candy{position:absolute;width:20px;height:20px;border-radius:50%;opacity:.6;animation:float 15s linear infinite}.candy1{top:10%;left:10%;background:radial-gradient(circle at 30% 30%,#ff5252,#ff1744);box-shadow:0 0 10px #ff1744;animation-duration:25s;animation-delay:0s}.candy2{top:20%;left:80%;background:radial-gradient(circle at 30% 30%,#ffeb3b,#ffc107);box-shadow:0 0 10px #ffc107;animation-duration:18s;animation-delay:2s}.candy3{top:80%;left:15%;background:radial-gradient(circle at 30% 30%,#4caf50,#2e7d32);box-shadow:0 0 10px #2e7d32;animation-duration:22s;animation-delay:4s}.candy4{top:70%;left:75%;background:radial-gradient(circle at 30% 30%,#2196f3,#1565c0);box-shadow:0 0 10px #1565c0;animation-duration:20s;animation-delay:6s}.candy5{top:40%;left:40%;background:radial-gradient(circle at 30% 30%,#9c27b0,#6a1b9a);box-shadow:0 0 10px #6a1b9a;animation-duration:23s;animation-delay:8s}.candy-stripe{position:absolute;width:40px;height:10px;border-radius:5px;opacity:.6;animation:float 20s linear infinite}.candy-stripe1{top:15%;left:30%;background:linear-gradient(45deg,#f44336 25%,#ffffff 0,#ffffff 50%,#f44336 0,#f44336 75%,#ffffff 0);background-size:10px 10px;animation-duration:28s;animation-delay:1s}.candy-stripe2{top:60%;left:60%;background:linear-gradient(45deg,#2196f3 25%,#ffffff 0,#ffffff 50%,#2196f3 0,#2196f3 75%,#ffffff 0);background-size:10px 10px;animation-duration:26s;animation-delay:3s}.lollipop{position:absolute;animation:float 20s linear infinite;opacity:.7}.lollipop1{top:25%;left:85%;animation-duration:30s;animation-delay:5s}.lollipop1:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff4081,#c2185b);box-shadow:0 0 10px #c2185b}.lollipop1:after{content:"";position:absolute;width:5px;height:40px;background:#f5f5f5;top:25px;left:12.5px;border-radius:2px;transform:rotate(15deg)}.wrapped-candy{position:absolute;width:25px;height:15px;border-radius:5px;animation:float 22s linear infinite;opacity:.7}.wrapped-candy1{top:75%;left:25%;background:#8e24aa;box-shadow:0 0 10px #8e24aa;animation-duration:24s;animation-delay:7s}.wrapped-candy1:after,.wrapped-candy1:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#f5f5f5}.wrapped-candy1:before{top:-3px;left:-3px}.wrapped-candy1:after{top:-3px;right:-3px}.sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background-color:white;opacity:0;animation:twinkle 5s ease-in-out infinite}.sparkle1{top:30%;left:20%;animation-delay:0s}.sparkle2{top:50%;left:70%;animation-delay:1s}.sparkle3{top:70%;left:40%;animation-delay:2s}.sparkle4{top:20%;left:60%;animation-delay:3s}.sparkle5{top:80%;left:80%;animation-delay:4s}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5);box-shadow:0 0 10px white,0 0 20px white,0 0 30px white}}@keyframes float{0%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{transform:translateY(0) rotate(180deg) scale(1)}75%{transform:translateY(20px) rotate(270deg) scale(.9)}to{transform:translateY(0) rotate(1turn) scale(1)}}