@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500&family=Roboto:wght@400;500&display=swap";:root{--light-bg: #f8f9fa;--dark-bg: #202124;--light-surface: #ffffff;--dark-surface: #2d2e30;--light-text-primary: #202124;--dark-text-primary: #e8eaed;--light-text-secondary: #5f6368;--dark-text-secondary: #bdc1c6;--light-primary: #1a73e8;--dark-primary: #8ab4f8;--light-primary-hover: #185abc;--dark-primary-hover: #aecbfa;--light-border: #dadce0;--dark-border: #5f6368;--light-error: #d93025;--dark-error: #f28b82;--light-success: #34a853;--dark-success: #81c995;--light-card-bg: #ffffff;--dark-card-bg: #2d2e30;--light-shadow-color-1: rgba(0, 0, 0, .1);--light-shadow-color-2: rgba(0, 0, 0, .1);--dark-shadow-color-1: rgba(0, 0, 0, .3);--dark-shadow-color-2: rgba(0, 0, 0, .15);--light-button-hover: #185abc;--dark-button-hover: #aecbfa;--light-button-focus-shadow-color: rgba(26, 115, 232, .3);--dark-button-focus-shadow-color: rgba(138, 180, 248, .4);--light-button-text: white;--dark-button-text: var(--dark-bg);--flashcard-width: 220px;--flashcard-height: 150px}body{font-family: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;resize:vertical;background-color:light-dark(var(--light-surface),var(--dark-surface));color:light-dark(var(--light-text-primary),var(--dark-text-primary));font-family:inherit}textarea:focus{outline:none;border-color:light-dark(var(--light-primary),var(--dark-primary))}button{background-color:light-dark(var(--light-primary),var(--dark-primary));color:light-dark(var(--light-button-text),var(--dark-button-text));border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin:5px;font-family:inherit}button:hover:not(:disabled){background-color:light-dark(var(--light-button-hover),var(--dark-button-hover));transform:translateY(-1px);box-shadow:0 2px 8px 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{opacity:.6;cursor:not-allowed;transform:none}.error-message{min-height:20px;margin-top:15px;font-size:.9em;color:light-dark(var(--light-error),var(--dark-error));transition:opacity .3s ease}.api-key-section{background-color:light-dark(var(--light-bg),var(--dark-card-bg));border-radius:8px;padding:20px;margin-bottom:30px;text-align:left;border:1px solid light-dark(var(--light-border),var(--dark-border))}.api-key-section h2{color:light-dark(var(--light-primary),var(--dark-primary));font-size:1.5em;margin-top:0;margin-bottom:15px}.api-key-info{font-size:.95em;margin-bottom:20px}.api-key-info a{color:light-dark(var(--light-primary),var(--dark-primary));text-decoration:none;font-weight:500}.api-key-info a:hover{text-decoration:underline}.input-group{display:flex;margin-bottom:15px}.input-group input{flex:1;padding:12px 15px;border:1px solid light-dark(var(--light-border),var(--dark-border));border-radius:8px 0 0 8px;font-size:16px;background-color:light-dark(var(--light-surface),var(--dark-surface));color:light-dark(var(--light-text-primary),var(--dark-text-primary))}.input-group input:focus{outline:none;border-color:light-dark(var(--light-primary),var(--dark-primary))}.icon-button{padding:12px 16px;border:1px solid light-dark(var(--light-border),var(--dark-border));border-left:none;border-radius:0 8px 8px 0;background-color:light-dark(var(--light-bg),var(--dark-card-bg));color:light-dark(var(--light-text-secondary),var(--dark-text-secondary));cursor:pointer;font-size:14px;transition:background-color .3s ease}.icon-button:hover{background-color:light-dark(var(--light-border),var(--dark-border))}.status-message{min-height:20px;margin-top:15px;font-size:.9em;color:light-dark(var(--light-error),var(--dark-error));transition:opacity .3s ease}.status-message.success{color:#34a853}#saveApiKeyBtn{background-color:light-dark(var(--light-primary),var(--dark-primary));padding:10px 20px;font-size:14px;margin-top:5px}#generatorSection{border-top:1px solid light-dark(var(--light-border),var(--dark-border));padding-top:30px;margin-top:10px}.flashcards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.flashcard{width:var(--flashcard-width);height:var(--flashcard-height);perspective:1000px;cursor:pointer;position:relative}.completion-indicator{position:absolute;top:8px;right:8px;z-index:10}.completion-checkbox{background:light-dark(var(--light-surface),var(--dark-surface));border:2px solid light-dark(var(--light-border),var(--dark-border));border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s ease;color:light-dark(var(--light-success),var(--dark-success));pointer-events:none}.flashcard.completed .completion-checkbox{background:light-dark(var(--light-success),var(--dark-success));border-color:light-dark(var(--light-success),var(--dark-success));color:#fff}.flashcard.completed{opacity:.8}.flashcard.completed .flashcard-front,.flashcard.completed .flashcard-back{border-color:light-dark(var(--light-success),var(--dark-success))}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;box-shadow:0 2px 8px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1));border:1px solid light-dark(var(--light-border),var(--dark-border))}.flashcard-front{background-color:light-dark(var(--light-card-bg),var(--dark-card-bg))}.flashcard-back{background-color:light-dark(var(--light-primary),var(--dark-primary));color:light-dark(var(--light-button-text),var(--dark-button-text));transform:rotateY(180deg)}.flashcard:hover{transform:translateY(-2px)}.flashcard:hover .flashcard-front,.flashcard:hover .flashcard-back{box-shadow:0 4px 12px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1));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-button-text),var(--dark-button-text));line-height:1.4}.dark-mode-toggle{position:fixed;top:20px;right:20px;background:light-dark(var(--light-surface),var(--dark-surface));border:1px solid light-dark(var(--light-border),var(--dark-border));border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1));z-index:1000;display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px light-dark(var(--light-shadow-color-1),var(--dark-shadow-color-1));border-color:light-dark(var(--light-primary),var(--dark-primary))}.dark-mode-toggle:focus{outline:none;box-shadow:0 0 0 3px light-dark(var(--light-button-focus-shadow-color),var(--dark-button-focus-shadow-color))}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}