@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap);body{background:url(/static/media/05.03416515c47740cc7d8e.png) 50%/contain;color:#5b5b5b;font-family:M PLUS Rounded\ 1c,sans-serif;margin:0;min-height:100vh;overflow-x:scroll}body:before{background:hsla(0,0%,52%,.418);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.header{margin-bottom:2rem;text-align:center}h1{color:#ff85c1;font-size:3.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 0 #0000000c,4px 4px 0 #ff85c133}.mascot-img{border:5px solid #fff;border-radius:50%;box-shadow:0 6px 12px #0000001a;height:100px;margin-top:1rem;object-fit:cover;transition:transform .3s ease-in-out;width:100px}.mascot-img:hover{animation:spin 2s linear infinite}@keyframes spin{0%{transform:scale(1.1) rotate(0deg)}to{transform:scale(1.1) rotate(1turn)}}.flashcard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flashcard{background-color:initial;cursor:pointer;height:200px;perspective:1000px;transition:transform .2s ease-out}.flashcard:hover{transform:scale(1.03) translateY(-5px)}.flashcard-inner{border-radius:20px;box-shadow:0 4px 15px #00000014;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;box-sizing:border-box;display:flex;font-size:1.3rem;height:100%;justify-content:center;padding:20px;position:absolute;width:100%}.flashcard-front{background:#fff;border:4px solid #0000;color:#6a6a6a;font-weight:700;transition:border-color .3s}.flashcard.status-learning .flashcard-front{border-color:#ffc9c9}.flashcard.status-known .flashcard-front{border-color:#b2f2bb}.flashcard-back{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;flex-direction:column;font-weight:700;justify-content:space-around;text-shadow:1px 1px 3px #0000001a;transform:rotateY(180deg)}.answer-text{align-items:center;display:flex;flex-grow:1;justify-content:center}.status-buttons{box-sizing:border-box;display:flex;justify-content:space-around;padding:0 10px 10px;width:100%}.status-btn{background:#0000;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:700;padding:8px 16px;transition:all .2s}.status-btn.known:hover{background:#4caf5080}.status-btn.learning:hover{background:#f4433680}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.add-card-btn,.export-btn,.study-btn,.submit-btn{border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 28px;transition:all .2s ease-in-out}.add-card-btn:hover,.export-btn:hover,.study-btn:hover,.submit-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.add-card-btn,.add-card-btn:hover,.export-btn,.export-btn:hover{background:#ff99ce}.submit-btn{background:#ff85c1}.submit-btn:hover{background:#ff99ce}.study-btn{background:#9c88ff}.study-btn:hover{background:#8a75ff}.add-card-form{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 5px 15px #00000014;gap:1rem;margin-bottom:2rem;padding:2rem}.add-card-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#ff85c1;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #eee;border-radius:12px;box-sizing:border-box;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:1rem;padding:14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#ff85c1;box-shadow:0 0 0 3px #a0c4ff66;outline:none}.form-group textarea{min-height:80px;resize:vertical}.export-container{background:#fff;border-radius:20px;box-shadow:0 5px 15px #00000014;margin-bottom:2rem;padding:2rem;text-align:center}.export-container h3{color:#ff85c1;font-weight:700;margin-top:0}.export-textarea{background:#f9f9f9;border:1px solid #eee;border-radius:12px;box-sizing:border-box;font-family:monospace;font-size:.9rem;margin-bottom:1rem;min-height:150px;overflow-x:auto;padding:1rem;white-space:pre;width:100%}.export-container button{background:#bdbdbd;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .2s}.export-container button:hover{background:#a6a6a6}.study-results,.study-session,.study-setup{margin:0 auto;max-width:600px;text-align:center}.study-results h1,.study-setup h1{color:#ff85c1;margin-bottom:2rem}.setup-form{background:#fff;border-radius:20px;box-shadow:0 5px 15px #00000014;padding:2rem}.setup-form .form-group input{border:1px solid #eee;border-radius:12px;box-sizing:border-box;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:1rem;padding:14px;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.setup-form .form-group input[type=number]::-webkit-inner-spin-button,.setup-form .form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setup-form .form-group input[type=number]{-moz-appearance:textfield}.setup-form .form-group input:focus{border-color:#ff85c1;box-shadow:0 0 0 3px #ff85c166;outline:none}.setup-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cancel-btn,.exit-btn,.home-btn,.restart-btn,.start-btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 28px;transition:all .2s ease-in-out}.cancel-btn,.exit-btn,.home-btn{background:#bdbdbd;color:#fff}.restart-btn,.start-btn{background:#9c88ff;color:#fff}.study-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.progress{color:#9c88ff;font-size:1.2rem;font-weight:700}.study-card{background:#fff;border-radius:20px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 2rem}.card-question h2{color:#6a6a6a;font-size:2rem;margin-bottom:2rem}.answer-section{display:flex;flex-direction:column;gap:2rem}.card-answer p{color:#6a6a6a;font-size:1.3rem;margin:0}.response-buttons{display:flex;gap:1rem;justify-content:center}.didnt-know-btn{background:#ff6b6b;color:#fff}.knew-btn{background:#51cf66;color:#fff}.score-circle{align-items:center;background:linear-gradient(135deg,#ff99ce,#f0aed0);border-radius:50%;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;margin:2rem auto;width:150px}.percentage{font-size:2.5rem;font-weight:800}.score-text{font-size:1rem;opacity:.9}.failed-cards-section{margin:2rem 0;text-align:left}.failed-cards-section h2{color:#ff6b6b;text-align:center}.failed-cards-list{display:flex;flex-direction:column;gap:1rem}.failed-card{background:#fff;border-left:4px solid #ff6b6b;border-radius:12px;padding:1rem}.failed-question{color:#6a6a6a;font-weight:700;margin-bottom:.5rem}.failed-answer{color:#8a8a8a}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.max-cards{color:#8a8a8a;font-size:.9rem;margin-top:.5rem}
/*# sourceMappingURL=main.4c8e1fa4.css.map*/