:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--line-height: 1.5;--white: #f0f0f0;--background-color: #242424;--card-background: #2a2a2a;--gray-444: #444444;--gray-555: #555555;--primary: #e6c767;--secondary: #fbf3b9;--text-dark-color: #3a3b3c;--javascript-color: #f7df1e;--react-color: #61dafb;--dsa-color: #e4b1f0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:var(--background-color);color:var(--white)}._appContainer_byb50_1{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}._container_7zce7_1{font-size:1.5rem;display:flex;flex-direction:column;align-items:center}._container_7zce7_1 h1{font-size:5rem;background:linear-gradient(to right,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;opacity:0;animation:_slideUp_7zce7_1 .8s ease forwards}._container_7zce7_1 p{font-size:3rem;opacity:0;margin:2rem 0;animation:_slideUp_7zce7_1 .8s ease forwards;animation-delay:.2s}._tabsContainer_7zce7_27{display:flex;gap:2.5rem;opacity:0;animation:_slideUp_7zce7_1 .8s ease forwards;animation-delay:.4s}._tabsContainer_7zce7_27 button{background-color:var(--secondary);border:none;padding:2rem;border-radius:16px;font-size:1.5rem}._tabsContainer_7zce7_27 button:hover{background-color:var(--primary);transform:scale(.9)}@keyframes _slideUp_7zce7_1{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._container_7zce7_1 h1{font-size:4rem}._container_7zce7_1 p{font-size:2rem}._tabsContainer_7zce7_27{flex-direction:column;gap:2rem}._tabsContainer_7zce7_27 button{padding:1rem 1.3rem;font-size:1.5rem;min-width:120px}}@media (max-width: 480px){._container_7zce7_1 h1{font-size:3.5rem;text-align:center}._container_7zce7_1 p{font-size:1.5rem}._tabsContainer_7zce7_27{gap:.8rem}._tabsContainer_7zce7_27 button{padding:.8rem 1rem;font-size:1.5rem;min-width:100px}}._flashcardPage_1sco6_1{display:flex;justify-content:center;align-items:center;gap:13rem;color:var(--white)}._leftContainer_1sco6_9,._rightContainer_1sco6_10{min-width:45rem;padding:1.5rem 2rem}._rightContainer_1sco6_10{position:relative}._rightContainer_1sco6_10:before{content:"";position:absolute;left:-6.5rem;top:0;height:120%;width:2px;background-color:var(--topic-color, var(--primary))}._inputControl_1sco6_29{display:flex;align-items:center;gap:1rem}._inputControl_1sco6_29 textarea{width:100%;min-height:150px;padding:1rem;font-size:1.4rem;color:var(--white);background-color:var(--card-background);border:2px solid var(--topic-color, var(--primary));border-radius:8px;resize:vertical}._inputControl_1sco6_29 textarea:focus{outline:none;border-color:var(--topic-color, var(--primary));box-shadow:0 0 5px #bb23e54d}._inputControl_1sco6_29 button{padding:1rem 1.5rem;font-size:1.4rem;background-color:var(--topic-color, var(--primary));color:var(--text-dark-color);border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease}._inputControl_1sco6_29 button:hover{background-color:var(--text-dark-color);color:var(--topic-color, var(--primary))}._cardContainer_1sco6_69{display:flex;align-items:center;justify-content:center;margin:2rem auto;max-width:60rem;gap:3rem}._card_1sco6_69{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:50rem;min-height:30rem;background-color:var(--card-background);color:var(--white);padding:1.5rem;margin:1rem 0;border-radius:15px;cursor:pointer;transition:transform .2s ease;border:3px solid var(--topic-color, var(--primary));box-sizing:border-box}._card_1sco6_69:hover{transform:translateY(-2px)}._card_1sco6_69 h2,._rightContainer_1sco6_10 h3{font-size:1.7rem;margin-bottom:2rem;text-align:center;color:var(--topic-color, var(--primary))}._rightContainer_1sco6_10 h3{font-size:2rem}._card_1sco6_69 p,._rightContainer_1sco6_10 p{font-size:1.5rem;line-height:1.3;margin-bottom:2rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._card_1sco6_69 span{font-weight:700;color:var(--topic-color, var(--primary))}._card_1sco6_69 ._funNote_1sco6_127{font-size:1rem;text-align:center;font-style:italic;color:var(--topic-color, var(--primary))}._navButton_1sco6_134{background-color:var(--gray-444);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 1rem;font-size:1.5rem;box-shadow:5px 4px 3px #0000004d;flex-shrink:0}._navButton_1sco6_134:hover{background-color:var(--gray-555)}._answer_1sco6_155{margin-top:1rem;padding:1rem;background-color:#ffffff1a;border-left:4px solid var(--topic-color, var(--primary));overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._javascript_1sco6_166{--topic-color: var(--javascript-color)}._react_1sco6_170{--topic-color: var(--react-color)}._dsa_1sco6_174{--topic-color: var(--dsa-color)}._javascript_1sco6_166 ._card_1sco6_69{background-color:#333}._javascript_1sco6_166 ._navButton_1sco6_134,._javascript_1sco6_166 ._backButton_1sco6_183{color:var(--text-dark-color);background-color:var(--javascript-color)}._react_1sco6_170 ._card_1sco6_69{background-color:#0d4c73}._react_1sco6_170 ._card_1sco6_69 span,._react_1sco6_170 ._card_1sco6_69 h2,._react_1sco6_170 ._funNote_1sco6_127{color:#61dafb}._backButton_1sco6_183,._shuffleBtn_1sco6_199{background-color:var(--topic-color, var(--primary));color:var(--text-dark-color);border:none;border-radius:8px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;margin-bottom:1rem;transition:transform .2s ease}._backButton_1sco6_183:hover,._shuffleBtn_1sco6_199:hover{transform:scale(1.05)}._shuffleBtn_1sco6_199{padding:1rem;display:flex;align-items:center;justify-content:center;margin:1rem auto;width:fit-content}._streakCounter_1sco6_224{display:flex;justify-content:space-between;padding:1rem;gap:1rem;background-color:var(--card-background);border-radius:8px;margin-bottom:1.5rem;border:2px solid var(--topic-color, var(--primary));max-width:60rem;margin-left:auto;margin-right:auto}._streakCounter_1sco6_224 p{margin:0;font-size:1.2rem;color:var(--white)}._streakCounter_1sco6_224 span{font-weight:700;color:var(--topic-color, var(--primary))}._feedbackContainer_1sco6_249{display:flex;justify-content:center;padding:.8rem;margin-bottom:1rem}._feedbackMessage_1sco6_256{text-align:center;font-weight:700;font-size:1.2rem;padding:.6rem 1.5rem;border-radius:8px;max-width:100%}._correct_1sco6_265{background-color:#4caf5033;color:#4caf50;border:1px solid #4caf50}._incorrect_1sco6_271{background-color:#f4433633;color:#f44336;border:1px solid #f44336}._inputControl_1sco6_29 textarea:disabled{background-color:#44444480;color:#aaa;cursor:not-allowed}._inputControl_1sco6_29 button:disabled{opacity:.6;cursor:not-allowed;transform:none}._inputControl_1sco6_29 button:disabled:hover{background-color:var(--topic-color, var(--primary));color:var(--text-dark-color);transform:none}@media (max-width: 1363px){._flashcardPage_1sco6_1{flex-direction:column;gap:3rem;padding:0rem 1rem;margin-top:-2rem}._leftContainer_1sco6_9,._rightContainer_1sco6_10{min-width:auto;width:100%;max-width:90%}._rightContainer_1sco6_10:before{display:none}._inputControl_1sco6_29{flex-direction:column;width:100%}._inputControl_1sco6_29 button{width:100%;margin-top:1rem}._cardContainer_1sco6_69{flex-direction:column;width:100%;max-width:90%;margin:0 auto}._card_1sco6_69{max-width:100%}}@media (max-width: 768px){._cardContainer_1sco6_69{gap:2rem}._streakCounter_1sco6_224{padding:.8rem}._streakCounter_1sco6_224 p{font-size:1rem}._feedbackMessage_1sco6_256{padding:.8rem;font-size:1rem}._leftContainer_1sco6_9,._rightContainer_1sco6_10{padding:1rem;max-width:95%}}@media (max-width: 600px){._flashcardPage_1sco6_1{padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}._cardContainer_1sco6_69{flex-direction:column;justify-content:center;align-items:center;margin:1rem auto;padding:0;gap:1rem;width:100%}._card_1sco6_69{width:100%;max-width:100%;margin:.5rem 0;padding:.8rem;box-shadow:6px 5px 4px #0000004d;min-height:24rem}._card_1sco6_69 h2{font-size:1.2rem;margin-bottom:.5rem}._card_1sco6_69 p{font-size:1rem;line-height:1.2}._card_1sco6_69 ._funNote_1sco6_127{font-size:.8rem}._navButton_1sco6_134{width:32px;height:32px;font-size:1rem;margin:0 .3rem;box-shadow:3px 3px 2px #0000004d;position:relative;z-index:10}._answer_1sco6_155{padding:.8rem;margin-top:.8rem}._streakCounter_1sco6_224{padding:.6rem;margin-bottom:1rem}._streakCounter_1sco6_224 p{font-size:.9rem}._feedbackMessage_1sco6_256{padding:.6rem;font-size:.9rem;margin-top:1rem}._inputControl_1sco6_29 textarea{min-height:120px}}@media (max-width: 480px){._cardContainer_1sco6_69{padding:0}._card_1sco6_69{padding:.7rem;border-width:2px;min-height:20rem}._card_1sco6_69 h2{font-size:1.2rem}._card_1sco6_69 p{font-size:1.1rem}._navButton_1sco6_134{width:28px;height:28px;font-size:.9rem}._backButton_1sco6_183,._shuffleBtn_1sco6_199{padding:.3rem .7rem;font-size:.8rem}._streakCounter_1sco6_224{padding:.5rem}._streakCounter_1sco6_224 p{font-size:.8rem}._feedbackMessage_1sco6_256{padding:.5rem;font-size:.8rem}._leftContainer_1sco6_9,._rightContainer_1sco6_10{padding:.8rem;max-width:100%}._inputControl_1sco6_29 textarea{min-height:100px;font-size:1.2rem}._inputControl_1sco6_29 button{padding:.8rem 1.2rem;font-size:1.2rem}}@media (max-width: 375px){._card_1sco6_69{padding:.5rem;min-height:18rem}._card_1sco6_69 p,._answer_1sco6_155{font-size:1rem;line-height:1.2}._navButton_1sco6_134{width:24px;height:24px;margin:0 .2rem}._streakCounter_1sco6_224{margin-top:3rem;padding:.4rem}._streakCounter_1sco6_224 p{font-size:.75rem}._feedbackMessage_1sco6_256{padding:.4rem;font-size:.75rem}._inputControl_1sco6_29 textarea{min-height:90px;font-size:1.1rem;padding:.8rem}._inputControl_1sco6_29 button{padding:.7rem 1rem;font-size:1.1rem}._flashcardPage_1sco6_1{gap:1.5rem}}