*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background:#1d1f21;color:#f8f8f2}.galactic-nexus{display:flex;flex-direction:column;min-height:100vh}footer,header{background:#282a36;padding:20px;text-align:center}header h1{color:#bd93f9;font-size:2.5rem}footer p{font-size:.9rem}.main-content{display:flex;flex:1 1;gap:20px;padding:20px}.left-column,.right-column{flex:1 1}.left-column{align-items:center;display:flex;justify-content:center}.right-column{gap:20px;justify-content:flex-start}.flashcard-section,.right-column{display:flex;flex-direction:column}.flashcard-section{align-items:center}.flashcard-container{margin-bottom:20px;perspective:1000px}.flashcard{cursor:pointer;height:400px;position:relative;transform-style:preserve-3d;transition:transform .8s;width:300px}.flashcard.flipped{transform:rotateY(180deg)}.card-face{align-items:center;backface-visibility:hidden;background:#44475a;border:2px solid #6272a4;border-radius:12px;box-shadow:0 4px 8px #0000004d;display:flex;height:90%;justify-content:center;padding:20px;position:absolute;text-align:center;width:100%}.card-face.front{color:#f8f8f2}.card-face.back{color:#50fa7b;transform:rotateY(180deg)}.controls{display:flex;gap:10px;margin-bottom:20px}button{background:#6272a4;border:none;border-radius:8px;color:#f8f8f2;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s,transform .3s}button:hover:not(:disabled){background:#50fa7b;transform:translateY(-2px)}button:disabled{background:#555;color:#999;cursor:not-allowed;opacity:.5}input,textarea{background:#282a36;border:2px solid #6272a4;border-radius:8px;color:#f8f8f2;font-size:1rem;margin-bottom:15px;margin-top:5px;padding:10px;transition:border-color .3s;width:100%}input:focus,textarea:focus{border-color:#50fa7b;outline:none}.add-flashcard{background:#44475a;border-radius:12px;box-shadow:0 4px 8px #0000004d;padding:20px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.progress{background:#44475a;border-radius:12px;box-shadow:0 4px 8px #0000004d;padding:20px;text-align:center}@media (max-width:800px){.main-content{flex-direction:column;gap:15px;padding:10px}.left-column,.right-column{padding:10px;width:100%}.flashcard{margin:0 auto;max-width:350px;min-height:300px;width:95%}header h1{font-size:2rem}.right-column{gap:15px}button{font-size:1rem;padding:10px 15px}input,textarea{font-size:.95rem;padding:8px}.add-flashcard,.progress{margin-bottom:15px}}@media only screen and (max-width:600px){.flashcard{font-size:.95rem;min-height:250px;width:200px}.controls{flex-direction:column;gap:8px;width:100%}button{padding:10px;width:100%}header{padding:15px}.input-group{margin-bottom:10px}}@media only screen and (min-width:601px) and (max-width:768px){.flashcard{margin:0 auto;min-height:350px;width:250px}.controls{flex-wrap:wrap;justify-content:center}button{flex:1 1 45%;max-width:200px}.right-column{flex-direction:column;gap:15px}.add-flashcard{padding:15px}}
/*# sourceMappingURL=main.f5cfe373.css.map*/