.flashcards-container{max-width:100%;min-height:100vh;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s}.flashcards-container.light{color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.flashcards-container.dark{color:#ecf0f1;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.flashcards-container.fullscreen{z-index:9999;width:100vw;max-width:none;height:100vh;margin:0;padding:20px;position:fixed;inset:0;overflow-y:auto}.flashcards-header{text-align:center;justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.flashcards-header-title{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.flashcards-header-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.flashcards-back-btn{color:#243b73;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.35rem;width:fit-content;padding:.55rem .8rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0f172a1a}.flashcards-back-btn:hover{background:#f8fafc}.flashcards-back-btn:focus-visible{outline-offset:2px;outline:3px solid #2f6f7359}.category-filter-status{color:#334155;text-align:center;grid-column:1/-1;margin:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.flashcards-header h1{text-shadow:0 2px 4px #0000001a;margin:0;font-size:2.5rem;font-weight:700}.header-controls{gap:10px;display:flex}.theme-toggle,.fullscreen-toggle{cursor:pointer;background:50%/auto 30px no-repeat;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.icon-fullscreen{background-image:url(../media/icon-fullscreen.0q_foj2aau05k.svg)}.icon-shrink{background-image:url(../media/icon-shrink.0rrpl6955ntxr.svg)}.icon-light{background-image:url(../media/icon-light.2w9_vs0f_c7u4.svg)}.icon-dark{background-image:url(../media/icon-dark.09_p506b-yqjq.svg)}.theme-toggle:hover,.fullscreen-toggle:hover{transform:scale(1.1)}.flashcards-container.dark .theme-toggle,.flashcards-container.dark .fullscreen-toggle{color:#ecf0f1;background:#0003}.flashcards-container.dark .theme-toggle:hover,.flashcards-container.dark .fullscreen-toggle:hover{background:#0000004d}.language-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex;display:none!important}.language-group{flex-direction:column;align-items:center;gap:5px;display:flex}.language-group label{opacity:.8;font-size:.9rem;font-weight:600}.language-select{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0000001a}.flashcards-container.light .language-select{color:#333;background:#fff}.flashcards-container.dark .language-select{color:#ecf0f1;background:#34495e}.language-select:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.language-arrow{opacity:.8;font-size:1.5rem;font-weight:700}.game-options{justify-content:center;margin-bottom:20px;display:flex}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;align-items:center;padding:10px 15px 10px 0;transition:all .3s;display:flex}.checkbox-container:hover{background:#fff3}.flashcards-container.dark .checkbox-container{background:#0003}.flashcards-container.dark .checkbox-container:hover{background:#0000004d}.checkbox-input{display:none}.checkbox-custom{border:2px solid #ccc;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:10px;transition:all .3s;position:relative}.checkbox-input:checked+.checkbox-custom{background:#00b894;border-color:#00b894}.checkbox-input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label{opacity:.9;font-size:.9rem;font-weight:500;line-height:1.3}.card-container{perspective:1000px;width:100%;max-width:600px;margin:0 auto 30px}.card{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:300px;transform-style:preserve-3d;margin:0 auto;transition:transform .6s;position:relative}.card.flipped{transform:rotateY(180deg)}.card.dragging{transition:none}.card.dragging:not(.flipped){transform:translate3d(var(--drag-offset-x,0px), 0, 0)}.card.dragging.flipped{transform:rotateY(180deg) translate3d(var(--drag-offset-x,0px), 0, 0)}.card.transitioning .card-content{opacity:0;transition:opacity .3s}.card.transitioning .card-header,.card.transitioning .card-footer{opacity:.3;transition:opacity .3s}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card-front,.card-back{backface-visibility:hidden;box-sizing:border-box;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}.card-front{color:#fff;background:linear-gradient(135deg,#74b9ff,#0984e3)}.card-back{color:#fff;background:linear-gradient(135deg,#00b894,#00cec9);transform:rotateY(180deg)}.loading-card,.error-card{color:#333;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.language-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;padding:5px 12px;font-size:.8rem;font-weight:600}.card-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.word{text-shadow:0 2px 4px #0000004d;margin:0 0 15px;font-size:2.5rem;font-weight:700;line-height:1.2}.description{opacity:.8;margin:10px 0;font-size:1rem;line-height:1.4}.examples{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-top:15px;padding:15px}.examples strong{margin-bottom:8px;font-size:.9rem;display:block}.examples p{margin:0;font-size:.9rem;line-height:1.4}.card-footer{text-align:center}.tap-hint{opacity:.7;margin:0;font-size:.9rem;font-style:italic}.controls{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.flashcards-input-hint{color:#52627a;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;max-width:600px;margin:-6px auto 20px;font-size:.82rem;display:flex}.flashcards-input-hint span{align-items:center;gap:4px;display:inline-flex}.flashcards-input-hint kbd{color:#334155;min-width:1.4rem;font:inherit;background:#fff;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-size:.75rem;font-weight:700}.control-btn{cursor:pointer;border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;position:relative;box-shadow:0 4px 15px #0003}.previous-btn{color:#fff;background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.flip-btn{color:#fff;background:linear-gradient(135deg,#74b9ff,#0984e3)}.skip-btn{color:#fff;background:linear-gradient(135deg,#fd79a8,#e84393)}.control-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.control-btn:disabled{opacity:.5;cursor:not-allowed}.action-buttons{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:25px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0003}.correct-btn{color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.incorrect-btn{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.shake-hint{text-align:center;color:#fffc;margin-top:20px;font-size:.9rem}.preload-indicator{color:#00b894;margin:5px 0 0;font-weight:600;animation:2s infinite pulse}.session-stats{color:#74b9ff;margin:5px 0 0;font-size:.9rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;margin-top:15px;padding:10px 20px;font-size:1rem;font-weight:600;transition:transform .2s}.retry-btn:hover{transform:translateY(-1px)}.show-more-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;margin-top:10px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .3s}.show-more-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:80vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.flashcards-container.dark .modal-content{color:#ecf0f1;background:#2c3e50}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#f8f9fa;border-bottom:1px solid #eee;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.flashcards-container.dark .modal-header{background:#34495e;border-bottom-color:#4a5f7a}.modal-header h3{margin:0;font-size:1.3rem;font-weight:700}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:1.5rem;transition:background .2s;display:flex}.modal-close:hover{background:#0000001a}.flashcards-container.dark .modal-close:hover{background:#ffffff1a}.modal-body{padding:25px}.modal-word{text-align:center;background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px;font-size:1.2rem}.flashcards-container.dark .modal-word{background:#34495e}.modal-description,.modal-examples{margin-bottom:20px}.modal-description h4,.modal-examples h4{color:#666;margin:0 0 10px;font-size:1.1rem}.flashcards-container.dark .modal-description h4,.flashcards-container.dark .modal-examples h4{color:#bdc3c7}.modal-description p,.modal-examples p{color:#555;margin:0;line-height:1.6}.flashcards-container.dark .modal-description p,.flashcards-container.dark .modal-examples p{color:#ecf0f1}@media (max-width:900px){.hideOnMobile{display:none!important}.flashcards-container{min-height:0;padding:15px}.flashcards-container.fullscreen{padding:15px}.header-top{text-align:center;flex-direction:column;gap:15px}.flashcards-header h1{font-size:2rem}.flashcards-header-title{grid-template-columns:auto 1fr auto;gap:.5rem}.flashcards-header-title h1{text-align:center;font-size:1.4rem}.flashcards-back-btn{padding:.55rem}.flashcards-back-btn span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-selector{flex-direction:column;gap:10px}.language-arrow{transform:rotate(90deg)}.game-options{margin-bottom:15px}.checkbox-container{padding:8px 12px}.checkbox-label{font-size:.85rem}.meaning{font-size:1.1rem}.controls{grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.control-btn{width:100%;max-width:200px}.modal-content{max-height:90vh;margin:10px}.card{height:220px}.card-front,.card-back{padding:10px}.word{font-size:1.8rem}body.game-flashcards .sidebar{display:none!important}.control-btn .label{text-transform:lowercase;font-size:8px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.flashcards-input-hint{gap:6px 12px;font-size:.75rem}}