body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#343a40;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;line-height:1.6}.flashcard-app{background-color:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;margin:20px auto;max-width:900px;min-height:calc(100vh - 40px);padding:30px}.app-header{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:center}.app-header h1{color:#4a55e6;font-size:2rem;font-weight:600;margin-bottom:20px}.language-selectors{align-items:center;display:flex;gap:15px;justify-content:center}.select-group{align-items:center;display:flex;gap:10px}.select-group label{color:#495057;font-weight:500}.language-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:border-color .2s}.language-select:focus{border-color:#4a55e6;outline:none}.language-swap-btn{background-color:#e9ecef;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-weight:500;padding:10px 18px;transition:background-color .2s,border-color .2s}.language-swap-btn:hover{background-color:#dee2e6;border-color:#adb5bd}.language-swap-btn:disabled{cursor:not-allowed;opacity:.6}.file-toolbar{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.file-button{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:background-color .2s,box-shadow .2s}.file-button:hover{box-shadow:0 4px 8px #00000026}.file-button.download{background-color:#28a745}.file-button.download:hover{background-color:#218838}.file-button.save{background-color:#007bff}.file-button.save:hover{background-color:#0056b3}.file-button.upload{background-color:#ffc107;color:#343a40;display:inline-block;overflow:hidden;position:relative}.file-button.upload:hover{background-color:#e0a800}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.category-container{margin-bottom:30px}.category-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-button{background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:9px 18px;position:relative;transition:all .2s}.category-button:hover{background-color:#e9ecef;border-color:#ced4da}.category-button.active{background-color:#4a55e6;border-color:#4a55e6;color:#fff}.badge{background-color:#dc3545;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:6px;padding:3px 8px;vertical-align:middle}.badge.light{background-color:#f19ca5;color:#dc3545}.category-button:disabled{cursor:not-allowed;opacity:.6}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center}.flashcard-container{align-items:center;display:flex;flex-direction:column;gap:25px;width:100%}.flashcard-wrapper{aspect-ratio:16/10;max-width:550px;position:relative;width:100%}.flashcard{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 25px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center;transition:transform .3s ease-out,box-shadow .3s ease-out;width:100%}.flashcard:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-8px) scale(1.02)}.flashcard.transition{animation:cardTransition .4s cubic-bezier(.25,.8,.25,1)}@keyframes cardTransition{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.target-word{color:#343a40;font-size:2.5rem;font-weight:600;margin-bottom:15px;transition:opacity .3s}.synonym-word{color:#6c757d;font-size:1.8rem;font-weight:400;opacity:1;transition:opacity .3s}.synonym-word.hidden{opacity:0}.edit-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:20px;height:100%;padding:30px;width:100%}.edit-title{color:#4a55e6;font-size:1.5rem;font-weight:600;margin-bottom:10px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#495057;font-weight:500}.form-input{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:12px 15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#4a55e6;box-shadow:0 0 0 3px #4a55e633;outline:none}.synonym-input-group{align-items:center;display:flex;gap:10px}.synonym-input-group .form-input{flex-grow:1}.remove-synonym-btn{align-items:center;background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;transition:background-color .2s,border-color .2s;width:30px}.remove-synonym-btn:hover{background-color:#e9ecef;border-color:#ced4da}.remove-synonym-btn:disabled{cursor:not-allowed;opacity:.5}.add-synonym-btn{align-self:flex-start;background-color:#e9ecef;border:1px dashed #ced4da;border-radius:6px;color:#4a55e6;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 15px;transition:background-color .2s,border-color .2s}.add-synonym-btn:hover{background-color:#dee2e6;border-color:#adb5bd}.edit-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.edit-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background-color .2s}.save-btn{background-color:#4a55e6;color:#fff}.save-btn:hover{background-color:#3b4acf}.cancel-btn{background-color:#f1f3f5;color:#495057}.cancel-btn:hover{background-color:#e9ecef}.edit-button{align-items:center;background-color:#fffc;border:1px solid #dee2e6;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#4a55e6;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s,box-shadow .2s;width:35px}.edit-button:hover{background-color:#fff;box-shadow:0 4px 8px #00000026}.controls{gap:15px}.control-button,.controls{align-items:center;display:flex;justify-content:center}.control-button{background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#495057;cursor:pointer;font-size:1.5rem;height:50px;transition:background-color .2s,color .2s,box-shadow .2s;width:50px}.control-button:hover{background-color:#e9ecef;box-shadow:0 4px 8px #0000001a}.control-button:active{background-color:#dee2e6}.control-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.control-button.pause,.control-button.play{color:#007bff}.control-button.pause{color:#ffc107}.control-button.shuffle{color:#17a2b8}.control-button.unknown{color:#dc3545}.progress{color:#6c757d;font-size:1rem}.hint,.progress{text-align:center}.hint{color:#adb5bd;font-size:.9rem;margin-top:-15px}.empty-state{align-items:center;display:flex;height:300px;justify-content:center}.empty-message{color:#6c757d;font-size:1.1rem;text-align:center}.loading{align-items:center;display:flex;height:100vh;justify-content:center}.loading-text{color:#4a55e6;font-size:1.2rem;font-weight:500}.app-footer{border-top:1px solid #e9ecef;color:#6c757d;font-size:.9rem;margin-top:30px;padding-top:20px;text-align:center}@media (max-width:768px){.flashcard-app{padding:20px}.app-header h1{font-size:1.8rem}.language-selectors{flex-direction:column;gap:10px}.flashcard-wrapper{aspect-ratio:4/3;max-width:90%}.target-word{font-size:2rem}.synonym-word{font-size:1.5rem}.control-button{font-size:1.3rem;height:45px;width:45px}}@media (max-width:480px){.flashcard-app{margin:10px auto;min-height:calc(100vh - 20px);padding:15px}.app-header h1{font-size:1.6rem;margin-bottom:15px}.language-select,.language-swap-btn{font-size:.9rem;padding:8px 12px}.file-toolbar{align-items:center;flex-direction:column;gap:8px;margin-bottom:20px}.file-button{padding:10px;text-align:center;width:80%}.category-buttons{gap:8px}.category-button{font-size:.9rem;padding:8px 15px}.flashcard-wrapper{aspect-ratio:1/1}.target-word{font-size:1.8rem}.synonym-word{font-size:1.3rem}.controls{gap:10px}.control-button{font-size:1.2rem;height:40px;width:40px}.edit-card{padding:20px}.form-input{padding:10px 12px}}
/*# sourceMappingURL=main.838b6cb6.css.map*/