:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box;font-size:18px;height:100%;width:100%}*,*:before,*:after{box-sizing:inherit}a{font-weight:500;color:var(--buttonColor);text-decoration:inherit}a:hover{color:var(--buttonHoverColor)}body{margin:0;min-width:320px;display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--backgroundColor);color:var(--text)}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:var(--buttonColor);color:var(--text);cursor:pointer;transition:border-color .25s}textarea{color:var(--text);background-color:var(--backgroundColor);border:none}:root{--buttonColor: #007bff;--buttonHoverColor: #0056b3;--errorMessage: #dc3545;--errorBackground: #f8d7da;--dark-backgroundColor: #242424;--dark-sideBarBackground: #2d2d2d;--dark-popupColor: #353535;--dark-text: #ffffff;--dark-textSecondary: #a0a0a0;--dark-borderColor: #404040;--dark-cardHoverColor: #4a4a4a;--dark-inputBackground: #2a2a2a;--dark-inputText: #ffffff;--dark-shadowColor: rgba(0, 0, 0, .2);--dark-buttonDisabledColor: #666666;--light-backgroundColor: #ffffff;--light-sideBarBackground: #f5f5f5;--light-popupColor: #ffffff;--light-text: #1a1a1a;--light-textSecondary: #666666;--light-borderColor: #e0e0e0;--light-cardHoverColor: #e8e8e8;--light-inputBackground: #ffffff;--light-inputText: #1a1a1a;--light-shadowColor: rgba(0, 0, 0, .1);--light-buttonDisabledColor: #cccccc;--backgroundColor: var(--dark-backgroundColor);--sideBarBackground: var(--dark-sideBarBackground);--popupColor: var(--dark-popupColor);--text: var(--dark-text);--textSecondary: var(--dark-textSecondary);--borderColor: var(--dark-borderColor);--cardHoverColor: var(--dark-cardHoverColor);--inputBackground: var(--dark-inputBackground);--inputText: var(--dark-inputText);--shadowColor: var(--dark-shadowColor);--buttonDisabledColor: var(--dark-buttonDisabledColor)}@media (prefers-color-scheme: light){:root{--backgroundColor: var(--light-backgroundColor);--sideBarBackground: var(--light-sideBarBackground);--popupColor: var(--light-popupColor);--text: var(--light-text);--textSecondary: var(--light-textSecondary);--borderColor: var(--light-borderColor);--cardHoverColor: var(--light-cardHoverColor);--inputBackground: var(--light-inputBackground);--inputText: var(--light-inputText);--shadowColor: var(--light-shadowColor);--buttonDisabledColor: var(--light-buttonDisabledColor)}}[theme=dark]{--backgroundColor: var(--dark-backgroundColor);--sideBarBackground: var(--dark-sideBarBackground);--popupColor: var(--dark-popupColor);--text: var(--dark-text);--textSecondary: var(--dark-textSecondary);--borderColor: var(--dark-borderColor);--cardHoverColor: var(--dark-cardHoverColor);--inputBackground: var(--dark-inputBackground);--inputText: var(--dark-inputText);--shadowColor: var(--dark-shadowColor);--buttonDisabledColor: var(--dark-buttonDisabledColor)}[theme=light]{--backgroundColor: var(--light-backgroundColor);--sideBarBackground: var(--light-sideBarBackground);--popupColor: var(--light-popupColor);--text: var(--light-text);--textSecondary: var(--light-textSecondary);--borderColor: var(--light-borderColor);--cardHoverColor: var(--light-cardHoverColor);--inputBackground: var(--light-inputBackground);--inputText: var(--light-inputText);--shadowColor: var(--light-shadowColor);--buttonDisabledColor: var(--light-buttonDisabledColor)}._cardCreationInput_1hw36_1{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}._inputPage_1hw36_9{width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:20px}._inputButton_1hw36_18{padding:10px 20px;font-size:16px;border-radius:8px;border:none;background-color:var(--buttonColor);color:#fff;width:200px}._inputTextArea_1hw36_28{width:100%;margin-bottom:20px;padding:10px;border-radius:16px;border:1px solid var(--borderColor);resize:none;outline:none;background-color:var(--inputBackground);color:var(--inputText)}._errorMessage_1hw36_40{color:var(--errorMessage);margin:10px 0;padding:10px;background-color:var(--errorBackground);border-radius:16px;width:100%;text-align:center}._flashcardPanel_1hw36_50{display:flex;flex-direction:row}._flashcardButton_1hw36_55{height:200px;border:4px;border:1px solid var(--borderColor);background-color:var(--cardColor)}._flashcardButton_1hw36_55:hover{background-color:var(--cardHoverColor)}._flashcardContainer_1hw36_66{height:200px;width:400px;perspective:1000px;cursor:pointer;display:flex;justify-content:center;align-items:center}._flashcardContainer_1hw36_66._flipped_1hw36_76 ._flashcard_1hw36_50{transform:rotateX(180deg)}._flashcard_1hw36_50{height:100%;width:100%;position:relative;transition:transform .4s;transform-style:preserve-3d;transform-origin:center center;border:2px solid var(--borderColor);border-radius:12px;background-color:var(--backgroundColor);color:var(--text)}._flashcardFront_1hw36_93,._flashcardBack_1hw36_94{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;text-align:center;border:none;outline:none;background-color:var(--backgroundColor);color:var(--text);padding:.8em}._flashcardFront_1hw36_93{transform:rotateX(0)}._flashcardBack_1hw36_94{transform:rotateX(180deg)}._editFlashcardButton_1hw36_118{position:absolute;top:10px;right:10px;background:none;border:none;z-index:10;pointer-events:auto;cursor:pointer}._editFlashcardButton_1hw36_118:hover,._editFlashcardButton_1hw36_118._clicked_1hw36_133{background-color:var(--buttonHoverColor)}._sidebar_1dcvy_1{display:flex;flex-direction:column;height:100%;width:180px;padding:.5rem;position:fixed;left:0;top:0;z-index:100;background-color:var(--sideBarBackground)}._appIcon_1dcvy_14{object-fit:contain;margin-bottom:1rem}._addDeckButton_1dcvy_19{align-items:center;display:flex;background-color:var(--buttonColor);color:var(--text);border:none;gap:.5rem}._addDeckButton_1dcvy_19:disabled{background-color:var(--buttonDisabledColor);cursor:not-allowed;opacity:1}._addDeckButton_1dcvy_19:hover{background-color:var(--buttonHoverColor)}._deckCreationPopup_1dcvy_38{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--popupColor);color:var(--text);padding:2rem;gap:8px;border-radius:16px;box-shadow:0 2px 10px #0003;z-index:1000}._deckCreationPopup_1dcvy_38 input{border:none;outline:none;padding:4px;border-radius:4px;color:var(--text);background-color:var(--backgroundColor)}._deckCard_1dcvy_63{display:flex;flex-direction:row;align-items:center;position:relative;width:100%;border-radius:12px;background-color:var(--backgroundColor)}._deckCard_1dcvy_63:hover{background-color:var(--cardHoverColor)}._deckCardMainButton_1dcvy_77{width:100%;position:relative;text-align:left;border:none;display:flex;align-items:center;background-color:transparent;color:var(--text)}._deckCardMainButton_1dcvy_77._current_1dcvy_88{background-color:var(--cardHoverColor)}._deckCardSideButton_1dcvy_92{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:100;background-color:transparent;border:none;display:flex;align-items:center;color:var(--text)}._deckCardPopup_1dcvy_105{display:flex;flex-direction:column;position:absolute;top:100%;left:50%;align-items:center;background-color:var(--popupColor);color:var(--text);border-radius:16px;padding:.5rem;z-index:200;width:100%}._deckCardPopupOptionButtons_1dcvy_120{background-color:transparent;border:none;color:var(--text)}._deckCardPopupOptionButtons_1dcvy_120:hover{background-color:var(--cardHoverColor)}._deckRenameInput_1dcvy_130{width:100%;border:none;padding:.6em 1.2em;border-radius:12px;outline:none;font-size:1em;font-family:inherit;background-color:var(--cardHoverColor);color:var(--text);line-height:normal}._deckRenameInput_1dcvy_130:focus{outline:none}.topBar{position:sticky;top:0;width:100%;padding:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:1;background-color:var(--backgroundColor)}.topBar img{height:100px}.navLinks{display:flex;gap:1.5rem;justify-content:center}.navLinks a{text-decoration:none;color:var(--text);font-weight:500;transition:color .2s}.navLinks a:hover{color:var(--buttonHoverColor)}main{width:100%;max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--backgroundColor);color:var(--text)}