.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;margin:0;padding:2rem;background-color:#fff;color:#000}.toggle-container{display:flex;align-items:center;cursor:pointer;padding:.5rem 1rem;background:#eee;border-radius:30px;box-shadow:0 2px 4px #00000026;margin-bottom:1.5rem}.toggle-switch{width:80px;height:40px;background:linear-gradient(45deg,#ff9a9e,#fad0c4);border-radius:25px;position:relative;margin-right:15px;transition:background .3s ease}.toggle-thumb{width:36px;height:36px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 4px 6px #0003;transition:transform .3s ease}.toggle-thumb.dark{transform:translate(40px)}.toggle-thumb.light{transform:translate(0)}.board{display:grid;gap:10px;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(3,120px);margin:2rem auto;padding:10px;background:linear-gradient(45deg,#ffb3ba,#bae1ff);border-radius:15px;box-shadow:0 4px 8px #0000001a}.square{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;border:2px solid #ddd;background-color:#fff;color:#333;border-radius:10px;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.square:hover{background-color:#f0f0f0;transform:translateY(-2px)}.square.highlight{background-color:#ffea82;border-color:#3aa6ff;border-width:.3rem;color:#000}button{background:linear-gradient(45deg,#ffdac1,#ffffba);border:none;border-radius:30px;color:#333;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,background .3s ease;margin-top:1.5rem}button:hover{transform:translateY(-3px);background:linear-gradient(45deg,#5f8dc2,#ffdac1);-webkit-transition:transform .5s ease,background .5s ease;-moz-transition:transform .5s ease,background .5s ease;-ms-transition:transform .5s ease,background .5s ease;-o-transition:transform .5s ease,background .5s ease;transition:transform .5s ease,background .5s ease}.app.dark{background-color:#121212;color:#f5f5f5}.app.dark .board{background:linear-gradient(45deg,#1e1e1e,#272727)}.app.dark .square{background-color:#1e1e1e;border-color:#333;color:#f5f5f5}.app.dark .square:hover{background-color:#333}.app.dark .square.highlight{background-color:#90caf9;border-color:#42a5f5;border-width:.3rem;color:#000!important}.app.dark button{background:linear-gradient(45deg,#42a5f5,#1e88e5);box-shadow:0 4px 6px #0003;color:#fff}.app.dark .toggle-switch{background:linear-gradient(45deg,#42a5f5,#0a457a)}@media (max-width: 600px){.board{grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,70px)}.square{height:70px;width:70px;font-size:1.5rem}.app{margin-top:1rem;padding:0 1rem}button{padding:15px 25px;font-size:.9rem}.info{font-size:1.2rem}}