:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;padding:1rem;text-align:center}.header{text-align:center;padding-bottom:10px}.header h2{color:#a04eff}.gachapon-container{position:sticky;top:0;z-index:10;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;gap:15px}.category-dropdown{padding:5px;font-size:1em;border-radius:5px;cursor:pointer}.category-dropdown:focus{outline:none;border-color:#aa13a7}.gachapon-container img{width:300px;height:auto;max-width:100%;max-height:300px;object-fit:contain}.gachapon-container img:hover{filter:drop-shadow(0 0 20px rgba(213,9,210,.6));cursor:pointer;transform:scale(1.1);transition:transform .3s ease}.gachapon-container img:active{animation:shake .4s cubic-bezier(.36,.07,.19,.97);transform:scale(1.1);transition:transform .3s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px,-5px)}20%,40%,60%,80%{transform:translate(10px,5px)}}.exercises-container{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:10px}.exercise-card{padding:5px;background:#555aff1a;border-left:5px solid rgb(170,19,167);border-radius:8px;width:700px;max-width:700px;min-height:80px;text-align:left;display:flex;justify-content:space-between;align-items:center;animation:fadeIn .5s ease-in-out}.exercise-content{flex-grow:1;overflow-wrap:break-word;word-wrap:break-word;max-width:85%}.delete-button{margin-right:10px;padding:10px 20px;font-size:1.2em;border:none}.delete-button:hover{background-color:#aa13a7}.exercise-card h3{color:#a04eff;margin-top:10px;margin-left:20px;margin-bottom:5px}.exercise-card p{font-size:1em;color:#fff;margin:5px 20px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-container{margin-top:20px;display:flex;justify-content:center;gap:3px}.button-container .navbutton{border:1px solid transparent;border-radius:8px;padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#0b1475;color:#ffffffde;cursor:pointer;margin:10px;outline:none}.button-container .navbutton:hover{background-color:#aa13a7}