@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:inherit}a{font-weight:500;color:#ffb830;text-decoration:none}a:hover{color:#ffd369}h1{font-size:2.5rem;line-height:1.2;margin:0;text-align:center;margin-bottom:1rem}button{border-radius:6px;border:none;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s ease;outline:none}button:hover{opacity:.9}button:focus,button:focus-visible{outline:3px solid #ffb830}@media (prefers-color-scheme: light){:root{color:#2b2b2b;background:linear-gradient(135deg,#fff,#f0f0f0)}body{background:inherit}a{color:#007bff}a:hover{color:#0056b3}}.app{background-color:#0006;border-radius:12px;max-width:1100px;margin:40px auto;padding:30px;box-shadow:0 8px 20px #0000004d;color:#e5e5e5}@media (prefers-color-scheme: light){.app{background-color:#fff;box-shadow:0 8px 20px #0000001a;color:#222}}.app h1{margin-bottom:1.5rem;font-size:2.5rem;text-align:center;color:#f9d976}.input-section{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.input-type-toggle{display:flex;justify-content:center;margin-bottom:15px}.input-type-toggle button{margin:0 5px;padding:10px 20px;background:#f9d976;color:#222;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.input-type-toggle button:hover{background:#f0c14b}.input-type-toggle button.active{background:#ffb830;border:2px solid #f9d976;color:#1a1a1a}textarea,input[type=file]{width:100%;max-width:600px;padding:10px;margin:10px 0;box-sizing:border-box;border:2px solid #ffd369;border-radius:6px;font-size:1rem;outline:none;background-color:#1f1f1f;color:#e5e5e5}@media (prefers-color-scheme: light){textarea,input[type=file]{background-color:#fafafa;color:#222}}button.generate-btn{background:#ff9234;color:#000;padding:10px 25px;border-radius:6px;font-size:1rem;font-weight:600;border:none;margin-top:10px;transition:background .3s ease}button.generate-btn:hover{background:#ff7518}button.generate-btn:disabled{background:#ccc;color:#666;cursor:not-allowed}.flashcards-section{margin-top:30px}.flashcards-section h2{margin-bottom:20px;text-align:center;color:#f9d976}.flashcards-container{display:flex;flex-direction:column;align-items:center;gap:20px}.flashcard-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;min-height:350px}.flashcard{width:100%;max-width:600px;height:350px;perspective:1000px}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flashcard:hover .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;border-radius:12px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;box-shadow:0 6px 15px #0003;font-size:1.2rem;font-weight:500}.flashcard-front{background:#1f1f1f;color:#e5e5e5;border:2px solid #ffd369}.flashcard-back{background:#2c2c2c;color:#e5e5e5;border:2px solid #ffd369;transform:rotateY(180deg)}@media (prefers-color-scheme: light){.flashcard-front{background:#fafafa;color:#222}.flashcard-back{background:#ffe8cc;color:#222}}.arrow-button{background-color:transparent;border:none;color:#ffd369;font-size:2.5rem;cursor:pointer;padding:0 15px;transition:transform .2s ease;z-index:1}.arrow-button:hover{transform:scale(1.2);color:#ffb830}.arrow-button.left{position:absolute;left:-60px}.arrow-button.right{position:absolute;right:-60px}.navigation-buttons{display:flex;justify-content:space-between;width:100%;max-width:300px;margin:20px auto 0}.navigation-buttons button{background-color:#ff9234;color:#000;border:none;padding:10px 25px;cursor:pointer;border-radius:6px;font-size:1rem;font-weight:600;transition:background .3s ease}.navigation-buttons button:hover{background-color:#ff7518}.navigation-buttons button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.difficulty-select{display:flex;align-items:center;margin-bottom:15px;gap:10px;font-weight:500}.difficulty-select label{color:#f9d976}.difficulty-select select{padding:8px 12px;border-radius:6px;border:2px solid #ffd369;background-color:#1f1f1f;color:#e5e5e5;font-size:1rem;outline:none}@media (prefers-color-scheme: light){.difficulty-select select{background-color:#fafafa;color:#222}}.file-upload-label{display:inline-flex;align-items:center;background-color:#1f1f1f;color:#e5e5e5;border:2px solid #ffd369;padding:10px 15px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease;margin-top:10px}.file-upload-label:hover{background-color:#2c2c2c}.file-name{margin-top:8px;display:inline-block;color:#ccc;font-size:.95rem}