.container{background-color:#121212;color:#e0e0e0;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.select-deck-container{max-width:500px;margin:0 auto}.section-title{font-size:1.5rem;margin-bottom:1.5rem;color:#fff;font-weight:500}.decks{margin-bottom:4rem}.deck{background-color:#1e1e1e;border-radius:12px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;cursor:pointer;border:none;width:100%;color:inherit;text-align:left;transition:background-color .3s ease;position:relative;overflow:hidden;gap:20px}.saved-deck{touch-action:pan-x;-webkit-user-select:none;user-select:none;transition:all .3s ease}.saved-deck{touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.deck:hover{background-color:#2d2d2d}.icon{font-size:1.5rem;opacity:.9;z-index:1;filter:grayscale(100%) contrast(90%) brightness(90%) sepia(9%);width:50px;text-align:center}.icon svg{fill:#fff;width:50px;height:50px}.deck-content{flex:1;z-index:1}.deck-title{font-size:1.1rem;margin-bottom:.25rem;color:#fff}.deck-description{font-size:.9rem;color:#999}@media (hover: none){.saved-deck{touch-action:none}}.menu-section{position:fixed;bottom:0;left:0;right:0;padding:1.5rem;background:#1e1e1e;border-top:1px solid #2d2d2d}.menu-list{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2d2d2d;border-radius:8px;color:#fff;text-decoration:none;transition:background .3s ease}.menu-item:hover{background:#3d3d3d}.menu-icon{font-size:1.2rem}header{position:relative;display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 1rem 2rem;width:40vh;margin:auto;z-index:10000}header a{text-decoration:none;color:#fff}h1{font-size:1.5rem;color:#fff;font-weight:300;margin:0}.logo{height:50px;width:50px}@media (min-width: 600px){h1{font-size:2rem}}.swipeable-card{position:absolute;width:75vmin;max-width:40vh;aspect-ratio:2.5 / 3.5;background:#fff;border-radius:15px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;transition:all .3s ease;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden}.swipeable-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:linear-gradient(45deg,#007bff,#4ecdc4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.swipeable-card.visible{opacity:1;pointer-events:all;transform:translate(0) rotate(0) scale(1);transition:none}.swipeable-card.next-card{opacity:.5;transform:scale(.95) translateY(20px);pointer-events:none}.swipeable-card.swiped-left{transform:translate(-200%) rotate(-30deg)!important;opacity:0!important;transition:transform .3s ease,opacity .3s ease!important}.swipeable-card.swiped-right{transform:translate(200%) rotate(30deg)!important;opacity:0!important;transition:transform .3s ease,opacity .3s ease!important}.card-container{position:absolute;top:10%;left:0;right:0;bottom:10%;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.card-icon{font-size:2rem;margin-bottom:1rem;filter:grayscale(100%) contrast(90%) brightness(90%) sepia(9%);transition:filter .3s ease}.card-title{font-size:1.5rem;margin-bottom:1rem;color:#333}.card-question{color:#666;line-height:1.5}.card-label{font-size:1.1rem;margin-bottom:.5rem}.action-indicator{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:10px;font-weight:700;font-size:1.5rem;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center}.keep-indicator{background:#28a745e6;color:#fff}.reject-indicator{background:#dc3545e6;color:#fff}.keep-indicator-blue{background:#318fd7e6;color:#fff}.saved-cards{display:none;color:#e0e0e0;min-height:100vh;background-color:#121212;max-width:70vh;margin:auto}.saved-cards.visible{display:block}.saved-card{background:#1e1e1e;padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 4px #0003}.saved-card .card-title,.saved-card .card-question{color:#e0e0e0}.saved-card p{margin-bottom:1rem}.saved-cards-header{margin-bottom:2rem;text-align:center}.saved-cards-header h2{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.saved-cards-header p{color:#999;font-size:1rem}.collapsed .collapsable{display:none}.collapsed.saved-card{display:flex;gap:2rem;align-items:center}.collapsed.saved-card>*{margin-bottom:0}.back-button{display:block;margin:2rem auto;padding:.8rem 1.5rem;background-color:#1e1e1e;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s ease}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#fff;background-color:#121212}.error{color:#f44}.congrats-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#000000e6;animation:fadeIn .5s ease}.congrats-container h2{color:#fff;font-size:3rem;animation:scaleUp .5s ease}.no-cards-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;background-color:#121212;color:#fff;animation:fadeIn .5s ease}.no-cards-message h2{font-size:2rem;margin-bottom:1rem}.no-cards-message p{font-size:1.2rem;margin-bottom:2rem;color:#999}.action-buttons{display:flex;gap:1rem}.action-buttons button{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.action-buttons button:first-child{background-color:#4ecdc4;color:#fff}.action-buttons button:last-child{background-color:#1e1e1e;border:2px solid #333;color:#fff}.action-buttons button:first-child:hover{background-color:#45b8b0}.action-buttons button:last-child:hover{background-color:#2d2d2d;border-color:#444}@keyframes scaleUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.done-button{position:fixed;top:20px;right:20px;padding:8px 20px;background-color:#4ecdc4;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;z-index:1001;transition:all .3s ease}.done-button:hover{background-color:#45b8b0;transform:translateY(-1px)}.done-button:active{transform:translateY(0)}.home{position:absolute;left:1rem}.done{position:absolute;right:1rem}.saved-deck-view{color:#e0e0e0;min-height:100vh;background-color:#121212;max-width:50vh;margin:auto;padding-bottom:80px}.saved-deck-header{margin-bottom:2rem;text-align:center}.saved-deck-title{font-size:1.8rem;margin-bottom:.5rem;color:#fff;cursor:pointer}.saved-deck-timestamp{color:#999;font-size:1rem}.saved-deck-card{background:#1e1e1e;padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 4px #0003}.saved-deck-card .card-icon{font-size:2rem;margin-bottom:1rem;filter:grayscale(100%) contrast(90%) brightness(90%)}.saved-deck-card .card-title{color:#e0e0e0;margin-bottom:1rem}.saved-deck-card .card-description,.saved-deck-card .card-explanation,.saved-deck-card .card-question{color:#e0e0e0;margin-bottom:1rem;line-height:1.5}.saved-deck-card .card-label{color:#e0e0e0;margin-bottom:.5rem;font-size:1.1rem}.saved-deck-card.collapsed .collapsable{display:none}.saved-deck-card.collapsed{display:flex;gap:2rem;align-items:center}.saved-deck-card.collapsed>*{margin-bottom:0}.button-container{bottom:0;left:0;right:0;padding:1rem;display:flex;gap:1rem;justify-content:center;background-color:#121212;border-top:1px solid #2d2d2d}.back-button,.delete-button{padding:.8rem 1.5rem;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s ease;border:none}.back-button{background-color:#1e1e1e;border:2px solid #333}.delete-button{background-color:#dc3545;border:2px solid #dc3545}.back-button:hover{background-color:#2d2d2d;border-color:#444}.delete-button:hover{background-color:#bb2d3b;border-color:#bb2d3b}.back-button{margin:0;display:inline-flex}.name-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.name-prompt-container{background:#1e1e1e;padding:2rem;border-radius:12px;width:90%;max-width:400px;text-align:center}.name-prompt-container h2{color:#fff;margin-bottom:1.5rem}.name-prompt-container form{display:flex;flex-direction:column;gap:1rem}.name-prompt-container input{padding:.8rem;border:2px solid #333;border-radius:6px;background:#2d2d2d;color:#fff;font-size:1rem}.name-prompt-container input:focus{outline:none;border-color:#4ecdc4}.name-error{color:#f44;font-size:.9rem;margin-top:-.5rem}.name-prompt-buttons{display:flex;gap:1rem;justify-content:center}.name-prompt-buttons button{padding:.8rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease}.name-prompt-buttons .cancel-button{background:#2d2d2d;color:#fff}.name-prompt-buttons button[type=submit]{background:#4ecdc4;color:#fff}.name-prompt-buttons button:hover{transform:translateY(-1px)}.name-prompt-buttons .cancel-button:hover{background:#3d3d3d}.name-prompt-buttons button[type=submit]:hover{background:#45b8b0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sortable-ghost{opacity:.5}.sortable-drag{opacity:.9}.card-icon{cursor:grab}.card-icon:active{cursor:grabbing}.language-settings{max-width:600px;margin:0 auto;padding:2rem;color:#fff}.language-settings h1{margin-bottom:2rem;text-align:center}.language-list{display:flex;flex-direction:column;gap:1rem}.language-option{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#1e1e1e;border:2px solid transparent;border-radius:12px;color:#fff;cursor:pointer;width:100%;transition:all .3s ease}.language-option:hover{background:#2d2d2d}.language-option.active{border-color:#4ecdc4;background:#2d2d2d}.language-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.language-name{font-size:1.2rem;font-weight:500}.language-native-name{color:#999;font-size:.9rem}.current-language{color:#4ecdc4;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#121212;height:100dvh;display:flex;flex-direction:column;color:#e0e0e0}