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