body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:var(--dark-surface);color:var(--flame-orange);padding:.2em .4em;border-radius:4px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--flame-orange)}:root{--flame-orange:#B71C1C;--flame-orange-hover:#D32F2F;--dark-bg:#0A0A0A;--dark-surface:#141414;--dark-surface-hover:#1E1E1E;--text-primary:#FFFFFF;--text-secondary:#808080;--border-color:#1E1E1E}body,html{margin:0;padding:0;height:100%}.App{text-align:center;min-height:100vh;color:var(--text-primary);flex-direction:column}.App,.navbar{background-color:var(--dark-bg);display:flex}.navbar{padding:.75rem .75rem 0;justify-content:space-between;align-items:center;flex-shrink:0}.navbar-brand{color:var(--flame-orange);font-size:1.2rem;font-weight:700;letter-spacing:.5px}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-content{padding:0;flex:1 1;width:100%;box-sizing:border-box;background:var(--dark-bg);display:flex;flex-direction:column;overflow:auto}h1{color:var(--text-primary);margin-bottom:2rem;font-weight:600;text-align:left;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 10px}.card-form{margin-bottom:1rem}.card-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.3rem;text-align:left}label{font-weight:600}label,select,textarea{color:var(--text-primary)}select,textarea{background-color:var(--dark-surface);border:none;border-radius:4px;padding:.4rem;font-size:1rem}select:focus,textarea:focus{outline:1px solid var(--flame-orange)}.primary-btn{background-color:var(--flame-orange);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.primary-btn:hover{background-color:var(--flame-orange-hover);transform:translateY(-1px)}.primary-btn:disabled{background-color:var(--dark-surface-hover);color:var(--text-secondary);cursor:not-allowed;transform:none}button.action-btn{all:unset;display:flex;align-items:center;justify-content:center;background:var(--dark-surface);color:var(--text-primary);border:1px solid var(--border-color);padding:4px;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:32px;box-sizing:border-box}button.action-btn:hover{background:var(--dark-surface-hover);border-color:var(--flame-orange);color:var(--flame-orange)}button.action-btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.error-message{color:#ff4444;padding:.75rem;background-color:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);border-radius:4px;margin-bottom:.75rem}.card-result{margin-top:2rem}.flashcard{border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;padding:.5rem}.card-side{flex:1 1;background-color:var(--dark-surface);transition:all .2s ease}.flashcard:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.card-side h3,.card-side p{color:var(--text-primary);margin-bottom:1rem}.card-side p{font-size:1.25rem}.card-side small{color:var(--text-secondary);font-style:italic}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.play-audio-btn{width:32px;background-color:var(--flame-orange);color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.play-audio-btn:hover{background-color:var(--flame-orange-hover)}.play-audio-btn:active{background-color:#3d8b40}.file-actions{display:flex;gap:10px;justify-content:center;margin:20px 0}.deck-management{margin-bottom:2rem;text-align:left}.deck-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;margin-bottom:1rem}.deck-actions{display:flex;gap:10px;justify-content:flex-start}.deck-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--dark-surface);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.deck-item.selected,.deck-item:hover{background-color:var(--dark-surface-hover);border-color:var(--flame-orange)}.deck-info h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.deck-info small{color:var(--text-secondary);font-size:.9rem}.deck-item-actions{display:flex;gap:5px}.icon-btn:hover{transform:scale(1.1)}.deck-cards-header{position:relative}.deck-content{display:flex;flex-direction:column}.card-item{background:var(--dark-surface);padding:.5rem;cursor:pointer;transition:background-color .2s ease;margin-bottom:2px}.card-item:hover{background:var(--dark-surface-hover)}.card-list{display:flex;flex-direction:column}.mode-header{display:flex;align-items:center;gap:1rem}.mode-header h2{margin:0;font-size:1.5rem}.back-btn{padding:.25rem .5rem;background-color:var(--dark-surface);color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem;width:fit-content;white-space:nowrap}.back-btn:hover{background-color:var(--dark-surface-hover);color:var(--flame-orange)}.review-mode{max-width:800px;margin:0 auto}.review-card{display:flex;flex-direction:column;align-items:center;gap:20px}.card-progress{font-size:1.1em;color:#666}.review-controls{display:flex;flex-direction:column;align-items:center;gap:15px}.record-btn{padding:8px 16px;font-size:1.1em;border:none;border-radius:25px;cursor:pointer;background-color:var(--dark-surface);color:var(--text-primary);transition:all .3s ease}.record-btn.recording{background-color:var(--flame-orange);color:white;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.attempts-counter{font-size:.9em;color:var(--text-secondary)}.record-btn:disabled{background-color:var(--dark-surface-hover);color:var(--text-secondary);cursor:not-allowed;animation:none}.evaluation-result{display:flex;height:100%;flex-direction:column;gap:8px;background-color:var(--dark-surface);justify-content:center;padding-left:5px;padding-right:5px}.evaluation-result.quit{background-color:#e7eeff;border:1px solid #b8daff}.result-icon{font-size:1.2em;font-weight:600}.result-message{font-size:.9em;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.test-buttons{display:flex;gap:1rem;margin:1rem 0;justify-content:center}.test-btn{padding:.75rem 1.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,opacity .2s;background-color:var(--dark-surface);color:var(--text-primary)}.test-btn:hover:not(:disabled){transform:scale(1.05);background-color:var(--dark-surface-hover)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-btn.correct{background-color:rgba(76,175,80,.3);border:1px solid #4caf50;color:#4CAF50}.test-btn.incorrect{background-color:rgba(244,67,54,.3);border:1px solid #f44336;color:#f44336}.timeline-container{position:fixed;bottom:0;left:0;right:0;height:150px;background:var(--dark-surface);border-top:1px solid var(--border-color);padding:.75rem;overflow-x:auto;white-space:nowrap}.timeline{position:relative;height:100%;min-width:100%;padding:20px 0}.timeline-card{position:absolute;top:20px;transform:translateX(-50%);background:var(--dark-surface);border:1px solid var(--border-color);border-radius:4px;padding:6px;font-size:.8rem;max-width:200px;white-space:normal;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--text-primary)}.timeline-card:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15);border-color:var(--flame-orange)}.timeline-card.current{border:2px solid var(--flame-orange);background:var(--dark-surface-hover)}.timeline-card .front-text{font-weight:700;color:var(--text-primary);margin-bottom:4px}.timeline-card .stats{color:var(--text-secondary);font-size:.75rem}.timeline-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border-color)}.timeline-now{bottom:-10px;width:2px;height:20px;background:var(--flame-orange)}.timeline-now,.timeline-now:after{position:absolute;transform:translateX(-50%)}.timeline-now:after{content:"Now";bottom:-20px;left:50%;font-size:.75rem;color:var(--flame-orange);white-space:nowrap}.deck-list::-webkit-scrollbar{width:8px}.deck-list::-webkit-scrollbar-track{background:var(--dark-surface);border-radius:4px}.deck-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.deck-list::-webkit-scrollbar-thumb:hover{background:var(--flame-orange)}