.logo.vite:hover{filter:drop-shadow(0 0 2em #747bff)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafb)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#f6f6f6;background-color:#2f2f2f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{margin:0;padding-top:10vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:.75s}.logo.tauri:hover{filter:drop-shadow(0 0 2em #24c8db)}.row{display:flex;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{text-align:center}input,button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:#0f0f0f98;transition:border-color .25s;box-shadow:0 2px 2px #0003}button{cursor:pointer}button:hover{border-color:#24c8db}button.active{background-color:#0f0f0f69;border-color:#007acc}.previous-btn{position:fixed;bottom:20px;right:20px;font-size:.8em;color:#aaa;z-index:10}input,button{outline:none}#greet-input{margin-right:5px}.card-container{perspective:1000px;margin:20px auto;width:300px;height:200px;position:relative}.card{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d;transition:transform .6s,opacity .3s;cursor:pointer}.next-card{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 4px 8px #0003;background-color:#333;color:#f6f6f6;-webkit-user-select:none;user-select:none}.card-buttons{position:absolute;bottom:10px;right:10px;display:flex;gap:5px}.card-back{transform:rotateY(180deg);background-color:#444;pointer-events:none}.card.flipped .card-front{pointer-events:none}.card.flipped .card-back{pointer-events:auto}.progress{margin:10px 20px;font-size:1.2em;display:flex;justify-content:space-between;font-weight:700}.learned-counter{color:#4caf50}.progress-counter{color:#f6f6f6}.to-review-counter{color:#ff9800}.deck-list{display:flex;flex-direction:column;gap:10px;margin:20px auto;max-width:400px;padding:0 20px}.deck-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:10px;background-color:#333;border:1px solid transparent;cursor:pointer;transition:border-color .25s,background-color .25s}.deck-item:hover{border-color:#24c8db;background-color:#3a3a3a}.deck-name{font-size:1.1em;font-weight:500;text-align:left}.deck-info{font-size:.9em;color:#888}.deck-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;justify-content:center}.back-btn{padding:8px 15px;font-size:.9em;background-color:transparent;border:1px solid #555}.back-btn:hover{border-color:#24c8db}.current-deck-name{font-size:1.1em;font-weight:500;color:#24c8db}.swap-btn{padding:8px 12px;font-size:1.1em;background-color:transparent;border:1px solid #555;min-width:40px}.swap-btn:hover{border-color:#24c8db}.swap-btn.active{background-color:#24c8db;color:#1a1a1a;border-color:#24c8db}.error{color:#ff6b6b;padding:10px;margin:10px 20px;background-color:#ff6b6b1a;border-radius:8px}.upload-btn{margin-top:20px;padding:12px 25px;background-color:#24c8db;color:#1a1a1a;font-weight:600;border:none;cursor:pointer}.upload-btn:hover{background-color:#1eb8c9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background-color:#2a2a2a;padding:25px;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal h2{margin-top:0;margin-bottom:10px}.modal-hint{color:#888;font-size:.9em;margin-bottom:15px}.file-input{width:100%;padding:15px;background-color:#333;border:2px dashed #555;border-radius:8px;cursor:pointer;color:#f6f6f6}.file-input:hover{border-color:#24c8db}.csv-preview{margin-top:20px;padding:15px;background-color:#333;border-radius:8px}.csv-preview h3{margin:0 0 10px;font-size:1em}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-card{display:flex;flex-direction:column;gap:4px;padding:8px;background-color:#3a3a3a;border-radius:6px}.preview-q{font-weight:500;color:#f6f6f6}.preview-a{font-size:.9em;color:#888}.preview-more{color:#666;font-style:italic;text-align:center;margin:5px 0 0}.deck-name-input{margin-top:15px;display:flex;flex-direction:column;gap:5px}.deck-name-input label{font-size:.9em;color:#888}.deck-name-input input{padding:10px;background-color:#333;border:1px solid #555;border-radius:6px;color:#f6f6f6}.deck-name-input input:focus{border-color:#24c8db;outline:none}.language-selection{margin-top:15px;display:flex;gap:15px}.language-select{flex:1;display:flex;flex-direction:column;gap:5px}.language-select label{font-size:.9em;color:#888}.language-select select{padding:10px;background-color:#333;border:1px solid #555;border-radius:6px;color:#f6f6f6;cursor:pointer}.language-select select:focus{border-color:#24c8db;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:10px 20px}.modal-actions button.primary{background-color:#24c8db;color:#1a1a1a;font-weight:600}.modal-actions button.primary:hover{background-color:#1eb8c9}.modal-actions button.primary:disabled{background-color:#555;color:#888;cursor:not-allowed}.column-selection{margin-top:15px;display:flex;gap:15px}.column-select{flex:1;display:flex;flex-direction:column;gap:5px}.column-select label{font-size:.9em;color:#888}.column-select select{padding:10px;background-color:#333;border:1px solid #555;border-radius:6px;color:#f6f6f6;cursor:pointer}.column-select select:focus{border-color:#24c8db;outline:none}