@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--light-bg: #3e2202;--dark-bg: #202124;--light-surface: #e5e4d1fd;--dark-surface: #2d2e30;--light-text-primary: #ece9d7;--dark-text-primary: #e8eaed;--light-text-secondary: #000000;--dark-text-secondary: #090a0a;--light-primary: #562f02;--dark-primary: #8ab4f8;--light-primary-hover: #ff8c00;--dark-primary-hover: #aecbfa;--light-border: #df5b04;--dark-border: #ff8400;--light-error: #ff8c00;--dark-error: #f28b82;--light-card-bg: #af5a05;--dark-card-bg: #3c4043;--light-disabled-bg: #ddaf16;--dark-disabled-bg: #050608;--light-disabled-text: #c17b04;--dark-disabled-text: #ffb300;--light-shadow-color-1: rgb(192, 71, 5);--dark-shadow-color-1: rgba(0, 0, 0, .3);--light-shadow-color-2: rgba(156, 78, 5, .257);--dark-shadow-color-2: rgba(0, 0, 0, .2);--light-focus-shadow-color: rgba(26, 115, 232, .2);--dark-focus-shadow-color: rgba(138, 180, 248, .3);--light-button-focus-shadow-color: rgba(0, 0, 0, .3);--dark-button-focus-shadow-color: rgba(138, 180, 248, .4);--light-button-text: rgb(255, 255, 255);--dark-button-text: var(--dark-bg);--flashcard-width: 340px;--flashcard-height: 150px}body{font-family:Space Grotesk,Google Sans,Roboto,Arial,sans-serif;margin:0;background-color:light-dark(var(--light-bg),var(--dark-bg));color:light-dark(var(--light-text-primary),var(--dark-text-primary));display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;box-sizing:border-box}.container{background-color:light-dark(var(--light-surface),var(--dark-surface));padding:40px;border-radius:12px;box-shadow:0 1px 3px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1)),0 4px 8px light-dark(var(--light-shadow-color-2),var(--dark-shadow-color-2));width:90%;max-width:800px;text-align:center;margin-top:20px}h1{color:light-dark(var(--light-primary),var(--dark-primary));margin-bottom:15px;font-size:2em;font-weight:500}p{margin-bottom:25px;color:light-dark(var(--light-text-secondary),var(--dark-text-secondary));line-height:1.6}textarea{width:calc(100% - 22px);padding:15px;margin-bottom:25px;border:1px solid light-dark(var(--light-border),var(--dark-border));border-radius:8px;font-size:16px;min-height:120px;background-color:light-dark(var(--light-bg),var(--dark-card-bg));color:light-dark(var(--light-text-primary),var(--dark-text-primary));resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}textarea:focus{outline:none;border-color:light-dark(var(--light-primary),var(--dark-primary));box-shadow:0 0 0 2px light-dark(var(--light-focus-shadow-color),var(--dark-focus-shadow-color))}button{background-color:light-dark(var(--light-primary),var(--dark-primary));color:light-dark(var(--light-button-text),var(--dark-button-text));padding:14px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease,box-shadow .2s ease;box-shadow:0 1px 2px light-dark(var(--light-shadow-color-2),var(--dark-shadow-color-2))}button:hover{background-color:light-dark(var(--light-primary-hover),var(--dark-primary-hover));box-shadow:0 1px 3px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1))}button:focus{outline:none;box-shadow:0 0 0 3px light-dark(var(--light-button-focus-shadow-color),var(--dark-button-focus-shadow-color))}button:disabled{background-color:light-dark(var(--light-disabled-bg),var(--dark-disabled-bg));color:light-dark(var(--light-disabled-text),var(--dark-disabled-text));cursor:not-allowed;box-shadow:none}.error-message{color:light-dark(var(--light-error),var(--dark-error));margin-top:20px;font-weight:500;min-height:1.5em}.flashcards-container{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px;justify-content:center;perspective:1000px}.flashcard{background-color:transparent;width:var(--flashcard-width);height:var(--flashcard-height);border:none;border-radius:10px;cursor:pointer;perspective:1000px;box-shadow:none}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px light-dark(var(--light-shadow-color-2),var(--dark-shadow-color-2));border-radius:20px}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;border-radius:10px;border:1px solid light-dark(var(--light-border),var(--dark-border));background-color:light-dark(var(--light-card-bg),var(--dark-card-bg))}.flashcard-back{transform:rotateY(180deg)}.flashcard:hover .flashcard-inner{box-shadow:0 4px 8px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1))}.flashcard:hover .flashcard-front,.flashcard:hover .flashcard-back{border-color:light-dark(var(--light-primary),var(--dark-primary))}.term{font-size:1.3em;font-weight:500;color:light-dark(var(--light-text-primary),var(--dark-text-primary))}.definition{font-size:1em;color:light-dark(var(--light-text-secondary),var(--dark-text-secondary));line-height:1.4}footer{margin-top:50px;padding-top:25px;border-top:1px solid light-dark(var(--light-border),var(--dark-border));color:light-dark(var(--light-text-secondary),var(--dark-text-secondary));font-size:.9em}