@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit}:focus-visible{outline:3px solid rgba(108,92,231,.5);outline-offset:2px}html{scroll-behavior:smooth}::selection{background:#6c5ce74d;color:inherit}*{margin:0;padding:0;box-sizing:border-box}:root{--card-bg: #ffffff;--text-dark: #2d3436;--text-light: #636e72;--shadow: 0 10px 40px rgba(0, 0, 0, .15);--shadow-hover: 0 15px 50px rgba(0, 0, 0, .2);--border-radius: 20px;--transition: .3s ease}body{font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;transition:background-color .5s ease;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.top-badges{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;z-index:100}@media(max-width:600px){.top-badges{top:1rem;right:1rem;gap:.5rem}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.start-container{text-align:center;animation:fadeIn .6s ease}.title{font-size:4rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2);margin-bottom:.5rem;letter-spacing:-1px}.subtitle{font-size:1.4rem;color:#ffffffe6;margin-bottom:2rem;font-weight:500}.signup-prompt{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;max-width:380px;animation:slideUp .5s ease}.signup-prompt-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.signup-prompt-text{font-size:.95rem;color:#ffffffd9;line-height:1.5;margin-bottom:1rem}.signup-prompt-button{background:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;font-family:Quicksand,sans-serif;color:#6366f1;border-radius:50px;cursor:pointer;transition:all .2s ease}.signup-prompt-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.start-button{background:var(--card-bg);border:none;padding:1.2rem 3rem;font-size:1.3rem;font-weight:600;font-family:Quicksand,sans-serif;color:var(--text-dark);border-radius:50px;cursor:pointer;box-shadow:var(--shadow);transition:all var(--transition)}.start-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-hover)}.start-button:active{transform:translateY(0) scale(.98)}.login-hint{margin-top:1.5rem;font-size:.95rem;color:#ffffffbf;animation:fadeIn .6s ease .3s both}.login-hint-link{background:none;border:none;font-family:Quicksand,sans-serif;font-size:inherit;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:opacity .2s ease}.login-hint-link:hover{opacity:.85}.replay-banner{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1rem;animation:fadeIn .3s ease}.loading-container{text-align:center;color:#fff}.loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.title{font-size:2.5rem}.subtitle{font-size:1.1rem}.start-button{padding:1rem 2rem;font-size:1.1rem}}.settings-badge{display:flex;align-items:center;gap:.6rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:.7rem 1.2rem;border-radius:50px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:600;color:#2d3436;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.settings-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.settings-badge-flag{font-size:1.1rem;line-height:1}.settings-badge-text{display:inline}.settings-badge-divider{color:#b2bec3}.settings-badge-difficulty{color:#636e72}.settings-badge-icon{width:18px;height:18px;margin-left:.3rem;color:#6c5ce7}@media(max-width:600px){.settings-badge{padding:.5rem .7rem;gap:.3rem;border-radius:50px}.settings-badge-flag{font-size:1.2rem}.settings-badge-text,.settings-badge-divider,.settings-badge-difficulty{display:none}.settings-badge-icon{width:16px;height:16px;margin-left:0}}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:24px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-title{font-size:1.8rem;font-weight:700;color:#2d3436;margin-bottom:1.5rem;text-align:center}.settings-section{margin-bottom:1.5rem}.settings-label{display:block;font-size:.9rem;font-weight:600;color:#636e72;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.language-options-wrapper{position:relative}.language-options-wrapper:before,.language-options-wrapper:after{content:"";position:absolute;top:0;bottom:4px;width:40px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.language-options-wrapper:before{left:0;background:linear-gradient(to right,white 0%,white 30%,transparent 100%)}.language-options-wrapper:after{right:0;background:linear-gradient(to left,white 0%,white 30%,transparent 100%)}.language-options-wrapper.scrolled-start:before{opacity:1}.language-options-wrapper.has-more:after{opacity:1}.language-options{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;padding-left:.25rem;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:#ddd transparent}.language-options::-webkit-scrollbar{height:4px}.language-options::-webkit-scrollbar-track{background:transparent}.language-options::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.difficulty-options{display:flex;gap:.75rem}.language-button{flex-shrink:0;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s ease;white-space:nowrap}.difficulty-button{flex:1;padding:.9rem 1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s ease}.language-button:hover,.difficulty-button:hover{border-color:#b2bec3;background:#f8f9fa}.language-button.active,.difficulty-button.active{border-color:#6c5ce7;background:#6c5ce7;color:#fff}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-button{flex:1;padding:1rem;border:none;border-radius:12px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button.cancel{background:#f1f2f6;color:#636e72}.modal-button.cancel:hover{background:#e4e6eb}.modal-button.save{background:#6c5ce7;color:#fff}.modal-button.save:hover{background:#5b4cdb;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-content{max-width:480px;max-height:90vh;overflow-y:auto}.slider-container{padding:.5rem 0}.custom-slider{width:100%;height:8px;border-radius:4px;background:#e0e0e0;outline:none;-webkit-appearance:none;appearance:none}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#6c5ce7;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #6c5ce766;transition:transform .2s ease}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.custom-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#6c5ce7;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #6c5ce766}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 2px}.slider-labels span{font-size:.75rem;color:#b2bec3;font-weight:600;transition:color .2s ease}.slider-labels span.active{color:#6c5ce7}.settings-hint{font-size:.8rem;color:#636e72;margin-top:.5rem;line-height:1.4}.empty-hint{font-style:italic;color:#b2bec3}.custom-words-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:150px;overflow-y:auto;padding:.25rem}.word-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem .4rem .8rem;background:#f1f2f6;border-radius:20px;font-size:.85rem;color:#2d3436;font-weight:500}.word-pill-delete{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:#dfe6e9;border-radius:50%;color:#636e72;font-size:14px;line-height:1;cursor:pointer;transition:all .2s ease}.word-pill-delete:hover{background:#e74c3c;color:#fff}.add-words-button{width:100%;padding:.75rem;border:2px dashed #dfe6e9;border-radius:12px;background:transparent;color:#6c5ce7;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-words-button:hover{border-color:#6c5ce7;background:#6c5ce70d}.add-words-form{display:flex;flex-direction:column;gap:.75rem}.add-words-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:12px;font-family:Quicksand,sans-serif;font-size:.9rem;resize:vertical;min-height:80px;transition:border-color .2s ease}.add-words-textarea:focus{outline:none;border-color:#6c5ce7}.add-words-textarea::placeholder{color:#b2bec3}.add-words-actions{display:flex;gap:.75rem}.add-words-actions .modal-button{flex:1;padding:.75rem}.words-error{color:#e74c3c;font-size:.85rem;margin:0}@media(max-width:600px){.modal-content{padding:1.5rem;margin:1rem}.difficulty-options{flex-direction:column}.settings-modal-content{max-height:85vh}}.custom-words-badge{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.custom-words-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.custom-words-badge-icon{width:20px;height:20px;color:#6c5ce7}.custom-words-badge .badge-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d3436;color:#fff;padding:.4rem .75rem;border-radius:6px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.custom-words-badge .badge-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2d3436}.custom-words-badge:hover .badge-tooltip{opacity:1;visibility:visible}@media(max-width:600px){.custom-words-badge{width:38px;height:38px}.custom-words-badge-icon{width:18px;height:18px}}.custom-words-modal-content{max-width:480px;max-height:90vh;overflow-y:auto}.login-prompt{text-align:center;padding:2rem 1rem;color:#636e72}.login-prompt p{margin:0;font-size:1rem;line-height:1.5}.language-select-row{display:flex;align-items:center;gap:1rem}.language-select{flex:1;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;color:#2d3436;background:#fff;cursor:pointer;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23636e72' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.language-select:focus{outline:none;border-color:#6c5ce7}.word-count{font-size:.85rem;color:#6c5ce7;font-weight:600;white-space:nowrap}.words-section{flex:1;display:flex;flex-direction:column;min-height:150px}.words-section .custom-words-pills{flex:1;max-height:200px}@media(max-width:600px){.custom-words-modal-content{max-height:85vh}.language-select-row{flex-direction:column;align-items:stretch}.word-count{text-align:center}}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .4s ease}.progress-indicator{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:1rem}.flashcard{width:340px;height:420px;perspective:500px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;box-shadow:0 0 15px #0000001a;transition:transform .5s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;background:#fff;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;backface-visibility:hidden}.flashcard-back{background:linear-gradient(135deg,#667eea,#764ba2);transform:rotateY(180deg)}.flashcard.transitioning .card-word,.flashcard.transitioning .card-meaning{visibility:hidden}.card-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#b2bec3;margin-bottom:1rem}.flashcard-back .card-label{color:#ffffffb3}.card-word{font-size:2.5rem;font-weight:700;color:#2d3436;text-align:center;line-height:1.3}.card-meaning{font-size:2rem;font-weight:700;color:#fff;text-align:center;line-height:1.3}.card-hint{position:absolute;bottom:1.5rem;font-size:.8rem;color:#b2bec3;font-weight:500}.flashcard-back .card-hint{color:#fff9}.flashcard-controls{display:flex;gap:1rem}.control-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.flip-button{background:#fffffff2;color:#2d3436;box-shadow:0 4px 20px #00000026}.flip-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.next-button{background:#fff;color:#2d3436;box-shadow:0 4px 20px #00000026}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003}.control-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.flashcard{width:300px;height:380px}.card-word{font-size:2rem}.card-meaning{font-size:1.6rem}.flashcard-controls{flex-direction:column;width:100%;max-width:300px}.control-button{justify-content:center;width:100%}}.user-badge{position:fixed;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:.7rem 1.2rem;border-radius:50px;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;color:#2d3436;box-shadow:0 4px 20px #0000001a;z-index:100}.user-badge.guest{cursor:pointer;transition:all .3s ease}.user-badge.guest:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.user-badge-icon{width:18px;height:18px;color:#6c5ce7}.user-badge.logged-in{gap:.75rem}.user-badge-initial{display:none;width:24px;height:24px;background:#6c5ce7;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;align-items:center;justify-content:center}.user-badge-email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6c5ce7}.user-badge-logout{display:flex;align-items:center;gap:.3rem;background:#00000014;border:none;padding:.4rem .8rem;border-radius:20px;font-family:inherit;font-size:.8rem;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s ease}.user-badge-logout:hover{background:#ef444426;color:#ef4444}.logout-icon{display:none;width:16px;height:16px}@media(max-width:600px){.user-badge{top:1rem;left:1rem;padding:.5rem;gap:.4rem}.user-badge.guest{padding:.5rem;width:38px;height:38px;justify-content:center;border-radius:50%}.sign-in-text{display:none}.user-badge-initial{display:flex}.user-badge-email{display:none}.user-badge-logout{padding:.4rem;border-radius:50%}.logout-text{display:none}.logout-icon{display:block}}.login-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.login-modal{background:#1a1a2e;border-radius:16px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}.login-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#fff9;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.login-modal-close:hover{background:#ffffff1a;color:#fff}.login-modal-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#fff;text-align:center}.login-modal-subtitle{margin:0 0 1.5rem;color:#fff9;text-align:center;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:400px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group label{font-size:.875rem;font-weight:500;color:#fffc}.form-group input{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:1rem;transition:all .2s ease;width:100%;min-width:0;box-sizing:border-box}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{outline:none;border-color:#6366f1;background:#6366f11a;box-shadow:0 0 0 3px #6366f133}.login-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center}.login-submit-btn{margin-top:.5rem;padding:.875rem 1.5rem;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-toggle{margin-top:1.5rem;text-align:center;color:#fff9;font-size:.875rem}.login-toggle button{background:none;border:none;color:#818cf8;font-weight:600;cursor:pointer;font-size:.875rem;padding:0;margin-left:.25rem}.login-toggle button:hover{color:#a5b4fc;text-decoration:underline}.history-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.history-modal{background:#1a1a2e;border-radius:16px;padding:2rem;width:100%;max-width:500px;max-height:80vh;position:relative;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.history-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#fff9;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.history-modal-close:hover{background:#ffffff1a;color:#fff}.history-modal-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.history-sync-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-bottom:1rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.85rem;font-family:inherit;color:#c7d2fe;cursor:pointer;transition:all .2s ease}.history-sync-prompt:hover{background:#6366f140;border-color:#6366f180}.history-sync-prompt strong{color:#a5b4fc;text-decoration:underline;text-underline-offset:2px}.history-sync-icon{font-size:1rem}.history-loading,.history-empty{text-align:center;padding:2rem;color:#fff9}.history-loading .loader{margin:0 auto 1rem}.history-empty-hint{font-size:.875rem;margin-top:.5rem;opacity:.7}.history-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;text-align:center}.history-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.history-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .2s ease}.history-item:hover{background:#ffffff14;border-color:#ffffff26}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.history-item-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.history-item-language{font-weight:600;color:#fff}.history-item-difficulty{font-size:.75rem;padding:.2rem .5rem;background:#6366f133;color:#a5b4fc;border-radius:4px}.history-item-replay-badge{font-size:.7rem;padding:.15rem .4rem;background:#22c55e33;color:#86efac;border-radius:4px}.history-item-date{font-size:.75rem;color:#fff6}.history-item-stats{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:#fff9}.history-item-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.history-word-chip{font-size:.75rem;padding:.25rem .5rem;background:#ffffff1a;color:#fffc;border-radius:4px}.history-word-more{font-size:.75rem;color:#fff6;padding:.25rem 0}.history-replay-btn{width:100%;padding:.6rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.history-replay-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:500px){.history-modal{padding:1.5rem;max-height:85vh}.history-item-header{flex-direction:column;gap:.5rem}}.history-badge{position:relative;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:.7rem;width:44px;height:44px;border-radius:50%;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.history-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.history-badge-icon{width:20px;height:20px;color:#6c5ce7}.history-badge .badge-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d3436;color:#fff;padding:.4rem .75rem;border-radius:6px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.history-badge .badge-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2d3436}.history-badge:hover .badge-tooltip{opacity:1;visibility:visible}@media(max-width:600px){.history-badge{width:38px;height:38px;padding:.5rem;font-size:1rem}}.info-badge{position:relative;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:.7rem;width:44px;height:44px;border-radius:50%;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.info-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.info-badge-icon{width:20px;height:20px;color:#6c5ce7}.info-badge .badge-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d3436;color:#fff;padding:.4rem .75rem;border-radius:6px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.info-badge .badge-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2d3436}.info-badge:hover .badge-tooltip{opacity:1;visibility:visible}@media(max-width:600px){.info-badge{width:38px;height:38px;padding:.5rem;font-size:1rem}}.info-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.info-modal{background:#1a1a2e;border-radius:16px;padding:2rem;width:100%;max-width:450px;position:relative;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.info-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#fff9;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.info-modal-close:hover{background:#ffffff1a;color:#fff}.info-modal-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.info-section{margin-bottom:1.5rem}.info-section:last-of-type{margin-bottom:2rem}.info-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#a5b4fc}.info-section-icon{font-size:1.1rem}.info-list{margin:0;padding-left:1.25rem;color:#fffc;font-size:.9rem;line-height:1.6}.info-list li{margin-bottom:.5rem}.info-list li:last-child{margin-bottom:0}.info-list strong{color:#c7d2fe}.info-got-it-btn{width:100%;padding:.85rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.info-got-it-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media(max-width:500px){.info-modal{padding:1.5rem}.info-modal-title{font-size:1.3rem}.info-section-title{font-size:.95rem}.info-list{font-size:.85rem}}