body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#ff9fda;margin:0;padding:0;text-align:center;color:#333}h1{margin-top:20px;color:#000;font-size:2rem;letter-spacing:1px}.btn-group{display:flex;justify-content:center;gap:20px;margin-top:20px}button{width:120px;height:35px;border:none;background-color:indigo;color:#fff;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}button:hover{background-color:#6a0dad;transform:scale(1.05)}.canvas-container{display:flex;justify-content:center;align-items:center;margin-top:30px;height:70vh}.canvas{width:80%;height:60vh;border:2px dashed #6a0dad;border-radius:12px;background-color:#fff;box-shadow:0 0 10px #6a0dad33}.circle{position:absolute;width:24px;height:24px;background-color:#6a0dad;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 100%,50% 75%,21% 100%,32% 57%,2% 35%,39% 35%)}