body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.word-card{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:15px;width:100%}.word-card__header{align-items:center;display:flex;justify-content:center;margin-bottom:12px;position:relative}.word-card__word{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:cardEntrance .6s ease-out;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:3.5rem;font-weight:700;margin:0;max-width:calc(100% - 95px);padding:0 2px;text-align:center}.word-card__groups-container{left:0;position:absolute;z-index:10}.word-card__groups-icon{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:64px;justify-content:center;transition:all .3s ease;width:64px}.word-card__groups-icon .star-icon{fill:none;stroke:var(--primary);stroke-width:1.5;height:40px;transition:all .3s ease;width:40px}.word-card__groups-icon.active .star-icon{fill:var(--primary);stroke:var(--primary)}.word-card__groups-icon:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.15)}.word-card__groups-icon:active{animation:buttonPress .2s ease}.word-card__groups-icon.active{animation:heartBeat .5s ease}.word-card .tts-controls{align-items:center;display:flex;flex-direction:column;gap:8px;position:absolute;right:0;z-index:10}.word-card .tts-button{align-items:center;background:#0000;border:2px solid var(--tertiary);border-radius:12px;color:var(--tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.word-card .tts-button svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.word-card .tts-button:hover{background:var(--tertiary);box-shadow:0 4px 8px #00000026;color:var(--text-dark);transform:translateY(-2px)}.word-card .tts-button:hover svg{stroke:var(--text-dark)}.word-card .tts-button.active{animation:pulse 1.5s infinite;background:var(--tertiary);color:var(--text-dark)}.word-card .tts-button.active svg{stroke:var(--text-dark)}.word-card .tts-button:active{transform:translateY(0) scale(.95)}.word-card__groups-menu{animation:dropdownSlideIn .2s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--primary);border-radius:12px;box-shadow:0 8px 16px #00000040;left:0;max-width:400px;min-width:280px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:1000}.word-card__groups-menu .groups-menu__header{border-bottom:2px solid var(--bg-cream);color:var(--text-dark);font-size:.95rem;font-weight:600;margin-bottom:8px;padding:8px 10px}.word-card__groups-menu .groups-menu__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.word-card__groups-menu .groups-menu__item{align-items:center;background:var(--bg-cream);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.word-card__groups-menu .groups-menu__item:hover{background:#ff6b351a;border-color:#ff6b354d}.word-card__groups-menu .groups-menu__item.active{background:linear-gradient(135deg,#ff6b3533,#ff9f1c33);border-color:var(--primary)}.word-card__groups-menu .groups-menu__item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.word-card__groups-menu .groups-menu__item .group-icon{flex-shrink:0;font-size:1.2rem}.word-card__groups-menu .groups-menu__item .group-label{color:var(--text-dark);flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-card__groups-menu .groups-menu__item .checkmark{color:var(--primary);flex-shrink:0;font-size:1rem;font-weight:700}.word-card__groups-menu .groups-menu__item.create-new-item{background:#ff6b350d;border-color:#ff6b3580;border-style:dashed;justify-content:center;min-height:60px}.word-card__groups-menu .groups-menu__item.create-new-item .plus-icon{color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1}.word-card__groups-menu .groups-menu__item.create-new-item:hover{background:#ff6b3526;border-color:var(--primary);transform:scale(1.05)}.word-card__groups-menu .groups-menu__item.create-new-item:hover .plus-icon{transform:rotate(90deg)}.word-card__groups-menu .groups-menu__item.create-new-item:active{transform:scale(.95)}.word-card__edit-icon{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:48px}.word-card__edit-icon:hover{background:var(--secondary);box-shadow:0 8px 16px #00000040;transform:scale(1.1)}.word-card__edit-icon:active{animation:buttonPress .2s ease}.word-card__content{margin:10px 0}.word-card__examples-section,.word-card__meaning-section{margin:8px 0}.word-card .examples-read-switch{background:var(--bg-cream);border-radius:8px;display:flex;gap:2px;padding:2px}.word-card .examples-read-switch .switch-option{background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:.85rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.word-card .examples-read-switch .switch-option:hover{color:var(--text-dark)}.word-card .examples-read-switch .switch-option.active{background:var(--primary);color:var(--white)}.word-card__reveal-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 24px;transition:all .3s ease;width:100%}.word-card__reveal-btn:hover{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-card__reveal-btn:active{animation:buttonPress .2s ease}.word-card__examples,.word-card__meaning{margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.word-card__examples.visible,.word-card__meaning.visible{animation:revealContent .4s ease-out;max-height:500px;opacity:1}.word-card__examples p,.word-card__meaning p{background:var(--bg-cream);border-left:4px solid var(--secondary);border-radius:10px;color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin:6px 0;padding:8px}.word-card__meaning p{font-size:1.6rem;font-weight:500;text-align:center}.word-card__edit-btn{background:var(--tertiary);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .3s ease}.word-card__edit-btn:hover{background:var(--secondary);transform:translateY(-2px)}.word-card__edit-textarea{background:var(--bg-cream);border:2px solid var(--primary);border-radius:12px;color:var(--text-dark);font-family:inherit;font-size:1.1rem;line-height:1.6;margin:8px 0;min-height:40px;overflow-y:hidden;padding:12px;resize:none;transition:all .3s ease;width:100%}.word-card__edit-textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #0000001a;outline:none}.word-card__edit-textarea::placeholder{color:var(--text-light)}.word-card__examples .example-item{align-items:flex-start;animation:revealContent .3s ease-out;display:flex;gap:10px;margin:8px 0}.word-card__examples .example-item:first-child{animation-delay:.1s}.word-card__examples .example-item:nth-child(2){animation-delay:.2s}.word-card__examples .example-item:nth-child(3){animation-delay:.3s}.word-card__examples .example-item .example-number{align-items:center;background:var(--secondary);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.word-card__examples .example-item p{flex:1 1;margin:0}.word-card__examples .example-item p .translation{color:var(--text-light);font-size:.95em}.word-card__examples .example-item p .translation i{font-style:italic}.word-card__examples .no-examples{color:var(--text-light);font-style:italic}.word-card__knowledge{margin-top:15px;text-align:center}.word-card__knowledge h3{color:var(--text-dark);font-size:1.5rem;margin-bottom:10px}.word-card__knowledge .knowledge-row{align-items:center;display:flex;gap:15px;justify-content:space-between}.word-card__knowledge .knowledge-row .word-card__groups-container{flex-shrink:0;position:relative}.word-card__knowledge .knowledge-row .word-card__groups-icon{height:56px;width:56px}.word-card__knowledge .knowledge-row .word-card__edit-icon{flex-shrink:0;position:relative;right:auto}.word-card__knowledge .knowledge-row .word-card__groups-menu{bottom:calc(100% + 8px);top:auto}.word-card__knowledge .knowledge-buttons{display:flex;flex-wrap:nowrap;gap:15px;justify-content:center}.word-card__knowledge .knowledge-buttons .knowledge-btn{align-items:center;background:var(--white);background:var(--gradient-card-bg,var(--white));border:3px solid var(--bg-cream);border-radius:16px;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-width:140px;padding:20px 15px;transition:all .3s ease}.word-card__knowledge .knowledge-buttons .knowledge-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-5px)}.word-card__knowledge .knowledge-buttons .knowledge-btn:active{animation:buttonPress .2s ease}.word-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:2.5rem}.word-card__knowledge .knowledge-buttons .knowledge-btn .label{color:var(--text-dark);font-size:1rem;font-weight:600}.word-card__knowledge .knowledge-buttons .knowledge-btn.selected{animation:glowPulse 1.5s ease-in-out infinite}.word-card__knowledge .knowledge-buttons .knowledge-btn.level-1.selected,.word-card__knowledge .knowledge-buttons .knowledge-btn.level-1:hover{background:#ff4b4b1a;border-color:var(--danger)}.word-card__knowledge .knowledge-buttons .knowledge-btn.level-2.selected,.word-card__knowledge .knowledge-buttons .knowledge-btn.level-2:hover{background:#ff9f1c26;border-color:var(--secondary)}.word-card__knowledge .knowledge-buttons .knowledge-btn.level-3.selected,.word-card__knowledge .knowledge-buttons .knowledge-btn.level-3:hover{background:#ff6b3526;border-color:var(--primary)}.word-card__item-meta{border-top:2px solid var(--bg-cream);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:12px;padding-top:12px}.word-card__item-meta .meta-tag{background:#ff6b3526;border-radius:12px;color:var(--primary);font-size:.85rem;font-weight:600;padding:5px 12px}@media(max-width:768px){.word-card{max-width:100%;padding:18px 15px}.word-card__header{margin-bottom:15px}.word-card__word{font-size:2rem;line-height:1.2;max-width:calc(100% - 75px)}.word-card__groups-icon{height:52px;width:52px}.word-card__groups-icon .star-icon{height:32px;width:32px}.word-card .tts-button{height:36px;width:36px}.word-card .tts-button svg{height:20px;width:20px}.word-card__groups-menu{max-width:360px;min-width:260px;padding:10px}.word-card__groups-menu .groups-menu__header{font-size:.9rem;padding:6px 8px}.word-card__groups-menu .groups-menu__grid{gap:6px}.word-card__groups-menu .groups-menu__item{gap:6px;padding:8px}.word-card__groups-menu .groups-menu__item .group-icon{font-size:1rem}.word-card__groups-menu .groups-menu__item .group-label{font-size:.85rem}.word-card__groups-menu .groups-menu__item.create-new-item{min-height:50px}.word-card__groups-menu .groups-menu__item.create-new-item .plus-icon{font-size:2rem}.word-card__edit-icon{font-size:1.3rem;height:40px;width:40px}.word-card__content{margin:15px 0}.word-card__examples-section,.word-card__meaning-section{margin:12px 0}.word-card .examples-read-switch .switch-option{font-size:.8rem;padding:3px 10px}.word-card__reveal-btn{font-size:.95rem;padding:7px 18px}.word-card__examples,.word-card__examples.visible,.word-card__meaning,.word-card__meaning.visible{max-height:none}.word-card__examples p,.word-card__meaning p{font-size:1rem;margin:6px 0;padding:10px}.word-card__meaning p{font-size:1.3rem}.word-card__examples .example-item{gap:8px;margin:6px 0}.word-card__examples .example-item .example-number{font-size:.9rem;height:26px;width:26px}.word-card__examples .example-item p{font-size:.95rem;padding:10px}.word-card__edit-btn{font-size:.85rem;padding:6px 14px}.word-card__knowledge{margin-top:20px}.word-card__knowledge h3{font-size:1.15rem;margin-bottom:12px}.word-card__knowledge .knowledge-row{gap:10px}.word-card__knowledge .knowledge-row .word-card__groups-icon{height:48px;width:48px}.word-card__knowledge .knowledge-row .word-card__edit-icon{font-size:1.3rem;height:40px;width:40px}.word-card__knowledge .knowledge-buttons{gap:10px}.word-card__knowledge .knowledge-buttons .knowledge-btn{flex:1 1;min-width:0;padding:14px 10px}.word-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:2rem}.word-card__knowledge .knowledge-buttons .knowledge-btn .label{font-size:.85rem}.word-card__item-meta{gap:6px;margin-top:15px;padding-top:12px}.word-card__item-meta .meta-tag{font-size:.8rem;padding:4px 10px}}@media(max-width:480px){.word-card{border-radius:16px;padding:12px 10px}.word-card__header{margin-bottom:12px}.word-card__word{font-size:1.75rem;max-width:calc(100% - 65px)}.word-card__groups-icon{height:44px;width:44px}.word-card__groups-icon .star-icon{height:28px;width:28px}.word-card .tts-button{height:32px;width:32px}.word-card .tts-button svg{height:18px;width:18px}.word-card__groups-menu{max-width:320px;min-width:240px;padding:8px}.word-card__groups-menu .groups-menu__header{font-size:.85rem;padding:5px 6px}.word-card__groups-menu .groups-menu__grid{gap:5px}.word-card__groups-menu .groups-menu__item{gap:5px;padding:6px}.word-card__groups-menu .groups-menu__item input[type=checkbox]{height:16px;width:16px}.word-card__groups-menu .groups-menu__item .group-icon{font-size:.95rem}.word-card__groups-menu .groups-menu__item .group-label{font-size:.8rem}.word-card__groups-menu .groups-menu__item.create-new-item{min-height:45px}.word-card__groups-menu .groups-menu__item.create-new-item .plus-icon{font-size:1.8rem}.word-card__edit-icon{font-size:1.2rem;height:36px;width:36px}.word-card__examples-section,.word-card__meaning-section{margin:10px 0}.word-card__reveal-btn{font-size:.9rem;padding:6px 16px}.word-card__examples p,.word-card__meaning p{font-size:.95rem;padding:8px}.word-card__meaning p{font-size:1.15rem}.word-card__examples .example-item .example-number{font-size:.85rem;height:24px;width:24px}.word-card__examples .example-item p{font-size:.9rem;padding:6px}.word-card__knowledge{margin-top:15px}.word-card__knowledge h3{font-size:1.05rem;margin-bottom:10px}.word-card__knowledge .knowledge-row{gap:6px}.word-card__knowledge .knowledge-row .word-card__groups-icon{height:40px;width:40px}.word-card__knowledge .knowledge-row .word-card__groups-icon .star-icon{height:24px;width:24px}.word-card__knowledge .knowledge-row .word-card__edit-icon{font-size:1.2rem;height:36px;width:36px}.word-card__knowledge .knowledge-buttons{gap:6px}.word-card__knowledge .knowledge-buttons .knowledge-btn{padding:10px 6px}.word-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:1.6rem}.word-card__knowledge .knowledge-buttons .knowledge-btn .label{font-size:.75rem}.word-card__item-meta{gap:5px;margin-top:12px;padding-top:10px}.word-card__item-meta .meta-tag{border-radius:10px;font-size:.75rem;padding:3px 8px}}.word-explanation{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:30px;width:100%}.word-explanation__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.word-explanation .tts-button{align-items:center;background:#0000;border:2px solid var(--tertiary);border-radius:12px;color:var(--tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.word-explanation .tts-button svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.word-explanation .tts-button:hover{background:var(--tertiary);box-shadow:0 4px 8px #00000026;color:var(--text-dark);transform:translateY(-2px)}.word-explanation .tts-button:hover svg{stroke:var(--text-dark)}.word-explanation .tts-button.active{animation:pulse 1.5s infinite;background:var(--tertiary);color:var(--text-dark)}.word-explanation .tts-button.active svg{stroke:var(--text-dark)}.word-explanation .tts-button:active{transform:translateY(0) scale(.95)}.word-explanation__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--tertiary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:2rem;font-weight:700;margin:0}.word-explanation__content{margin:20px 0}.word-explanation__user-lang{margin-bottom:16px}.word-explanation__user-lang p{background:#ff6b3514;border-left:4px solid var(--primary);border-radius:12px;color:var(--text-dark);font-size:1.2rem;font-weight:600;line-height:1.6;margin:8px 0;padding:12px}.word-explanation__reveal-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 24px;transition:all .3s ease;width:100%}.word-explanation__reveal-btn:hover{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-explanation__reveal-btn:active{transform:scale(.95)}.word-explanation__text{margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.word-explanation__text.visible{animation:revealContent .4s ease-out;max-height:1000px;opacity:1}.word-explanation__text p{background:var(--bg-cream);border-left:4px solid var(--secondary);border-radius:12px;color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin:8px 0;padding:12px}.word-explanation__text .no-content{color:var(--text-light);font-style:italic}@media(max-width:768px){.word-explanation{max-width:100%;padding:18px 15px}.word-explanation__title{font-size:1.5rem}.word-explanation__reveal-btn{font-size:.95rem;padding:7px 18px}.word-explanation__text p,.word-explanation__user-lang p{font-size:1rem;padding:10px}}@media(max-width:480px){.word-explanation{border-radius:16px;padding:12px 10px}.word-explanation__title{font-size:1.3rem}.word-explanation__reveal-btn{font-size:.9rem;padding:6px 16px}.word-explanation__text p,.word-explanation__user-lang p{font-size:.95rem;padding:8px}}.word-joke{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:30px;width:100%}.word-joke__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.word-joke .tts-button{align-items:center;background:#0000;border:2px solid var(--tertiary);border-radius:12px;color:var(--tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.word-joke .tts-button svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.word-joke .tts-button:hover{background:var(--tertiary);box-shadow:0 4px 8px #00000026;color:var(--text-dark);transform:translateY(-2px)}.word-joke .tts-button:hover svg{stroke:var(--text-dark)}.word-joke .tts-button.active{animation:pulse 1.5s infinite;background:var(--tertiary);color:var(--text-dark)}.word-joke .tts-button.active svg{stroke:var(--text-dark)}.word-joke .tts-button:active{transform:translateY(0) scale(.95)}.word-joke__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--tertiary) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:2rem;font-weight:700;margin:0}.word-joke__content{margin:20px 0}.word-joke__reveal-btn{background:linear-gradient(135deg,var(--tertiary) 0,var(--primary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 24px;transition:all .3s ease;width:100%}.word-joke__reveal-btn:hover{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-joke__reveal-btn:active{transform:scale(.95)}.word-joke__text{margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.word-joke__text.visible{animation:revealContent .4s ease-out;max-height:1000px;opacity:1}.word-joke__text p{background:var(--bg-cream);border-left:4px solid var(--tertiary);border-radius:12px;color:var(--text-dark);font-size:1.2rem;font-style:italic;line-height:1.6;margin:8px 0;padding:12px}.word-joke__text .no-content{color:var(--text-light);font-style:italic}@media(max-width:768px){.word-joke{max-width:100%;padding:18px 15px}.word-joke__title{font-size:1.5rem}.word-joke__reveal-btn{font-size:.95rem;padding:7px 18px}.word-joke__text p{font-size:1rem;padding:10px}}@media(max-width:480px){.word-joke{border-radius:16px;padding:12px 10px}.word-joke__title{font-size:1.3rem}.word-joke__reveal-btn{font-size:.9rem;padding:6px 16px}.word-joke__text p{font-size:.95rem;padding:8px}}@keyframes revealContent{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.word-quotes{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:15px;width:100%}.word-quotes__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.word-quotes .tts-button{align-items:center;background:#0000;border:2px solid var(--tertiary);border-radius:12px;color:var(--tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.word-quotes .tts-button svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.word-quotes .tts-button:hover{background:var(--tertiary);box-shadow:0 4px 8px #00000026;color:var(--text-dark);transform:translateY(-2px)}.word-quotes .tts-button:hover svg{stroke:var(--text-dark)}.word-quotes .tts-button.active{animation:pulse 1.5s infinite;background:var(--tertiary);color:var(--text-dark)}.word-quotes .tts-button.active svg{stroke:var(--text-dark)}.word-quotes .tts-button:active{transform:translateY(0) scale(.95)}.word-quotes__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.word-quotes__title .card-icon{stroke:var(--secondary);-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.word-quotes__content{margin:20px 0}.word-quotes__reveal-btn{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 24px;transition:all .3s ease;width:100%}.word-quotes__reveal-btn:hover{background:linear-gradient(135deg,var(--tertiary) 0,var(--primary) 100%);box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-quotes__reveal-btn:active{transform:scale(.95)}.word-quotes__text{margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.word-quotes__text.visible{animation:revealContent .4s ease-out;max-height:1000px;opacity:1}.word-quotes__text .quotes-list{display:flex;flex-direction:column;gap:15px}.word-quotes__text .quote-item p{background:var(--bg-cream);border-left:4px solid var(--primary);border-radius:12px;color:var(--text-dark);font-size:1.2rem;font-style:italic;line-height:1.6;margin:0;padding:15px;position:relative}.word-quotes__text .quote-item p:before{color:#ff6b3533;content:'"';font-family:Georgia,serif;font-size:3rem;left:5px;position:absolute;top:-5px}.word-quotes__text .quote-item p .quote-translation{color:var(--text-light);font-size:.95em;font-style:italic}.word-quotes__text .no-content{background:var(--bg-cream);border-left:4px solid var(--secondary);border-radius:12px;color:var(--text-light);font-style:italic;margin:8px 0;padding:12px}@media(max-width:768px){.word-quotes{max-width:100%;padding:18px 15px}.word-quotes__title{font-size:1.5rem}.word-quotes__reveal-btn{font-size:.95rem;padding:7px 18px}.word-quotes__text .quote-item p{font-size:1rem;padding:12px}}@media(max-width:480px){.word-quotes{border-radius:16px;padding:12px 10px}.word-quotes__title{font-size:1.3rem}.word-quotes__reveal-btn{font-size:.9rem;padding:6px 16px}.word-quotes__text .quote-item p{font-size:.95rem;padding:10px}}.delete-confirmation-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-confirmation-content{animation:modalSlideUp .4s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:500px;overflow:hidden;width:90%}.delete-confirmation-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 30px}.delete-confirmation-header .warning-icon{font-size:1.8rem;margin-right:10px}.delete-confirmation-header h2{color:var(--white);flex:1 1;font-size:1.8rem;margin:0}.delete-confirmation-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.delete-confirmation-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.delete-confirmation-body{padding:30px;text-align:center}.delete-confirmation-body .confirmation-message{color:var(--text-dark);font-size:1.1rem;line-height:1.5;margin-bottom:20px}.delete-confirmation-body .graphic-name{background:#f5f5f5;border-radius:12px;margin:20px 0;padding:15px 20px;word-break:break-all}.delete-confirmation-body .graphic-name strong{color:#ff6b6b;font-size:1.1rem}.delete-confirmation-body .warning-text{color:var(--text-light);font-size:.95rem;font-style:italic;margin-top:15px}.delete-confirmation-footer{background:#fafafa;border-top:2px solid #f0f0f0;display:flex;gap:15px;padding:20px 30px}.delete-confirmation-footer button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:14px 24px;transition:all .3s ease}.delete-confirmation-footer button:active{transform:scale(.95)}.delete-confirmation-footer .btn-cancel{background:#f0f0f0;color:var(--text-dark)}.delete-confirmation-footer .btn-cancel:hover{background:#e0e0e0;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.delete-confirmation-footer .btn-delete{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.delete-confirmation-footer .btn-delete:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}@media(max-width:600px){.delete-confirmation-content{max-width:none;width:95%}.delete-confirmation-header{padding:20px}.delete-confirmation-header .warning-icon,.delete-confirmation-header h2{font-size:1.5rem}.delete-confirmation-body{padding:20px}.delete-confirmation-body .confirmation-message{font-size:1rem}.delete-confirmation-footer{padding:15px 20px}.delete-confirmation-footer button{font-size:1rem;padding:12px 20px}}.word-graphic{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;height:100%;max-width:1000px;padding:15px;width:100%}.word-graphic__content{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0}.word-graphic__image-container{align-items:center;background:var(--bg-cream);border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow:hidden;padding:10px}.word-graphic__image{border-radius:8px;box-shadow:0 4px 8px #00000026;height:100%;object-fit:contain;width:100%}.word-graphic .loading-message{align-items:center;display:flex;flex-direction:column;gap:15px;padding:40px 20px}.word-graphic .loading-message .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--bg-cream);border:4px solid var(--bg-cream);border-radius:50%;border-top-color:var(--primary);height:50px;width:50px}.word-graphic .loading-message p{color:var(--text-dark);font-size:1rem;margin:0}.word-graphic .no-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;padding:40px 20px}.word-graphic .no-content-wrapper .no-content{color:var(--text-light);font-style:italic;margin:0;text-align:center}.word-graphic .no-content-wrapper .retry-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:10px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.word-graphic .no-content-wrapper .retry-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-graphic .no-content-wrapper .retry-btn:active{transform:scale(.98)}.word-graphic .photographer-credit{background:#ffffffe6;border-radius:8px;color:var(--text-dark);font-size:.85rem;margin-top:10px;padding:8px 12px;text-align:center}.word-graphic .photographer-credit a{color:var(--primary);font-weight:600;text-decoration:none}.word-graphic .photographer-credit a:hover{text-decoration:underline}.word-graphic-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.word-graphic-container img{border-radius:12px;max-height:100%;max-width:100%;object-fit:contain}.word-graphic-container .graphic-not-found{color:var(--text-light);font-style:italic;padding:40px 20px;text-align:center}.word-graphic__delete-btn{align-items:center;background:#f00c;border:none;border-radius:50%;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;opacity:.7;position:absolute;right:10px;top:10px;transition:all .2s ease;width:40px;z-index:10}.word-graphic__delete-btn:hover{background:#ff0000f2;box-shadow:0 8px 16px #00000040;opacity:1;transform:scale(1.1)}.word-graphic__delete-btn:active{transform:scale(.95)}.word-graphic__delete-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}@media(max-width:768px){.word-graphic{max-width:100%;padding:18px 15px}.word-graphic__title{font-size:1.5rem}.word-graphic__image-container{min-height:150px;padding:15px}.word-graphic__image{max-height:350px}}@media(max-width:480px){.word-graphic{border-radius:16px;padding:12px 10px}.word-graphic__title{font-size:1.3rem}.word-graphic__image-container{min-height:120px;padding:10px}.word-graphic__image{max-height:250px}}.word-video{animation:fadeIn .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;height:100%;max-width:1000px;padding:15px;width:100%}.word-video__header{align-items:center;border-bottom:2px solid var(--bg-cream);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.word-video__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.word-video__title .card-icon{stroke:var(--primary);-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.word-video__content{align-items:center;background:#000;border-radius:16px;box-shadow:0 4px 8px #00000026;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%}.word-video__player{background:#000;cursor:pointer;display:block;height:100%;object-fit:contain;width:100%}.word-video__player:focus{outline:3px solid var(--primary);outline-offset:2px}.word-video__player--youtube{position:relative}.word-video__player--youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:768px){.word-video{max-width:100%;padding:20px}.word-video__header{margin-bottom:15px;padding-bottom:12px}.word-video__icon,.word-video__title{font-size:1.6rem}.word-video__content{border-radius:12px}}@media(max-width:480px){.word-video{border-radius:16px;padding:15px}.word-video__header{margin-bottom:12px;padding-bottom:10px}.word-video__icon,.word-video__title{font-size:1.4rem}.word-video__content{border-radius:10px}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.word-game{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:15px;width:100%}.word-game__header{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.word-game__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--tertiary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.word-game__title .card-icon{stroke:var(--primary);-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.word-game__content{margin:20px 0}.word-game__instruction{color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:20px;text-align:center}.word-game__selected{align-items:center;background:var(--bg-cream);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;min-height:60px;padding:15px}.word-game__selected .selected-letter{align-items:center;animation:popIn .3s ease-out;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:8px;box-shadow:0 4px 8px #00000026;color:var(--white);display:inline-flex;font-size:1.5rem;font-weight:700;height:45px;justify-content:center;width:45px}.word-game__selected .placeholder{color:var(--text-light);font-size:1rem;font-style:italic}.word-game__letters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;min-height:60px}.word-game__letters .letter-btn{align-items:center;background:linear-gradient(135deg,var(--tertiary) 0,var(--primary) 100%);border:none;border-radius:10px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:700;height:50px;justify-content:center;text-transform:lowercase;transition:all .2s ease;width:50px}.word-game__letters .letter-btn:hover:not(:disabled){box-shadow:0 8px 16px #00000040;transform:translateY(-3px)}.word-game__letters .letter-btn:active:not(:disabled){transform:translateY(0)}.word-game__letters .letter-btn.used{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.3}.word-game__letters .letter-btn:disabled{cursor:not-allowed}.word-game__status{border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding:15px;text-align:center}.word-game__status.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:2px solid #22c55e;color:#16a34a}.word-game__status.failure{background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid #ef4444;color:#dc2626}.word-game__reset-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:block;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.word-game__reset-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-game__reset-btn:active{transform:scale(.98)}@media(max-width:768px){.word-game{max-width:100%;padding:18px 15px}.word-game__title{font-size:1.5rem}.word-game__instruction{font-size:1rem}.word-game__selected .selected-letter{font-size:1.3rem;height:40px;width:40px}.word-game__letters .letter-btn{font-size:1.4rem;height:45px;width:45px}.word-game__status{font-size:1rem;padding:12px}.word-game__reset-btn{font-size:1rem;padding:10px 20px}}@media(max-width:480px){.word-game{border-radius:16px;padding:12px 10px}.word-game__title{font-size:1.3rem}.word-game__instruction{font-size:.95rem}.word-game__selected{gap:6px;padding:12px}.word-game__selected .selected-letter{font-size:1.2rem;height:35px;width:35px}.word-game__letters{gap:8px}.word-game__letters .letter-btn{font-size:1.3rem;height:40px;width:40px}.word-game__status{font-size:.95rem;padding:10px}.word-game__reset-btn{font-size:.95rem;padding:8px 16px}}@keyframes cellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.word-game-grid{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:30px;width:100%}.word-game-grid__header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.word-game-grid__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.word-game-grid__title .card-icon{stroke:var(--secondary);-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.word-game-grid__content{margin:20px 0}.word-game-grid__instruction{color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:20px;text-align:center}.word-game-grid__grid{background:var(--bg-cream);border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:15px;width:-webkit-fit-content;width:fit-content}.word-game-grid__grid .grid-row{display:flex;gap:4px}.word-game-grid__grid .grid-cell{align-items:center;background:var(--bg-cream);border:2px solid #0000001a;border-radius:6px;color:var(--text-dark);cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:45px;justify-content:center;text-transform:lowercase;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:45px}.word-game-grid__grid .grid-cell:hover:not(:disabled){border-color:var(--primary);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.word-game-grid__grid .grid-cell:active:not(:disabled){transform:scale(.95)}.word-game-grid__grid .grid-cell.selected{animation:cellPulse .3s ease-out;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary);color:var(--white)}.word-game-grid__grid .grid-cell.selected.won{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.word-game-grid__grid .grid-cell.selected.lost{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.word-game-grid__grid .grid-cell:disabled{cursor:not-allowed}.word-game-grid__status{border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding:15px;text-align:center}.word-game-grid__status.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:2px solid #22c55e;color:#16a34a}.word-game-grid__status.failure{background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid #ef4444;color:#dc2626}.word-game-grid__reset-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:block;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.word-game-grid__reset-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-game-grid__reset-btn:active{transform:scale(.98)}.word-game-grid__clear-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .3s ease;width:100%}.word-game-grid__clear-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.word-game-grid__clear-btn:active{transform:scale(.98)}@media(max-width:768px){.word-game-grid{max-width:100%;padding:18px 15px}.word-game-grid__title{font-size:1.5rem}.word-game-grid__instruction{font-size:1rem}.word-game-grid__grid{padding:12px}.word-game-grid__grid .grid-row{gap:3px}.word-game-grid__grid .grid-cell{font-size:1.1rem;height:38px;width:38px}.word-game-grid__status{font-size:1rem;padding:12px}.word-game-grid__reset-btn{font-size:1rem;padding:10px 20px}.word-game-grid__clear-btn{font-size:.95rem;padding:8px 16px}}@media(max-width:480px){.word-game-grid{border-radius:16px;padding:12px 10px}.word-game-grid__title{font-size:1.3rem}.word-game-grid__instruction{font-size:.95rem}.word-game-grid__grid{gap:3px;padding:10px}.word-game-grid__grid .grid-row{gap:2px}.word-game-grid__grid .grid-cell{border-width:1px;font-size:1rem;height:32px;width:32px}.word-game-grid__status{font-size:.95rem;padding:10px}.word-game-grid__reset-btn{font-size:.95rem;padding:8px 16px}.word-game-grid__clear-btn{font-size:.9rem;padding:7px 14px}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b5cf680}50%{box-shadow:0 0 15px #8b5cf6cc,0 0 25px #8b5cf666}}.snake-game{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:30px;width:100%}.snake-game__header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.snake-game__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.snake-game__title .card-icon{stroke:#22c55e;-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.snake-game__content{align-items:center;display:flex;flex-direction:column;gap:20px}.snake-game__info{background:var(--bg-cream);border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:15px;width:100%}.snake-game__info .info-item{align-items:center;display:flex;flex-direction:column;gap:5px}.snake-game__info .info-item .info-label{color:var(--text-light);font-size:.85rem;font-weight:500}.snake-game__info .info-item .info-value{color:var(--text-dark);font-size:1.2rem;font-weight:700}.snake-game__info .info-item .info-value.next-letter{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:8px;color:var(--white);font-size:1.4rem;padding:5px 15px}.snake-game__word-progress{background:var(--bg-cream);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px}.snake-game__word-progress .word-letter{align-items:center;background:#e0e0e0;border-radius:8px;color:var(--text-light);display:inline-flex;font-size:1.3rem;font-weight:700;height:40px;justify-content:center;text-transform:lowercase;transition:all .3s ease;width:40px}.snake-game__word-progress .word-letter.collected{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--white)}.snake-game__word-progress .word-letter.current{animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--white)}.snake-game__instructions{background:var(--bg-cream);border-radius:16px;padding:30px;text-align:center;width:100%}.snake-game__instructions p{color:var(--text-dark);font-size:1.1rem;margin:10px 0}.snake-game__instructions p:first-child{font-size:1.2rem;font-weight:700}.snake-game__instructions .start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.snake-game__instructions .start-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.snake-game__instructions .start-btn:active{transform:scale(.98)}.snake-game__board{background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #334155;border-radius:12px;box-shadow:inset 0 2px 8px #0000004d,0 8px 16px #00000040;position:relative}.snake-game__board .snake-segment{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #15803d;border-radius:3px;position:absolute;transition:all .05s linear}.snake-game__board .snake-segment.head{background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:4px;box-shadow:0 0 10px #22c55e80;z-index:10}.snake-game__board .food{align-items:center;animation:glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--tertiary) 0,var(--primary) 100%);border:2px solid #ffffff4d;border-radius:4px;color:var(--white);display:flex;font-size:14px;font-weight:700;justify-content:center;position:absolute;text-transform:lowercase;z-index:5}.snake-game__status{border-radius:16px;padding:30px;text-align:center;width:100%}.snake-game__status.success{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:2px solid #22c55e}.snake-game__status.failure{background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid #ef4444}.snake-game__status .status-icon{font-size:4rem;margin-bottom:15px}.snake-game__status .status-text{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:20px}.snake-game__status .reset-btn{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.snake-game__status .reset-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.snake-game__status .reset-btn:active{transform:scale(.98)}@media(max-width:768px){.snake-game{max-width:100%;padding:20px}.snake-game__title{font-size:1.6rem}.snake-game__info{gap:15px;padding:12px}.snake-game__info .info-item .info-label{font-size:.8rem}.snake-game__info .info-item .info-value{font-size:1.1rem}.snake-game__info .info-item .info-value.next-letter{font-size:1.2rem;padding:4px 12px}.snake-game__word-progress{gap:6px;padding:10px}.snake-game__word-progress .word-letter{font-size:1.2rem;height:35px;width:35px}.snake-game__instructions{padding:20px}.snake-game__instructions p{font-size:1rem}.snake-game__instructions p:first-child{font-size:1.1rem}.snake-game__instructions .start-btn{font-size:1rem;padding:10px 25px}.snake-game__board{transform:scale(.9);transform-origin:center}.snake-game__status{padding:25px}.snake-game__status .status-icon{font-size:3rem}.snake-game__status .status-text{font-size:1.1rem}.snake-game__status .reset-btn{font-size:1rem;padding:10px 25px}}@media(max-width:480px){.snake-game{border-radius:16px;padding:15px}.snake-game__title{font-size:1.4rem}.snake-game__info{flex-direction:column;gap:10px;padding:10px}.snake-game__info .info-item{flex-direction:row;justify-content:space-between;width:100%}.snake-game__info .info-item .info-label{font-size:.75rem}.snake-game__info .info-item .info-value{font-size:1rem}.snake-game__info .info-item .info-value.next-letter{font-size:1.1rem;padding:3px 10px}.snake-game__word-progress{gap:4px;padding:8px}.snake-game__word-progress .word-letter{font-size:1rem;height:30px;width:30px}.snake-game__instructions{padding:15px}.snake-game__instructions p{font-size:.95rem;margin:8px 0}.snake-game__instructions p:first-child{font-size:1rem}.snake-game__instructions .start-btn{font-size:.95rem;padding:10px 20px}.snake-game__board{transform:scale(.75);transform-origin:center}.snake-game__status{padding:20px}.snake-game__status .status-icon{font-size:2.5rem}.snake-game__status .status-text{font-size:1rem}.snake-game__status .reset-btn{font-size:.95rem;padding:10px 20px}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.word-notes{animation:cardEntrance .5s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;max-width:1000px;padding:15px;width:100%}.word-notes__header{align-items:center;border-bottom:2px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.word-notes__title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:flex;font-size:2rem;font-weight:700;gap:10px;margin:0}.word-notes__title .card-icon{stroke:var(--primary);-webkit-text-fill-color:initial;flex-shrink:0;height:28px;width:28px}.word-notes__header-actions{align-items:center;display:flex;gap:10px}.word-notes .tts-button{align-items:center;background:#0000;border:2px solid var(--tertiary);border-radius:12px;color:var(--tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.word-notes .tts-button svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.word-notes .tts-button:hover{background:var(--tertiary);box-shadow:0 4px 8px #00000026;color:var(--text-dark);transform:translateY(-2px)}.word-notes .tts-button:hover svg{stroke:var(--text-dark)}.word-notes .tts-button.active{animation:pulse 1.5s infinite;background:var(--tertiary);color:var(--text-dark)}.word-notes .tts-button.active svg{stroke:var(--text-dark)}.word-notes .tts-button:active{transform:translateY(0) scale(.95)}.word-notes__edit-icon{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.word-notes__edit-icon:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px) scale(1.05)}.word-notes__edit-icon:active{transform:scale(.95)}.word-notes__content{display:flex;flex-direction:column;gap:25px}.word-notes__section{background:#00000005;border:1px solid #00000014;border-radius:16px;padding:20px}.word-notes__section-title{border-bottom:2px solid var(--tertiary);color:var(--text-dark);font-size:1.25rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.word-notes__text p{word-wrap:break-word;margin:0;white-space:pre-wrap}.word-notes__edit-textarea,.word-notes__text p{color:var(--text-dark);font-size:1.1rem;line-height:1.7}.word-notes__edit-textarea{background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--tertiary);border-radius:12px;font-family:inherit;min-height:80px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.word-notes__edit-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff9f1c1a;outline:none}.word-notes__edit-textarea::placeholder{color:var(--text-light);opacity:.6}@media(max-width:768px){.word-notes{padding:20px}.word-notes__title{font-size:1.5rem}.word-notes .tts-button{height:36px;width:36px}.word-notes .tts-button svg{height:20px;width:20px}.word-notes__edit-icon{font-size:1.2rem;height:40px;width:40px}.word-notes__section-title{font-size:1.1rem}.word-notes__edit-textarea,.word-notes__text p{font-size:1rem}}.story-card{background:linear-gradient(135deg,#1a1a2e,#16213e);background:var(--gradient-card-bg,linear-gradient(135deg,#1a1a2e 0,#16213e 100%));border-radius:16px;box-shadow:0 10px 40px #0000004d;box-shadow:var(--shadow-lg,0 10px 40px #0000004d);box-sizing:border-box;color:#fff;color:var(--text-dark,#fff);height:100%;overflow:auto;padding:16px;width:100%}.story-card--empty{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;justify-content:center;min-height:150px}.story-card__header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light,#ffffff1a);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px;padding-bottom:13px}.story-card__title-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;min-width:234px}.story-card__title{color:#fff;color:var(--text-dark,#fff);font-size:1.625rem;font-weight:600;margin:0}.story-card__title-translation{color:#aaa;color:var(--text-light,#aaa);font-size:1.17rem;font-style:italic;margin:0}.story-card__meta{display:flex;flex-wrap:wrap;gap:10px}.story-card__age,.story-card__count,.story-card__level{background:#ffffff1a;background:var(--bg-cream,#ffffff1a);border-radius:13px;color:#ccc;color:var(--text-light,#ccc);font-size:.91rem;padding:3px 10px}.story-card__level{background:#4a9eff;background:var(--accent-blue,#4a9eff);color:#fff}.story-card__controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.story-card__read-all,.story-card__translation-toggle,.story-card__writing-toggle{align-items:center;background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border:1px solid #fff3;border:1px solid var(--border-light,#fff3);border-radius:8px;color:#fff;color:var(--text-dark,#fff);cursor:pointer;display:flex;font-size:1.04rem;gap:5px;padding:7px 13px;transition:all .2s ease}.story-card__read-all:hover,.story-card__translation-toggle:hover,.story-card__writing-toggle:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a)}.story-card__read-all.active,.story-card__read-all.reading,.story-card__translation-toggle.active,.story-card__translation-toggle.reading,.story-card__writing-toggle.active,.story-card__writing-toggle.reading{background:#6366f1;background:var(--primary,#6366f1);border-color:#6366f1;border-color:var(--primary,#6366f1)}.story-card__translation-toggle{padding:7px 10px}.story-card__description{background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border-radius:10px;margin-bottom:10px;padding:8px 12px}.story-card__description p{font-size:1.17rem;line-height:1.4;margin:0}.story-card__description-translation{color:#aaa;color:var(--text-light,#aaa);font-size:1.1rem;font-style:italic;margin-top:4px!important}.story-card__content{line-height:1.5;margin-bottom:12px}.story-card__content.story-text--small{font-size:1rem}.story-card__content.story-text--small .story-sentence__tts-indicator{font-size:.85em}.story-card__content.story-text--small .story-sentence__translation{font-size:.9em}.story-card__content.story-text--small .writing-input-container textarea{font-size:.95rem}.story-card__content.story-text--small .char-feedback{font-size:.95em}.story-card__content.story-text--medium{font-size:1.2rem}.story-card__content.story-text--medium .story-sentence__tts-indicator{font-size:.85em}.story-card__content.story-text--medium .story-sentence__translation{font-size:.9em}.story-card__content.story-text--medium .writing-input-container textarea{font-size:1.1rem}.story-card__content.story-text--medium .char-feedback{font-size:1.1em}.story-card__content.story-text--large{font-size:1.5rem}.story-card__content.story-text--large .story-sentence__tts-indicator{font-size:.8em}.story-card__content.story-text--large .story-sentence__translation{font-size:.85em}.story-card__content.story-text--large .writing-input-container textarea{font-size:1.3rem}.story-card__content.story-text--large .char-feedback{font-size:1.3em}.story-card__knowledge{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light,#ffffff1a);margin-top:15px;padding-top:15px;text-align:center}.story-card__knowledge h3{color:#fff;color:var(--text-dark,#fff);font-size:1.2rem;margin-bottom:12px}.story-card__knowledge .knowledge-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.story-card__knowledge .knowledge-buttons .knowledge-btn{align-items:center;background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:3px solid #fff3;border:3px solid var(--border-light,#fff3);border-radius:16px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;padding:16px 12px;transition:all .3s ease}.story-card__knowledge .knowledge-buttons .knowledge-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.story-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:2rem}.story-card__knowledge .knowledge-buttons .knowledge-btn .label{color:#fff;color:var(--text-dark,#fff);font-size:.85rem;font-weight:600}.story-card__knowledge .knowledge-buttons .knowledge-btn.selected{animation:glowPulse 1.5s ease-in-out infinite}.story-card__knowledge .knowledge-buttons .knowledge-btn.level-1.selected,.story-card__knowledge .knowledge-buttons .knowledge-btn.level-1:hover{background:#ef444426;border-color:#ef4444;border-color:var(--mastery-1,#ef4444)}.story-card__knowledge .knowledge-buttons .knowledge-btn.level-2.selected,.story-card__knowledge .knowledge-buttons .knowledge-btn.level-2:hover{background:#f59e0b26;border-color:#f59e0b;border-color:var(--mastery-2,#f59e0b)}.story-card__knowledge .knowledge-buttons .knowledge-btn.level-3.selected,.story-card__knowledge .knowledge-buttons .knowledge-btn.level-3:hover{background:#22c55e26;border-color:#22c55e;border-color:var(--mastery-3,#22c55e)}.text-size-toggle{border:1px solid #fff3;border:1px solid var(--border-light,#fff3);border-radius:8px;display:flex;overflow:hidden}.text-size-toggle button{background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border:none;color:#fff;color:var(--text-dark,#fff);cursor:pointer;font-size:.975rem;font-weight:500;padding:5px 13px;transition:all .2s ease}.text-size-toggle button:not(:last-child){border-right:1px solid #fff3;border-right:1px solid var(--border-light,#fff3)}.text-size-toggle button:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a)}.text-size-toggle button.active{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.story-sentence{border-radius:4px;display:flex;flex-direction:column;margin-bottom:2px;padding:2px 4px;transition:background .2s ease}.story-sentence:hover{background:#ffffff08;background:var(--bg-hover,#ffffff08)}.story-sentence__text{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:2px 4px;transition:all .2s ease}.story-sentence__text:hover{background:#ffffff0d;background:var(--bg-cream,#ffffff0d)}.story-sentence__text.reading{background:#4a9eff26;background:var(--accent-blue-light,#4a9eff26);border-left:2px solid #4a9eff;border-left:2px solid var(--accent-blue,#4a9eff)}.story-sentence__content{flex:1 1}.story-sentence__tts-indicator{font-size:.75em;opacity:.4;transition:opacity .2s ease}.story-sentence__text.reading .story-sentence__tts-indicator,.story-sentence__text:hover .story-sentence__tts-indicator{opacity:1}.story-sentence__translation{color:#aaa;color:var(--text-light,#aaa);font-size:.9em}.story-sentence__writing{margin-left:24px;margin-top:3px}.writing-input-container{display:flex;flex-direction:column;gap:4px}.writing-input-container textarea{background:#0003;background:var(--bg-input,#0003);border:1px solid #fff3;border:1px solid var(--border-light,#fff3);border-radius:6px;color:#fff;color:var(--text-dark,#fff);font-family:inherit;font-size:inherit;line-height:1.4;min-height:1.4em;overflow-y:hidden;padding:6px 10px;resize:none;transition:all .2s ease;width:100%}.writing-input-container textarea::placeholder{color:#666;color:var(--text-muted,#666)}.writing-input-container textarea:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.writing-input-container textarea.writing-feedback--correct{background:#22c55e1a;border-color:#22c55e;border-color:var(--success,#22c55e)}.writing-input-container textarea.writing-feedback--almost{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--warning,#f59e0b)}.writing-input-container textarea.writing-feedback--partial{background:#f59e0b0d;border-color:#f59e0b;border-color:var(--warning,#f59e0b)}.writing-input-container textarea.writing-feedback--typing{border-color:#06b6d4;border-color:var(--info,#06b6d4)}.writing-input-container textarea.writing-feedback--incorrect{background:#ef44441a;border-color:#ef4444;border-color:var(--error,#ef4444)}.char-feedback{background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border-radius:6px;font-family:Consolas,Monaco,monospace;font-size:.9em;letter-spacing:.05em;padding:4px 8px}.char-feedback .char-correct{color:#22c55e;color:var(--success,#22c55e)}.char-feedback .char-incorrect{color:#ef4444;color:var(--error,#ef4444);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444;-webkit-text-decoration-color:var(--error,#ef4444);text-decoration-color:var(--error,#ef4444)}.writing-feedback{border-radius:6px;display:flex;flex-direction:column;font-size:.8rem;gap:2px;margin-top:4px;padding:6px 10px}.writing-feedback--correct{background:#22c55e26;border-left:3px solid #22c55e;border-left:3px solid var(--success,#22c55e);color:#22c55e;color:var(--success,#22c55e)}.writing-feedback--almost{background:#f59e0b26}.writing-feedback--almost,.writing-feedback--partial{border-left:3px solid #f59e0b;border-left:3px solid var(--warning,#f59e0b);color:#fbbf24;color:var(--warning-text,#fbbf24)}.writing-feedback--partial{background:#f59e0b1a}.writing-feedback--incorrect{background:#ef444426;border-left:3px solid #ef4444;border-left:3px solid var(--error,#ef4444);color:#fca5a5;color:var(--error-text,#fca5a5)}.writing-feedback__message{font-weight:500}.writing-feedback__hint{font-size:.8rem;opacity:.85}@media(max-width:768px){.story-card{border-radius:12px;padding:12px}.story-card__header{flex-direction:column;gap:6px}.story-card__controls{justify-content:flex-start;width:100%}.story-card__knowledge h3{font-size:1rem}.story-card__knowledge .knowledge-buttons{gap:8px}.story-card__knowledge .knowledge-buttons .knowledge-btn{flex:1 1;min-width:80px;padding:12px 8px}.story-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:1.6rem}.story-card__knowledge .knowledge-buttons .knowledge-btn .label{font-size:.75rem}.story-sentence{padding:4px}.story-sentence__writing{margin-left:0}.text-size-toggle button{padding:4px 8px}}.dialog-card{background:linear-gradient(135deg,#1a1a2e,#16213e);background:var(--gradient-card-bg,linear-gradient(135deg,#1a1a2e 0,#16213e 100%));border-radius:16px;box-shadow:0 10px 40px #0000004d;box-shadow:var(--shadow-lg,0 10px 40px #0000004d);box-sizing:border-box;color:#fff;color:var(--text-dark,#fff);height:100%;overflow:auto;padding:16px;width:100%}.dialog-card--empty{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;justify-content:center;min-height:150px}.dialog-card__header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-light,#ffffff1a);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.dialog-card__title-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:180px}.dialog-card__title{color:#fff;color:var(--text-dark,#fff);font-size:1.25rem;font-weight:600;margin:0}.dialog-card__title-translation{color:#aaa;color:var(--text-light,#aaa);font-size:.9rem;font-style:italic;margin:0}.dialog-card__meta{display:flex;flex-wrap:wrap;gap:8px}.dialog-card__age,.dialog-card__count,.dialog-card__level{background:#ffffff1a;background:var(--bg-cream,#ffffff1a);border-radius:10px;color:#ccc;color:var(--text-light,#ccc);font-size:.7rem;padding:2px 8px}.dialog-card__level{background:#4a9eff;background:var(--accent-blue,#4a9eff);color:#fff}.dialog-card__controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dialog-card__read-all,.dialog-card__translation-toggle{align-items:center;background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border:1px solid #fff3;border:1px solid var(--border-light,#fff3);border-radius:6px;color:#fff;color:var(--text-dark,#fff);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:5px 10px;transition:all .2s ease}.dialog-card__read-all:hover,.dialog-card__translation-toggle:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a)}.dialog-card__read-all.active,.dialog-card__read-all.reading,.dialog-card__translation-toggle.active,.dialog-card__translation-toggle.reading{background:#6366f1;background:var(--primary,#6366f1);border-color:#6366f1;border-color:var(--primary,#6366f1)}.dialog-card__translation-toggle{padding:5px 8px}.dialog-card__introduction{background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border-left:3px solid #6366f1;border-left:3px solid var(--primary,#6366f1);border-radius:10px;margin-bottom:10px;padding:8px 12px}.dialog-card__introduction p{font-size:.9rem;font-style:italic;line-height:1.4;margin:0}.dialog-card__introduction-translation{color:#aaa;color:var(--text-light,#aaa);font-size:.85rem;margin-top:4px!important}.dialog-card__speakers{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;padding:0}.dialog-card__speaker{border-radius:10px;font-size:1.2rem;font-weight:600;max-width:85%;padding:4px 12px}.dialog-card__speaker--a{background:#3b82f61f;border-left:3px solid #3b82f6;border-top-left-radius:4px;color:#60a5fa}.dialog-card__speaker--b{background:#22c55e1f;border-left:none;border-right:3px solid #22c55e;border-top-right-radius:4px;color:#86efac;text-align:right}.dialog-card__speaker-separator{display:none}.dialog-card__speakers.dialog-text--small .dialog-card__speaker{font-size:1rem}.dialog-card__speakers.dialog-text--medium .dialog-card__speaker{font-size:1.2rem}.dialog-card__speakers.dialog-text--large .dialog-card__speaker{font-size:1.5rem}.dialog-card__content{display:flex;flex-direction:column;line-height:1.5;margin-bottom:12px}.dialog-card__content.dialog-text--small{font-size:1rem}.dialog-card__content.dialog-text--small .dialog-line__speaker,.dialog-card__content.dialog-text--small .dialog-line__tts-indicator{font-size:.85em}.dialog-card__content.dialog-text--small .dialog-line__translation{font-size:.9em}.dialog-card__content.dialog-text--medium{font-size:1.2rem}.dialog-card__content.dialog-text--medium .dialog-line__speaker,.dialog-card__content.dialog-text--medium .dialog-line__tts-indicator{font-size:.85em}.dialog-card__content.dialog-text--medium .dialog-line__translation{font-size:.9em}.dialog-card__content.dialog-text--large{font-size:1.5rem}.dialog-card__content.dialog-text--large .dialog-line__speaker,.dialog-card__content.dialog-text--large .dialog-line__tts-indicator{font-size:.8em}.dialog-card__content.dialog-text--large .dialog-line__translation{font-size:.85em}.dialog-card__knowledge{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-light,#ffffff1a);margin-top:15px;padding-top:15px;text-align:center}.dialog-card__knowledge h3{color:#fff;color:var(--text-dark,#fff);font-size:1.2rem;margin-bottom:12px}.dialog-card__knowledge .knowledge-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dialog-card__knowledge .knowledge-buttons .knowledge-btn{align-items:center;background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:3px solid #fff3;border:3px solid var(--border-light,#fff3);border-radius:16px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;padding:16px 12px;transition:all .3s ease}.dialog-card__knowledge .knowledge-buttons .knowledge-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-3px)}.dialog-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:2rem}.dialog-card__knowledge .knowledge-buttons .knowledge-btn .label{color:#fff;color:var(--text-dark,#fff);font-size:.85rem;font-weight:600}.dialog-card__knowledge .knowledge-buttons .knowledge-btn.selected{animation:glowPulse 1.5s ease-in-out infinite}.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-1.selected,.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-1:hover{background:#ef444426;border-color:#ef4444;border-color:var(--mastery-1,#ef4444)}.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-2.selected,.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-2:hover{background:#f59e0b26;border-color:#f59e0b;border-color:var(--mastery-2,#f59e0b)}.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-3.selected,.dialog-card__knowledge .knowledge-buttons .knowledge-btn.level-3:hover{background:#22c55e26;border-color:#22c55e;border-color:var(--mastery-3,#22c55e)}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #ff9f1c4d}50%{box-shadow:0 0 15px #ff9f1c99}}.dialog-line{border-radius:10px;display:flex;flex-direction:column;margin-bottom:6px;max-width:85%;padding:6px 12px;position:relative;transition:background .2s ease}.dialog-line--a{align-self:flex-start;background:#3b82f61f;border-left:3px solid #3b82f6;border-top-left-radius:4px}.dialog-line--a .dialog-line__speaker{color:#60a5fa}.dialog-line--a .dialog-line__text.reading{background:#3b82f640}.dialog-line--a .dialog-line__translation{text-align:left}.dialog-line--b{align-self:flex-end;background:#22c55e1f;border-left:none;border-right:3px solid #22c55e;border-top-right-radius:4px}.dialog-line--b .dialog-line__speaker{color:#86efac;text-align:right}.dialog-line--b .dialog-line__text.reading{background:#22c55e40}.dialog-line--b .dialog-line__translation{text-align:right}.dialog-line:hover{filter:brightness(1.1)}.dialog-line__text{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:2px 0;transition:all .2s ease}.dialog-line__content{flex:1 1;font-size:1em;line-height:1.4}.dialog-line__tts-indicator{background:#ffffff0d;border-radius:6px;flex-shrink:0;font-size:1em;opacity:.4;padding:4px 6px;transition:opacity .2s ease}.dialog-line__text.reading .dialog-line__tts-indicator,.dialog-line__text:hover .dialog-line__tts-indicator{background:#ffffff1a;opacity:1}.dialog-line__translation{border-top:1px solid #ffffff1a;color:#aaa;color:var(--text-light,#aaa);font-size:.8em;font-style:italic;margin-top:2px;padding:2px 0}.dialog-card .text-size-toggle{border:1px solid #fff3;border:1px solid var(--border-light,#fff3);border-radius:6px;display:flex;overflow:hidden}.dialog-card .text-size-toggle button{background:#ffffff0d;background:var(--bg-cream,#ffffff0d);border:none;color:#fff;color:var(--text-dark,#fff);cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .2s ease}.dialog-card .text-size-toggle button:not(:last-child){border-right:1px solid #fff3;border-right:1px solid var(--border-light,#fff3)}.dialog-card .text-size-toggle button:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a)}.dialog-card .text-size-toggle button.active{background:#6366f1;background:var(--primary,#6366f1);color:#fff}@media(max-width:768px){.dialog-card{border-radius:12px;padding:12px}.dialog-card__header{flex-direction:column;gap:6px}.dialog-card__controls{justify-content:flex-start;width:100%}.dialog-card__speakers{flex-wrap:wrap}.dialog-card__knowledge h3{font-size:1rem}.dialog-card__knowledge .knowledge-buttons{gap:8px}.dialog-card__knowledge .knowledge-buttons .knowledge-btn{flex:1 1;min-width:80px;padding:12px 8px}.dialog-card__knowledge .knowledge-buttons .knowledge-btn .emoji{font-size:1.6rem}.dialog-card__knowledge .knowledge-buttons .knowledge-btn .label{font-size:.75rem}.dialog-line{max-width:90%;padding:8px 10px}.dialog-line__speaker{font-size:.7em}.dialog-line__translation{font-size:.75em}.dialog-card .text-size-toggle button{padding:4px 8px}}.card-wrapper{-webkit-user-select:none;user-select:none}.card-wrapper>.learning-card{height:100%;max-height:none;overflow:auto}.dashboard{height:100vh;padding:10px 20px 20px;position:relative;width:100%}.dashboard__top-row{align-items:center;display:flex;gap:16px;justify-content:flex-start;padding-bottom:12px}.dashboard__welcome{flex-shrink:0}.dashboard__welcome-greeting{color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:3px}.dashboard__welcome-subtitle{color:var(--text-light);font-size:.95rem;font-weight:400}.dashboard__cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;width:100%}.learning-card{background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;overflow:hidden;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.learning-card--short-forms{background:var(--white);background:var(--gradient-dashboard-short-forms,var(--gradient-card-bg,var(--white)))}.learning-card--long-forms{background:var(--white);background:var(--gradient-dashboard-long-forms,var(--gradient-card-bg,var(--white)))}.learning-card--videos{background:var(--white);background:var(--gradient-dashboard-videos,var(--gradient-card-bg,var(--white)))}.learning-card__bg-icon{font-size:9rem;line-height:1;opacity:.08;pointer-events:none;position:absolute;right:20px;top:0;-webkit-user-select:none;user-select:none;z-index:0}.learning-card--combined{padding:15px}.learning-card--combined .learning-card__header{gap:10px;margin-bottom:6px!important}.learning-card--combined .learning-card__icon{font-size:1.63rem}.learning-card--combined .learning-card__title{font-size:1.36rem}.learning-card--combined .learning-card__section{padding-right:10px}.learning-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.learning-card__header{align-items:center;display:flex;gap:13px;margin-bottom:20px;position:relative;z-index:1}.learning-card__icon{align-items:center;display:flex;font-size:2.55rem;justify-content:center}.learning-card__title{color:var(--text-dark);font-size:1.7rem;font-weight:700;margin:0}.learning-card__info{margin-bottom:25px}.learning-card__description{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin:0 0 15px}.learning-card__badge{align-items:center;color:var(--text-dark);display:inline-flex;font-weight:600;gap:8px;padding:0}.learning-card__badge .badge-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.learning-card__badge .badge-label{color:var(--text-light);font-size:1rem}.learning-card__badge--secondary .badge-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);-webkit-background-clip:text;background-clip:text}.learning-card__options{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.learning-card--combined .learning-card__header{margin-bottom:15px}.learning-card__sections{display:flex;flex-wrap:wrap;gap:5px;position:relative;z-index:1}.learning-card__section{background:#ffffff08;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:240px;padding:12px 14px}.learning-card__section .section-header{align-items:center;display:flex;gap:8px;margin-bottom:0}.learning-card__section .section-icon{display:none;font-size:1.5rem}.learning-card__section .section-title{color:var(--text-dark);font-size:1.15rem;font-weight:600}.learning-card__section .section-description{color:var(--text-light);font-size:.9rem;line-height:1.4;margin:0}.learning-card__section .section-badge{align-items:baseline;display:inline-flex;gap:5px;margin-bottom:0}.learning-card__section .section-badge .badge-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.learning-card__section .section-badge .badge-label{color:var(--text-light);font-size:1.05rem}.learning-card__section .section-badge--secondary .badge-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);-webkit-background-clip:text;background-clip:text}.learning-card__section .section-options{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.learning-card__section .section-options--inline{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.inline-action{color:var(--text-dark);font-size:.9rem;font-weight:600;white-space:nowrap}.inline-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 8px #00000026;cursor:pointer;display:inline-flex;font-size:1.15rem;font-weight:700;height:38px;justify-content:center;min-width:38px;padding:0 12px;transition:all .2s ease}.inline-btn--primary{background:linear-gradient(135deg,var(--btn-primary-from) 0,var(--btn-primary-to) 100%);color:var(--btn-text-color)}.inline-btn--secondary{background:linear-gradient(135deg,var(--btn-secondary-from) 0,var(--btn-secondary-to) 100%);color:var(--btn-text-color)}.inline-btn--go{font-size:.85rem;min-width:32px;padding:0 7px}.inline-btn:hover:not(:disabled){box-shadow:0 8px 16px #00000040;filter:brightness(1.15);transform:translateY(-1px)}.inline-btn:active:not(:disabled){transform:scale(.95)}.inline-btn:disabled{cursor:not-allowed;opacity:.5}.inline-input{background:var(--bg-hover);border:2px solid var(--border-medium);border-radius:8px;color:var(--text-dark);font-size:1.05rem;font-weight:600;height:38px;padding:0 5px;text-align:center;transition:border-color .2s;width:52px}.inline-input:focus{border-color:var(--primary);outline:none}.inline-input:disabled{cursor:not-allowed;opacity:.5}.inline-custom{align-items:center;border-radius:8px;box-shadow:0 4px 8px #00000026;display:inline-flex;height:38px;overflow:hidden;transition:all .2s ease}.inline-custom--primary{background:linear-gradient(135deg,var(--btn-primary-from) 0,var(--btn-primary-to) 100%)}.inline-custom--secondary{background:linear-gradient(135deg,var(--btn-secondary-from) 0,var(--btn-secondary-to) 100%)}.inline-custom:hover:not(.inline-custom--disabled){box-shadow:0 8px 16px #00000040;filter:brightness(1.15);transform:translateY(-1px)}.inline-custom--disabled{cursor:not-allowed;opacity:.5}.inline-custom__input{background:#fff3;border:none;color:var(--btn-text-color);font-size:1.15rem;font-weight:700;height:100%;outline:none;padding:0 4px;text-align:center;width:48px}.inline-custom__input::-webkit-inner-spin-button,.inline-custom__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-custom__input{-moz-appearance:textfield}.inline-custom__input::placeholder{color:#fff9}.inline-custom__input:disabled{cursor:not-allowed}.inline-custom__go{align-items:center;background:#00000026;border:none;color:var(--btn-text-color);cursor:pointer;display:flex;font-size:.9rem;height:100%;justify-content:center;transition:background .2s;width:36px}.inline-custom__go:hover:not(:disabled){background:#00000040}.inline-custom__go:disabled{cursor:not-allowed}.inline-unit{color:var(--text-light);font-size:.85rem;font-weight:500;white-space:nowrap}.card-wrapper--combined{min-width:500px}.option-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;min-height:34px;padding:8px 12px;transition:all .3s ease}.option-btn:hover:not(:disabled){box-shadow:0 8px 16px #00000040;transform:translateX(4px)}.option-btn:active:not(:disabled){transform:translateX(3px) scale(.98)}.option-btn:disabled{cursor:not-allowed;opacity:.5}.option-btn--primary{color:var(--btn-text-color)}.option-btn--primary,.option-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-primary-from) 0,var(--btn-primary-to) 100%)}.option-btn--primary:hover:not(:disabled){filter:brightness(1.15)}.option-btn--secondary{color:var(--btn-text-color)}.option-btn--secondary,.option-btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-secondary-from) 0,var(--btn-secondary-to) 100%)}.option-btn--secondary:hover:not(:disabled){filter:brightness(1.15)}.option-btn--custom{color:var(--btn-text-color)}.option-btn--custom,.option-btn--custom:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-custom-from) 0,var(--btn-custom-to) 100%)}.option-btn--custom:hover:not(:disabled){filter:brightness(1.15)}.option-btn .option-content{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:5px;justify-content:flex-start;min-height:16px}.option-btn .option-title{font-size:.9rem;font-weight:600;text-align:left;white-space:nowrap}.option-btn .option-subtitle{font-size:.8rem;font-weight:400;opacity:.9;text-align:left;white-space:nowrap}.option-custom{display:flex}.option-custom .option-btn--custom .option-content{align-items:center;display:flex;flex-direction:row;gap:6px}.option-custom .option-btn--custom .option-title{font-size:.95rem;font-weight:600}.option-custom .custom-input-inline{align-items:center;display:flex;gap:5px}.option-custom .custom-input{background:var(--bg-hover);border:2px solid var(--border-medium);border-radius:6px;color:var(--btn-text-color);font-size:.95rem;font-weight:600;padding:3px 6px;text-align:center;width:60px}.option-custom .custom-input:focus{background:var(--bg-hover);border-color:var(--btn-text-color);box-shadow:0 0 0 2px var(--bg-hover);outline:none}.option-custom .custom-input:disabled{cursor:not-allowed;opacity:.5}.option-custom .custom-label{color:var(--white);font-size:.9rem;font-weight:500}@media(max-width:1024px){.dashboard__cards{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.card-wrapper{max-width:800px}.card-wrapper--combined{min-width:450px}}@media(max-width:768px){.resize-handle{bottom:3px;font-size:1.2rem;opacity:.5;right:3px}.dashboard{padding:15px}.dashboard__welcome-greeting{font-size:1.1rem}.dashboard__cards{gap:20px}.learning-card{padding:20px}.learning-card__icon{font-size:2.5rem}.learning-card__title{font-size:1.6rem}.learning-card__description{font-size:1rem}.learning-card__sections{flex-direction:column;gap:20px}.learning-card__section{min-width:0;min-width:auto;padding:15px}.learning-card__section .section-icon{font-size:1.5rem}.learning-card__section .section-title{font-size:1.1rem}.learning-card__section .section-description{font-size:.9rem}.card-wrapper--combined{min-width:320px}.option-btn{gap:10px;min-height:44px;padding:10px 12px}.option-btn .option-content{gap:6px}.option-btn .option-title{font-size:.95rem}.option-btn .option-subtitle{font-size:.85rem}.option-custom .option-btn--custom .option-content{flex-wrap:wrap}.option-custom .custom-input{font-size:.95rem;padding:3px 6px;width:70px}.option-custom .custom-label{font-size:.95rem}}@media(max-width:480px){.resize-handle{bottom:2px;font-size:1rem;right:2px}.dashboard{padding:10px}.dashboard__welcome-greeting{font-size:1rem}.learning-card{padding:15px}.learning-card__header{gap:10px}.learning-card__icon{font-size:2rem}.learning-card__title{font-size:1.3rem}.learning-card__description{font-size:.95rem}.option-btn{gap:8px;min-height:42px;padding:8px 10px}.option-btn .option-content{gap:5px}.option-btn .option-title{font-size:.9rem}.option-btn .option-subtitle{font-size:.8rem}.option-custom .custom-input{font-size:.9rem;padding:2px 4px;width:65px}.option-custom .custom-label{font-size:.9rem}}.upgrade-card{animation:fadeIn .4s ease;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:10px;box-shadow:0 4px 15px #6366f159;cursor:pointer;margin:0;max-width:-webkit-fit-content;max-width:fit-content;min-height:auto;overflow:hidden;padding:.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.upgrade-card:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.upgrade-card:active{transform:scale(.98)}.upgrade-card__glow{background:radial-gradient(circle,#fff3 0,#0000 70%);height:200px;pointer-events:none;position:absolute;right:-30%;top:-50%;width:200px}.upgrade-card__content{align-items:center;display:flex;gap:.2rem;justify-content:center;position:relative;z-index:1}.upgrade-card__icon{align-items:center;display:flex;flex-shrink:0;font-size:2.2rem;line-height:0;margin-top:-7px}.upgrade-card__text{flex:1 1;min-width:0;padding-right:3px}.upgrade-card__title{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.01em;margin:0 0 2px}.upgrade-card__desc{color:#fffc;font-size:.8rem;margin:0}.upgrade-card__cta{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.45rem 1rem;transition:background .2s;white-space:nowrap}.upgrade-card__cta:hover{background:#ffffff4d}.upgrade-card--pro{background:linear-gradient(135deg,#d4af37,#c5a028 50%,#b8962a);box-shadow:0 4px 15px #d4af374d}.upgrade-card--pro:hover{box-shadow:0 6px 20px #d4af3766}.dashboard-stats{display:flex;gap:16px;padding-bottom:30px}.dashboard-stats__card{background:var(--white);background:var(--gradient-dashboard-short-forms,var(--gradient-card-bg,var(--white)));border-radius:20px;box-shadow:0 8px 16px #00000040;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:80px;overflow:hidden;padding:12px 14px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.dashboard-stats__card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-3px)}.dashboard-stats__card:active{transform:translateY(-1px) scale(.98)}.dashboard-stats__row{align-items:center;display:flex;justify-content:space-between}.dashboard-stats__label{font-size:1.33rem;padding-right:15px}.dashboard-stats__header,.dashboard-stats__label{align-items:center;color:var(--text-dark);display:flex;font-weight:600;gap:8px}.dashboard-stats__header{font-size:1.15rem;margin-bottom:8px}.dashboard-stats__icon{font-size:1.3rem}.dashboard-stats__icon--large{font-size:2.34rem}.dashboard-stats__value-block{text-align:right}.dashboard-stats__number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:700;line-height:1}.dashboard-stats__subtitle{color:var(--text-light);display:block;font-size:.8rem;margin-top:2px}.dashboard-stats__bar{background:#00000014;border-radius:7px;display:flex;height:14px;min-width:160px;overflow:hidden}.dashboard-stats__bar-l2{background:#f59e0b;transition:width .3s ease}.dashboard-stats__bar-l3{background:#14b8a6;transition:width .3s ease}.dashboard-stats__bar-empty{width:100%}.dashboard-stats__legend-text{color:var(--text-dark);font-size:.95rem;font-weight:600;margin-top:8px}.dashboard-stats__card--chart{min-width:220px}.dashboard-stats__sparkline{display:block;height:60px;width:100%}.dashboard-stats__legend-dots{align-items:center;color:var(--text-light);display:flex;font-size:.8rem;font-weight:500;gap:6px;margin-top:4px}.dashboard-stats__dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dashboard-stats__dot--l3{background:#14b8a6}.dashboard-stats__dot--l2{background:#f59e0b}@media(max-width:768px){.dashboard-stats{flex-direction:column;gap:20px;padding-bottom:20px}}.statistics{height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:100%}.statistics__welcome{left:20px;position:absolute;top:20px;z-index:5}.statistics__welcome-greeting{color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:5px}.statistics__welcome-subtitle{color:var(--text-light);font-size:.95rem;font-weight:400}.statistics__cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;padding-top:60px;width:100%}.card-wrapper>.stats-card{height:100%!important;max-width:none!important;overflow:auto;width:100%!important}.stats-card{background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;height:100%;overflow:visible;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.stats-card__header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.stats-card__icon{align-items:center;display:flex;font-size:2.25rem;justify-content:center}.stats-card__title{color:var(--text-dark);font-size:1.44rem;font-weight:700;margin:0}.stats-card__content{flex:1 1;overflow:visible}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stats-grid--two{grid-template-columns:repeat(2,1fr)}.stats-metric{text-align:center}.stats-metric--large .stats-metric__value{color:#667eea;font-size:3rem}.stats-metric--hero{padding:2rem 0;text-align:center}.stats-metric--hero .stats-metric__value{color:#667eea;font-size:4rem;font-weight:700;margin-bottom:.5rem}.stats-metric--hero .stats-metric__label{font-size:1.25rem}.stats-metric__value{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stats-metric__label{color:#666;font-size:.875rem;font-weight:500}.stats-metric__sublabel{color:#999;font-size:.75rem;margin-top:.25rem}.stats-bar{border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;height:90px;margin-bottom:1.5rem;overflow:hidden}.stats-bar__item{align-items:center;display:flex;justify-content:center;position:relative;transition:all .3s ease}.stats-bar__item:hover{filter:brightness(1.1)}.stats-bar__item--level1{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.stats-bar__item--level2{background:linear-gradient(135deg,orange,#ff8c00)}.stats-bar__item--level3{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.stats-bar__label{color:#fff;font-size:1.875rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.stats-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.stats-legend__item{align-items:center;display:flex;gap:.5rem}.stats-legend__color{border-radius:4px;box-shadow:0 1px 2px #0003;height:16px;width:16px}.stats-legend__color--level1{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.stats-legend__color--level2{background:linear-gradient(135deg,orange,#ff8c00)}.stats-legend__color--level3{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.stats-legend__text{color:#666;font-size:.875rem}.stats-empty{color:#999;font-style:italic;padding:2rem;text-align:center}.time-window-selector{color:var(--text-dark);font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:0}.time-window-selector,.time-window-selector__left{align-items:center;display:flex}.time-window-selector__left label{font-size:.95rem}.time-window-selector__left input{border:2px solid var(--tertiary)!important;border-radius:5px!important;font-size:.9rem!important;font-weight:600;margin-left:8px;padding:4px 6px!important;text-align:center;width:65px!important}.time-window-selector__left input:focus{border-color:var(--primary)!important;outline:none}.time-window-selector__left span{font-size:.95rem;margin-left:6px}.time-window-selector__legend{align-items:center;display:flex;gap:16px}.time-window-selector__legend-item{align-items:center;color:var(--text-light);display:flex;font-size:.85rem;font-weight:500;gap:6px}.time-window-selector__legend-line{border-radius:2px;display:inline-block;height:3px;width:20px}.stats-activity-limit{margin-left:auto}.stats-activity-limit select{background:#fff;border:2px solid var(--tertiary);border-radius:6px;color:#333;cursor:pointer;font-size:.85rem;font-weight:600;outline:none;padding:3px 8px}.stats-activity-limit select:focus{border-color:var(--primary)}.stats-activity-list{display:flex;flex-direction:column;gap:.75rem}.stats-activity-item{align-items:flex-start;background:#f8f9fa;border-radius:6px;display:flex;gap:1rem;padding:.75rem;transition:background .2s}.stats-activity-item:hover{background:#e9ecef}.stats-activity-item__time{color:#999;font-size:.75rem;min-width:60px;white-space:nowrap}.stats-activity-item__text{color:#333;flex:1 1;font-size:.875rem}.stats-activity-item__word{color:#667eea;font-weight:700;margin-right:6px}.stats-activity-item__arrow{color:#999;flex-shrink:0;font-size:1.1rem;transition:color .2s,transform .2s}.stats-activity-item--clickable{cursor:pointer}.stats-activity-item--clickable:hover{background:#dce4f0}.stats-activity-item--clickable:hover .stats-activity-item__arrow{color:#667eea;transform:translateX(3px)}.stats-card-tooltip{animation:tooltipFadeIn .25s ease;background:#000000e0;border-radius:10px;box-shadow:0 4px 16px #0000004d;color:#fff;font-size:1.28rem;line-height:1.45;max-width:520px;min-width:180px;padding:10px 16px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%) translateY(calc(-100% - 12px));white-space:normal;z-index:10000}.stats-card-tooltip:after{border:6px solid #0000;border-top-color:#000000e0;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.stats-achievements-list{display:flex;flex-direction:column;gap:.75rem}.stats-achievement-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:background .2s}.stats-achievement-item:hover{background:#e9ecef}.stats-achievement-item__icon{flex-shrink:0;font-size:1.5rem}.stats-achievement-item__info{flex:1 1;min-width:0}.stats-achievement-item__name{color:#333;font-size:.875rem;font-weight:600}.stats-achievement-item__date{color:#999;font-size:.75rem;margin-top:.15rem}@media(max-width:1200px){.statistics__welcome-greeting{font-size:2rem}.statistics__welcome-subtitle{font-size:1rem}}@media(max-width:768px){.statistics{padding:1rem}.statistics__welcome-greeting{font-size:1.5rem}.statistics__welcome-subtitle{font-size:.875rem}.stats-grid{grid-template-columns:1fr}.stats-bar{height:40px}}.error-boundary{align-items:center;background:#1a1a1a;background:var(--bg-light,#1a1a1a);border-radius:12px;display:flex;justify-content:center;min-height:200px;padding:2rem}.error-boundary__content{max-width:400px;text-align:center}.error-boundary__icon{font-size:3rem;margin-bottom:1rem}.error-boundary__title{color:#fff;color:var(--text-dark,#fff);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error-boundary__message{color:#b0b0b0;color:var(--text-light,#b0b0b0);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.error-boundary__retry-btn{background:linear-gradient(135deg,#c75600,#9a5c00);background:linear-gradient(135deg,var(--primary,#c75600) 0,var(--tertiary,#9a5c00) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.error-boundary__retry-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.error-boundary__retry-btn:active{transform:translateY(0)}.card-error-boundary{background:#1a1a1a;background:var(--bg-light,#1a1a1a);border:1px solid #ff6b6b4d;border-radius:12px;min-height:100px;overflow:hidden}.card-error-boundary--collapsed{min-height:auto}.card-error-boundary--collapsed .card-error-boundary__content{display:none}.card-error-boundary__header{align-items:center;background:#ff6b6b1a;border-bottom:1px solid #ff6b6b33;display:flex;gap:.5rem;padding:.75rem 1rem}.card-error-boundary__icon{font-size:1.25rem}.card-error-boundary__title{color:#ff6b6b;flex:1 1;font-size:.9rem;font-weight:600}.card-error-boundary__actions{display:flex;gap:.5rem}.card-error-boundary__btn{background:#0000;border:none;border-radius:4px;color:#b0b0b0;color:var(--text-light,#b0b0b0);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:background .2s,color .2s}.card-error-boundary__btn:hover{background:#ffffff1a;color:#fff;color:var(--text-dark,#fff)}.card-error-boundary__btn--collapse{font-size:.7rem}.card-error-boundary__btn--retry{background:linear-gradient(135deg,#c75600,#9a5c00);background:linear-gradient(135deg,var(--primary,#c75600) 0,var(--tertiary,#9a5c00) 100%);border-radius:6px;color:#fff;font-weight:500;padding:.5rem 1rem}.card-error-boundary__btn--retry:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.card-error-boundary__content{padding:1rem;text-align:center}.card-error-boundary__message{color:#b0b0b0;color:var(--text-light,#b0b0b0);font-size:.85rem;line-height:1.4;margin-bottom:1rem}.card-error-boundary__details{margin-bottom:1rem;text-align:left}.card-error-boundary__details summary{color:#b0b0b0;color:var(--text-light,#b0b0b0);cursor:pointer;font-size:.8rem;margin-bottom:.5rem}.card-error-boundary__details summary:hover{color:#fff;color:var(--text-dark,#fff)}.card-error-boundary__details pre{background:#0000004d;border-radius:6px;color:#ff6b6b;font-size:.75rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.app-error-boundary{align-items:center;background:linear-gradient(135deg,#2d2d2d,#0a0a0a);background:linear-gradient(135deg,var(--bg-gradient-start,#2d2d2d) 0,var(--bg-gradient-end,#0a0a0a) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.app-error-boundary__content{background:#1a1a1a;background:var(--bg-light,#1a1a1a);border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:2rem;text-align:center}.app-error-boundary__icon{font-size:4rem;margin-bottom:1.5rem}.app-error-boundary__title{color:#fff;color:var(--text-dark,#fff);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.app-error-boundary__message{color:#b0b0b0;color:var(--text-light,#b0b0b0);font-size:1rem;line-height:1.6;margin-bottom:2rem}.app-error-boundary__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.app-error-boundary__btn{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.app-error-boundary__btn--primary{background:linear-gradient(135deg,#c75600,#9a5c00);background:linear-gradient(135deg,var(--primary,#c75600) 0,var(--tertiary,#9a5c00) 100%);border:none;color:#fff}.app-error-boundary__btn--secondary{background:#0000;border:1px solid #b0b0b0;border:1px solid var(--text-light,#b0b0b0);color:#fff;color:var(--text-dark,#fff)}.app-error-boundary__btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.login-button-container{display:inline-block;position:relative}.login-button-container .login-btn{align-items:center;background:linear-gradient(135deg,var(--tertiary) 0,var(--secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:44px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .3s ease}.login-button-container .login-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.login-button-container .login-btn:active{transform:scale(.98)}.login-button-container .login-btn.logged-in{border-radius:50%;min-width:44px;padding:4px}.login-button-container .login-btn.logged-in .profile-pic{border-radius:50%;height:36px;object-fit:cover;width:36px}.login-button-container .login-btn.logged-in .profile-icon{font-size:1.5rem}.login-button-container .login-menu-overlay{animation:fadeIn .2s ease-out;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.login-button-container .login-menu{animation:slideDown .3s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:16px;box-shadow:0 8px 16px #00000040;min-width:300px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.login-button-container .login-menu .login-options{padding:24px}.login-button-container .login-menu .login-options .login-title{color:var(--text-dark);font-size:1.3rem;font-weight:700;margin:0 0 16px;text-align:center}.login-button-container .login-menu .login-options .login-error{background:linear-gradient(135deg,#ef44441a,#ef444433);border:2px solid #ef4444;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:16px;padding:12px;text-align:center}.login-button-container .login-menu .login-options .login-success{animation:successPulse .4s ease-out;background:linear-gradient(135deg,#22c55e1a,#22c55e33);border:2px solid #22c55e;border-radius:8px;color:#16a34a;font-size:.9rem;margin-bottom:16px;padding:12px;text-align:center}.login-button-container .login-menu .login-options .signup-steps{align-items:center;display:flex;justify-content:center;margin-bottom:16px;padding:0 5px}.login-button-container .login-menu .login-options .signup-steps .step{align-items:center;display:flex;flex-direction:column;gap:4px;opacity:.4;transition:all .3s ease}.login-button-container .login-menu .login-options .signup-steps .step.active{opacity:1}.login-button-container .login-menu .login-options .signup-steps .step.active .step-number{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--white);transform:scale(1.1)}.login-button-container .login-menu .login-options .signup-steps .step.active .step-label{color:var(--primary);font-weight:600}.login-button-container .login-menu .login-options .signup-steps .step.completed{opacity:.9}.login-button-container .login-menu .login-options .signup-steps .step.completed .step-number{background:#22c55e;color:var(--white)}.login-button-container .login-menu .login-options .signup-steps .step.completed .step-label{color:#16a34a}.login-button-container .login-menu .login-options .signup-steps .step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:var(--text-light);display:flex;font-size:.8rem;font-weight:700;height:26px;justify-content:center;transition:all .3s ease;width:26px}.login-button-container .login-menu .login-options .signup-steps .step-label{color:var(--text-light);font-size:.7rem;transition:all .3s ease;white-space:nowrap}.login-button-container .login-menu .login-options .signup-steps .step-connector{background:#e0e0e0;height:2px;margin:0 6px 18px;transition:background .3s ease;width:24px}.login-button-container .login-menu .login-options .signup-steps .step-connector.completed{background:#22c55e}.login-button-container .login-menu .login-options .password-strength{align-items:center;display:flex;gap:10px;margin-top:-8px}.login-button-container .login-menu .login-options .password-strength .password-strength-bar{background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.login-button-container .login-menu .login-options .password-strength .password-strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background .3s ease}.login-button-container .login-menu .login-options .password-strength .password-strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f87171)}.login-button-container .login-menu .login-options .password-strength .password-strength-fill.medium{background:linear-gradient(90deg,var(--secondary) 0,var(--tertiary) 100%)}.login-button-container .login-menu .login-options .password-strength .password-strength-fill.strong{background:linear-gradient(90deg,#22c55e,#4ade80)}.login-button-container .login-menu .login-options .password-strength .password-strength-label{font-size:.75rem;font-weight:600;min-width:50px;text-align:right}.login-button-container .login-menu .login-options .password-strength .password-strength-label.weak{color:#ef4444}.login-button-container .login-menu .login-options .password-strength .password-strength-label.medium{color:var(--secondary)}.login-button-container .login-menu .login-options .password-strength .password-strength-label.strong{color:#22c55e}.login-button-container .login-menu .login-options .verification-pending{padding:16px 0;text-align:center}.login-button-container .login-menu .login-options .verification-pending .verification-icon{font-size:3rem;margin-bottom:16px}.login-button-container .login-menu .login-options .verification-pending p{color:var(--text-dark);font-size:.95rem;margin-bottom:12px}.login-button-container .login-menu .login-options .verification-pending p strong{color:var(--primary)}.login-button-container .login-menu .login-options .verification-pending .verification-hint{color:var(--text-light);font-size:.85rem;margin-bottom:20px}.login-button-container .login-menu .login-options .verification-hint{color:var(--text-light);font-size:.85rem;margin-bottom:12px;text-align:center}.login-button-container .login-menu .login-options .verification-code-input{font-size:1.5rem!important;font-weight:600;letter-spacing:8px;text-align:center}.login-button-container .login-menu .login-options .email-form{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.login-button-container .login-menu .login-options .auth-input{background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--bg-cream);border-radius:12px;box-sizing:border-box;color:var(--text-dark);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.login-button-container .login-menu .login-options .auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;box-shadow:0 0 0 3px rgba(var(--primary-rgb,99,102,241),.1);outline:none}.login-button-container .login-menu .login-options .auth-input::placeholder{color:var(--text-light)}.login-button-container .login-menu .login-options .toggle-auth-mode{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;margin-bottom:16px;padding:8px;text-decoration:underline}.login-button-container .login-menu .login-options .toggle-auth-mode:hover{opacity:.8}.login-button-container .login-menu .login-options .auth-divider{align-items:center;display:flex;margin:16px 0}.login-button-container .login-menu .login-options .auth-divider:after,.login-button-container .login-menu .login-options .auth-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.login-button-container .login-menu .login-options .auth-divider span{color:var(--text-light);font-size:.85rem;padding:0 12px}.login-button-container .login-menu .login-options .auth-btn{align-items:center;background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--bg-cream);border-radius:12px;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:all .3s ease;width:100%}.login-button-container .login-menu .login-options .auth-btn:last-child{margin-bottom:0}.login-button-container .login-menu .login-options .auth-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.login-button-container .login-menu .login-options .auth-btn:active:not(:disabled){transform:scale(.98)}.login-button-container .login-menu .login-options .auth-btn:disabled{cursor:not-allowed;opacity:.6}.login-button-container .login-menu .login-options .auth-btn .auth-icon{flex-shrink:0;height:24px;width:24px}.login-button-container .login-menu .login-options .auth-btn.email-btn{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;color:var(--white)}.login-button-container .login-menu .login-options .auth-btn.email-btn:hover:not(:disabled){opacity:.9}.login-button-container .login-menu .login-options .auth-btn.google-btn{border-color:#4285f4}.login-button-container .login-menu .login-options .auth-btn.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#4285f4}.login-button-container .login-menu .login-options .auth-btn.phone-btn{border-color:#22c55e}.login-button-container .login-menu .login-options .auth-btn.phone-btn .auth-icon{stroke:#22c55e}.login-button-container .login-menu .login-options .auth-btn.phone-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e}.login-button-container .login-menu .user-info{padding:20px}.login-button-container .login-menu .user-info .user-header{align-items:center;border-bottom:2px solid var(--bg-cream);display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px}.login-button-container .login-menu .user-info .user-header .user-avatar{border-radius:50%;box-shadow:0 4px 8px #00000026;height:60px;object-fit:cover;width:60px}.login-button-container .login-menu .user-info .user-header .user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;box-shadow:0 4px 8px #00000026;color:var(--white);display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;width:60px}.login-button-container .login-menu .user-info .user-header .user-details{flex:1 1;min-width:0}.login-button-container .login-menu .user-info .user-header .user-details .user-name{color:var(--text-dark);font-size:1.2rem;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-button-container .login-menu .user-info .user-header .user-details .user-email{color:var(--text-light);font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-button-container .login-menu .user-info .settings-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:12px 20px;transition:all .3s ease;width:100%}.login-button-container .login-menu .user-info .settings-btn svg{height:18px;width:18px}.login-button-container .login-menu .user-info .settings-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.login-button-container .login-menu .user-info .settings-btn:active{transform:scale(.98)}.login-button-container .login-menu .user-info .logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.login-button-container .login-menu .user-info .logout-btn:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.login-button-container .login-menu .user-info .logout-btn:active{transform:scale(.98)}@keyframes successPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.login-button-container .login-btn{font-size:.95rem;height:40px;min-width:70px;padding:8px 16px}.login-button-container .login-btn.logged-in{height:40px;min-width:40px}.login-button-container .login-btn.logged-in .profile-pic{height:32px;width:32px}.login-button-container .login-menu{min-width:280px}.login-button-container .login-menu .login-options{padding:20px}.login-button-container .login-menu .login-options .login-title{font-size:1.2rem}.login-button-container .login-menu .login-options .signup-steps .step-number{font-size:.75rem;height:24px;width:24px}.login-button-container .login-menu .login-options .signup-steps .step-label{font-size:.65rem}.login-button-container .login-menu .login-options .signup-steps .step-connector{margin:0 4px;width:18px}.login-button-container .login-menu .login-options .password-strength .password-strength-label{font-size:.7rem;min-width:45px}.login-button-container .login-menu .login-options .auth-btn{font-size:.95rem;padding:10px 14px}.login-button-container .login-menu .user-info{padding:16px}.login-button-container .login-menu .user-info .user-header .user-avatar,.login-button-container .login-menu .user-info .user-header .user-avatar-placeholder{height:50px;width:50px}.login-button-container .login-menu .user-info .user-header .user-details .user-name{font-size:1.1rem}.login-button-container .login-menu .user-info .user-header .user-details .user-email{font-size:.85rem}}@media(max-width:480px){.login-button-container .login-menu{min-width:260px;right:-10px}.login-button-container .login-menu .login-options{padding:16px}.login-button-container .login-menu .login-options .login-title{font-size:1.1rem}.login-button-container .login-menu .login-options .signup-steps .step-label{display:none}.login-button-container .login-menu .login-options .signup-steps .step-connector{margin-bottom:0}.login-button-container .login-menu .login-options .auth-btn{font-size:.9rem;gap:10px;padding:10px 12px}.login-button-container .login-menu .login-options .auth-btn .auth-icon{height:20px;width:20px}}.modal-overlay{animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.modal-content{animation:modalSlideUp .4s ease-out;border-radius:24px;overflow:hidden}.modal-header{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-bottom:2px solid #f0f0f0;padding:25px 30px}.modal-header h2{color:var(--white);font-size:1.8rem}.modal-header .close-btn{background:#fff3;border-radius:50%;color:var(--white);height:40px;line-height:1;transition:all .3s ease;width:40px}.modal-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.modal-body .word-display label{letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-body .word-display h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);font-size:2rem}.modal-body .meaning-input label{color:var(--text-light);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-body .meaning-input textarea{border:2px solid #e5e5e5;border-radius:12px;font-family:inherit;font-size:1.1rem;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.modal-body .meaning-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00000026;outline:none}.modal-body .meaning-input textarea::placeholder{color:#ccc}.modal-footer{border-top:2px solid #f0f0f0;padding:20px 30px}.modal-footer button{box-shadow:0 4px 8px #00000026}.modal-footer button:active{transform:scale(.95)}.modal-footer .btn-cancel{background:#f0f0f0;color:var(--text-dark)}.modal-footer .btn-cancel:hover{background:#e0e0e0;transform:translateY(-2px)}.modal-footer .btn-save{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white)}.modal-footer .btn-save:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}@media(max-width:768px){.modal-content{border-radius:16px;margin:20px;width:95%}.modal-header{padding:18px 20px}.modal-header h2{font-size:1.4rem}.modal-header .close-btn{font-size:1.6rem;height:36px;width:36px}.modal-body{padding:20px}.modal-body .word-display{margin-bottom:20px}.modal-body .word-display label{font-size:.85rem}.modal-body .word-display h3{font-size:1.5rem}.modal-body .meaning-input label{font-size:.85rem}.modal-body .meaning-input textarea{font-size:1rem;padding:12px}.modal-footer{flex-direction:column;padding:15px 20px}.modal-footer button{font-size:.95rem;padding:11px 24px;width:100%}}@media(max-width:480px){.modal-content{margin:15px;width:96%}.modal-header{padding:15px 16px}.modal-header h2{font-size:1.25rem}.modal-header .close-btn{font-size:1.4rem;height:32px;width:32px}.modal-body{padding:16px}.modal-body .word-display{margin-bottom:16px}.modal-body .word-display label{font-size:.8rem}.modal-body .word-display h3{font-size:1.3rem}.modal-body .meaning-input label{font-size:.8rem}.modal-body .meaning-input textarea{border-radius:10px;font-size:.95rem;padding:10px}.modal-footer{padding:12px 16px}.modal-footer button{border-radius:10px;font-size:.9rem;padding:10px 20px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:2px solid var(--bg-light);display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:var(--text-dark);font-size:1.5rem;margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:color .3s ease;width:30px}.modal-header .close-btn:hover{color:var(--danger)}.modal-body{padding:25px}.modal-body .word-display{background:var(--bg-light);border-radius:12px;margin-bottom:25px;padding:15px}.modal-body .word-display label{color:var(--text-light);display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}.modal-body .word-display h3{color:var(--primary);font-size:1.8rem;margin:0}.modal-body .examples-input{margin-bottom:20px}.modal-body .examples-input label{color:var(--text-dark);display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.modal-body .examples-input textarea{border:2px solid #e5e5e5;border-radius:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.modal-body .examples-input textarea:focus{border-color:var(--primary);outline:none}.modal-body .examples-input textarea::placeholder{color:#aaa}.modal-footer{border-top:2px solid var(--bg-light);display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.modal-footer button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-footer button.btn-cancel{background:#e5e5e5;color:var(--text-dark)}.modal-footer button.btn-cancel:hover{background:#ccc}.modal-footer button.btn-save{background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%);box-shadow:0 4px 8px #00000026;color:var(--white)}.modal-footer button.btn-save:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}@media(max-width:768px){.modal-content{border-radius:16px;max-height:95vh;width:95%}.modal-header{padding:18px 20px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}.modal-body .word-display h3{font-size:1.5rem}.modal-body .examples-input label{font-size:.95rem}.modal-body .examples-input textarea{font-size:.95rem;padding:10px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media(max-width:480px){.modal-content{border-radius:12px;width:96%}.modal-header{padding:15px 16px}.modal-header h2{font-size:1.2rem}.modal-body{padding:16px}.modal-body .word-display{padding:12px}.modal-body .word-display h3{font-size:1.3rem}.modal-body .examples-input{margin-bottom:15px}.modal-body .examples-input label{font-size:.9rem;margin-bottom:6px}.modal-body .examples-input textarea{border-radius:10px;font-size:.9rem;padding:10px}.modal-footer{padding:15px 16px}.modal-footer button{font-size:.95rem;padding:10px 24px}}@keyframes progressFill{0%{width:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.progress-bar{animation:fadeIn .5s ease-out;margin:10px 0 0;padding-top:5px}.progress-bar__info{align-items:center;background:#0000!important;bottom:0;display:flex;justify-content:space-between;left:0;padding:0 15px;position:absolute;right:0;top:0;z-index:2}.progress-bar__percentage,.progress-bar__text{color:var(--progress-bar-text-color);font-size:.85rem;font-weight:600;text-shadow:none}.progress-bar__track{background:var(--progress-bar-track-bg);border:2px solid var(--progress-bar-track-border);border-radius:10px;box-shadow:none;height:20px;overflow:visible;position:relative;width:100%}.progress-bar__fill{animation:progressFill 1s ease-out;background:var(--progress-bar-fill-bg);border-radius:8px;box-shadow:none;height:100%;overflow:hidden;position:relative;transition:width .5s ease;z-index:1}.progress-bar__fill:before{background:var(--progress-bar-fill-highlight);border-radius:8px 8px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}@media(max-width:768px){.progress-bar__percentage,.progress-bar__text{font-size:.75rem}.progress-bar__info{padding:0 10px}.progress-bar__track{border-radius:9px;height:18px}.progress-bar__fill{border-radius:7px}.progress-bar__fill:before{border-radius:7px 7px 0 0}}:root{--primary:#ff6b35;--primary-dark:#e85a28;--secondary:#ff9f1c;--tertiary:#ffb703;--danger:#ff4b4b;--text-dark:#2d2d2d;--text-light:#6b6b6b;--bg-light:#fef6e4;--bg-cream:#fffbf0;--white:#fff;--filters-background:#fffffff2;--bg-gradient-start:#ff9f1c;--bg-gradient-end:#ff6b35;--logo-text-gradient-start:#ff9f1c;--logo-text-gradient-end:#ff6b35}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#ff9f1c,#ff6b35);background:var(--gradient-app-bg,linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%));color:#2d2d2d;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;margin:0 auto;padding:65px 20px 12px 65px;transition:padding-top .3s ease;width:100%}.app--filters-open{padding-top:148px}.app--progress-visible{padding-top:95px}.app--filters-open.app--progress-visible{padding-top:180px}.top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff9f1c,#ff6b35);background:var(--gradient-app-bg,linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%));display:flex;flex-wrap:wrap;gap:4px;left:0;margin:0;padding:5px 20px 5px 80px;position:fixed;right:0;top:0;z-index:500}.top-bar .app-header,.top-bar .hamburger-btn{align-self:center;flex-shrink:0}.top-bar>.filters-content{animation:slideDown .3s ease-out;flex-basis:100%;padding:4px 0 8px}.top-bar>.progress-bar{animation:slideDown .3s ease-out;flex-basis:100%;margin:0}.top-bar .filters-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px}@media(min-width:1200px){.top-bar .filters-row{flex-wrap:nowrap}}.top-bar .filter-group{background:#0000;display:flex;flex:1 1;flex-direction:column;min-width:200px}.top-bar .filter-group.mastery-filters{background:#0000;flex:1 1}.top-bar .filter-group.category-filters{background:#0000;flex:1.5 1}.top-bar .filter-label{background:#0000;color:#2d2d2d;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.top-bar .reset-filters-btn{align-items:center;background:#0000;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:8px;box-shadow:none;color:#ffb703;color:var(--tertiary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;height:auto;justify-content:center;min-width:50px;padding:8px 14px;transition:all .2s ease}.top-bar .reset-filters-btn svg{stroke:currentColor;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.top-bar .reset-filters-btn span{white-space:nowrap}.top-bar .reset-filters-btn:hover{background:#0000;border-color:#ff6b35;border-color:var(--primary);transform:translateY(-1px)}.top-bar .reset-filters-btn:hover svg{transform:rotate(-45deg)}.top-bar .reset-filters-btn:active{transform:translateY(0) scale(.98)}.hamburger-btn{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:60px;justify-content:center;padding:0 10px;transition:all .3s ease;z-index:1000}.hamburger-btn span{background:#ff6b35;background:var(--primary);border-radius:3px;height:3px;transition:all .3s ease;width:30px}.hamburger-btn:hover span{background:#ff9f1c;background:var(--secondary)}.tts-toggle-btn{align-items:center;background:#0000;border:2px solid #ff6b35;border:2px solid var(--primary);border-radius:50%;color:#ff6b35;color:var(--primary);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-left:auto;opacity:.6;transition:all .3s ease;width:50px}.tts-toggle-btn svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.tts-toggle-btn:hover{background:#ff6b351a;opacity:1;transform:scale(1.1)}.tts-toggle-btn.active{animation:pulse 2s ease-in-out infinite;background:#ff6b35;background:var(--primary);border-color:#ff6b35;border-color:var(--primary);box-shadow:0 0 10px #ff6b3580;color:#2d2d2d;color:var(--text-dark);opacity:1}.tts-toggle-btn.active svg{stroke:#2d2d2d;stroke:var(--text-dark)}.tts-toggle-btn:active{transform:scale(.95)}.auto-advance-btn{align-items:center;background:#0000;border:2px solid #ff9f1c;border:2px solid var(--secondary);border-radius:50%;color:#ff9f1c;color:var(--secondary);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-left:10px;opacity:.6;transition:all .3s ease;width:50px}.auto-advance-btn svg{stroke:currentColor;fill:currentColor;height:24px;transition:all .3s ease;width:24px}.auto-advance-btn:hover{background:#ff9f1c1a;opacity:1;transform:scale(1.1)}.auto-advance-btn.active{animation:pulse 2s ease-in-out infinite;background:#ff9f1c;background:var(--secondary);border-color:#ff9f1c;border-color:var(--secondary);box-shadow:0 0 10px #ff9f1c80;color:#2d2d2d;color:var(--text-dark);opacity:1}.auto-advance-btn.active svg{stroke:#2d2d2d;stroke:var(--text-dark);fill:#2d2d2d;fill:var(--text-dark)}.auto-advance-btn:active{transform:scale(.95)}.top-bar-controls{align-items:center;display:flex;gap:10px;margin-left:auto}.vertical-divider{background:#fff3;height:28px;margin:0 8px;width:2px}.toggle-card-btn{align-items:center;background:#0000;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:50%;color:#ffb703;color:var(--tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:.6;transition:all .3s ease;width:50px}.toggle-card-btn svg{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.toggle-card-btn:hover{background:#ffb7031a;opacity:1;transform:scale(1.1)}.toggle-card-btn.active{background:#ffb703;background:var(--tertiary);border-color:#ffb703;border-color:var(--tertiary);box-shadow:0 0 10px #ffb70380;color:#2d2d2d;color:var(--text-dark);opacity:1}.toggle-card-btn.active svg{stroke:#2d2d2d;stroke:var(--text-dark)}.toggle-card-btn:active{transform:scale(.95)}.games-menu-container{display:inline-block;position:relative}.games-dropdown{animation:dropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;min-width:180px;padding:15px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.layout-menu-container{display:inline-block;position:relative}.layout-dropdown{animation:dropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:4px;left:0;min-width:180px;padding:10px;position:absolute;top:calc(100% + 10px);z-index:1000}.layout-dropdown .layout-dropdown-header{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:4px;padding:4px 10px 8px;text-transform:uppercase}.layout-dropdown .layout-divider{background:#ffffff1a;height:1px;margin:4px 0}.layout-dropdown .layout-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:space-between;padding:10px 14px;text-align:left;transition:all .2s ease}.layout-dropdown .layout-option .layout-name{flex:1 1}.layout-dropdown .layout-option .layout-check{color:#ffb703;color:var(--tertiary);font-weight:700}.layout-dropdown .layout-option:hover:not(:disabled){background:#ffb70326;border-color:#ffb7034d}.layout-dropdown .layout-option.active{background:#ffb70333;border-color:#ffb703;border-color:var(--tertiary)}.layout-dropdown .layout-option:disabled{cursor:not-allowed;opacity:.4}.layout-dropdown .layout-option.save-layout-btn{background:#ff6b351a;border-color:#ff6b354d;color:#ff6b35;color:var(--primary);margin-top:4px}.layout-dropdown .layout-option.save-layout-btn:hover{background:#ff6b3533;border-color:#ff6b35;border-color:var(--primary)}.theme-menu-container{display:inline-block;position:relative}.theme-dropdown{animation:dropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:5px;min-width:320px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.game-option{align-items:center;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;gap:10px;padding:10px;transition:background .2s ease}.game-option:hover{background:#ffb7031a}.game-option input[type=checkbox]{accent-color:#ffb703;accent-color:var(--tertiary);cursor:pointer;height:18px;width:18px}.game-option span{-webkit-user-select:none;user-select:none}.theme-section{display:flex;flex-direction:column;gap:5px}.theme-section:not(:last-child){border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:10px}.theme-section-header{color:#ffb703;color:var(--tertiary);font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:5px;padding:5px 10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.theme-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:space-between;padding:10px 15px;text-align:left;transition:all .2s ease}.theme-option:hover{background:#ffb70326;border-color:#ffb7034d}.theme-option.active{background:#ffb7034d;border-color:#ffb703;border-color:var(--tertiary);font-weight:600}.theme-option .theme-option-name{flex:1 1;white-space:nowrap}.theme-option .theme-color-swatches{display:flex;flex-shrink:0;gap:3px}.theme-option .theme-swatch{border:1px solid #ffffff4d;border-radius:3px;box-shadow:0 1px 2px #0003;height:14px;width:14px}.auto-controls-group{align-items:center;border-left:2px solid #fff3;display:flex;gap:8px;margin-left:8px;padding-left:8px}.auto-controls-group button{margin:0}.menu-panel{background:#2d2d2d;box-shadow:4px 0 12px #0000004d;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:70%;z-index:2000}.menu-panel.open{animation:slideIn .3s ease-out;transform:translateX(0)}.menu-panel .menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:30px}.menu-panel .menu-header h2{color:#fff;color:var(--white);font-size:1.8rem;margin:0}.menu-panel .menu-header .menu-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.menu-panel .menu-header .menu-close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.menu-panel .menu-content{padding:20px 0}.menu-panel .menu-section{margin-bottom:10px}.menu-panel .menu-section .menu-section-header{align-items:center;border-left:4px solid #0000;color:#fff;color:var(--white);display:flex;gap:20px;padding:20px 30px}.menu-panel .menu-section .menu-section-header .menu-icon{font-size:1.8rem}.menu-panel .menu-section .menu-section-header .menu-label{font-size:1.3rem;font-weight:500}.menu-panel .theme-options{display:flex;flex-direction:column;gap:8px;padding:10px 30px 20px}.menu-panel .theme-option{background:#ffffff1a;border:2px solid #0000;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:1.1rem;padding:12px 20px;text-align:left;transition:all .3s ease}.menu-panel .theme-option:hover{background:#fff3;border-color:#ff6b3580}.menu-panel .theme-option.active{background:#ff6b354d;border-color:#ff6b35;border-color:var(--primary);font-weight:600}.menu-panel .menu-item{align-items:center;border-left:4px solid #0000;color:#fff;color:var(--white);cursor:pointer;display:flex;gap:20px;padding:20px 30px;transition:all .3s ease}.menu-panel .menu-item:hover{background:#ff6b351a;border-left-color:#ff6b35;border-left-color:var(--primary)}.menu-panel .menu-item .menu-icon{font-size:1.8rem}.menu-panel .menu-item .menu-label{font-size:1.3rem;font-weight:500}.menu-overlay{animation:fadeIn .3s ease-out;background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1999}.app-header{align-items:flex-end;animation:fadeIn .5s ease-out;display:flex;flex-shrink:0;justify-content:flex-start;margin:0;padding:0}.app-header .app-logo{cursor:pointer;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));height:48px;margin-left:2px;transition:all .3s ease;width:auto}.app-header .app-logo:hover{filter:drop-shadow(2px 2px 6px rgba(0,0,0,.3));transform:scale(1.05)}.app-header .app-logo.clickable{cursor:pointer}.app-header .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9f1c,#ff6b35);background:linear-gradient(135deg,var(--logo-text-gradient-start) 0,var(--logo-text-gradient-end) 100%);-webkit-background-clip:text;background-clip:text;cursor:pointer;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.15));font-size:2.5rem;font-weight:700;margin-left:16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.app-header .logo-text:hover{filter:drop-shadow(2px 3px 5px rgba(0,0,0,.25));transform:scale(1.02)}.app-header .logo-text.clickable{cursor:pointer}.app-header .app-title{color:#fff;color:var(--white);font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px #0003}.language-switcher{background:#0000;border:none;border-radius:12px;box-shadow:none;color:#2d2d2d;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.language-switcher:hover{background:#fff3;transform:translateY(-2px)}.language-switcher:active{transform:scale(.98)}.language-switcher.de,.language-switcher.en{background:#0000}.language-switcher.menu-open{background:#fff3}.language-menu-container{display:inline-block;margin-left:24px;position:relative}.learn-lang-dropdown{animation:learnLangDropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:4px;left:0;min-width:180px;padding:10px;position:absolute;top:calc(100% + 10px);z-index:1000}@keyframes learnLangDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.learn-lang-dropdown .learn-lang-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease}.learn-lang-dropdown .learn-lang-option .learn-lang-flag{align-items:center;border-radius:2px;box-shadow:0 0 1px #0000004d;display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;width:24px}.learn-lang-dropdown .learn-lang-option .learn-lang-flag .learn-lang-flag-svg{display:block;height:100%;width:100%}.learn-lang-dropdown .learn-lang-option .learn-lang-name{flex:1 1}.learn-lang-dropdown .learn-lang-option .learn-lang-check{color:#ffb703;color:var(--tertiary);font-weight:700}.learn-lang-dropdown .learn-lang-option .learn-lang-soon{color:#fff6;font-size:.7rem;font-style:italic}.learn-lang-dropdown .learn-lang-option:hover:not(.disabled){background:#ffb70326;border-color:#ffb7034d}.learn-lang-dropdown .learn-lang-option.active{background:#ffb70333;border-color:#ffb703;border-color:var(--tertiary)}.learn-lang-dropdown .learn-lang-option.disabled{cursor:not-allowed;opacity:.5}.edit-themes-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff9f1c);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;box-shadow:0 2px 8px #ff9f1c4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin-left:16px;padding:10px 18px;transition:all .3s ease}.edit-themes-btn:hover{box-shadow:0 4px 12px #ff9f1c66;transform:translateY(-2px)}.edit-themes-btn:active{transform:scale(.98)}.type-menu-container{display:inline-block;margin-left:0;position:relative}.type-switcher{background:#0000;border:none;border-radius:12px;box-shadow:none;color:#2d2d2d;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-left:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.type-switcher:hover{background:#fff3;transform:translateY(-2px)}.type-switcher:active{transform:scale(.98)}.type-switcher.menu-open{background:#ffffff4d}.type-dropdown{animation:dropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:5px;left:0;min-width:280px;padding:10px;position:absolute;top:calc(100% + 10px);z-index:1000}.type-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:10px 15px;text-align:left;transition:all .2s ease}.type-option .type-icon{flex-shrink:0;font-size:1.3rem}.type-option .type-label{flex:1 1}.type-option:hover{background:#ffb70326;border-color:#ffb7034d}.type-option.active{background:#ffb7034d;border-color:#ffb703;border-color:var(--tertiary);font-weight:600}.type-group{display:flex;flex-direction:column;gap:3px}.type-group:not(:first-child){border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.type-group-header{color:#ffb703cc;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;padding:4px 10px;text-transform:uppercase}.grouped-dropdown .type-option:first-child{margin-bottom:5px}.filters-section{animation:fadeIn .6s ease-out;background:#0000;border-radius:16px;box-shadow:none;margin-bottom:2px;margin-top:4px;opacity:1;overflow:visible;width:100%}.filters-section .filters-header{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background .3s ease;-webkit-user-select:none;user-select:none}.filters-section .filters-header:hover{background:#0000}.filters-section .filters-header h3{color:#2d2d2d;color:var(--text-dark);font-size:1.2rem;font-weight:600;margin:0}.filters-section .filters-header .toggle-icon{color:#ff6b35;color:var(--primary);font-size:.8rem;transition:transform .3s ease}.filters-section .filters-header .toggle-icon.open{transform:rotate(180deg)}.filters-section .filters-content{animation:slideDown .3s ease-out;padding:4px 20px 8px}.filters-section .filters-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px}@media(min-width:768px){.filters-section .filters-row{flex-wrap:wrap}}@media(min-width:1200px){.filters-section .filters-row{flex-wrap:nowrap}}.filters-section .filter-group{background:#0000;display:flex;flex:1 1;flex-direction:column;min-width:200px}.filters-section .filter-group.mastery-filters{background:#0000;flex:1 1}.filters-section .filter-group.category-filters{background:#0000;flex:1.5 1}.filters-section .filter-label{background:#0000;color:#2d2d2d;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.filters-section .filter-buttons{align-items:flex-start;background:#0000;display:flex;flex-direction:column;gap:6px}.filters-section .filter-buttons .filter-btn{align-items:center;background:#0000!important;border:3px solid #e5e5e5;border-radius:10px;box-shadow:none;color:#2d2d2d;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.filters-section .filter-buttons .filter-btn:hover{box-shadow:none;transform:translateY(-2px)}.filters-section .filter-buttons .filter-btn:active{transform:scale(.98)}.filters-section .filter-buttons .filter-btn.active{border-width:3px;box-shadow:none}.filters-section .filter-buttons .filter-btn.level-1{background:#0000!important}.filters-section .filter-buttons .filter-btn.level-1.active{background:#0000!important;border-color:#ff4b4b;border-color:var(--danger)}.filters-section .filter-buttons .filter-btn.level-1:hover{background:#0000!important;filter:brightness(1.1)}.filters-section .filter-buttons .filter-btn.level-2{background:#0000!important}.filters-section .filter-buttons .filter-btn.level-2.active{background:#0000!important;border-color:#ff9f1c;border-color:var(--secondary)}.filters-section .filter-buttons .filter-btn.level-2:hover{background:#0000!important;filter:brightness(1.1)}.filters-section .filter-buttons .filter-btn.level-3{background:#0000!important}.filters-section .filter-buttons .filter-btn.level-3.active{background:#0000!important;border-color:#ff6b35;border-color:var(--primary)}.filters-section .filter-buttons .filter-btn.level-3:hover{background:#0000!important;filter:brightness(1.1)}.filters-section .filter-buttons .filter-btn:not(.active){opacity:.5}.filters-section .filter-buttons .filter-btn:not(.active):hover{opacity:.7}.filters-section .category-filter{background:#0000!important;display:flex;justify-content:center}.filters-section .category-filter .category-dropdown{background:#0000!important;border:3px solid #ff6b35;border:3px solid var(--primary);border-radius:12px;box-shadow:none;color:#2d2d2d;color:var(--text-dark);cursor:pointer;font-size:1rem;font-weight:600;min-width:300px;outline:none;padding:12px 24px;transition:all .3s ease}.filters-section .category-filter .category-dropdown:hover{transform:translateY(-2px)}.filters-section .category-filter .category-dropdown:focus,.filters-section .category-filter .category-dropdown:hover{border-color:#ff9f1c;border-color:var(--secondary);box-shadow:none}.filters-section .category-filter .category-dropdown option{font-weight:500;padding:10px}.filters-section .reset-filters-btn{align-items:center;background:#0000;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:8px;box-shadow:none;color:#ffb703;color:var(--tertiary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;height:auto;justify-content:center;min-width:50px;padding:8px 14px;transition:all .2s ease}.filters-section .reset-filters-btn svg{stroke:currentColor;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.filters-section .reset-filters-btn span{white-space:nowrap}.filters-section .reset-filters-btn:hover{background:#0000;border-color:#ff6b35;border-color:var(--primary);transform:translateY(-1px)}.filters-section .reset-filters-btn:hover svg{transform:rotate(-45deg)}.filters-section .reset-filters-btn:active{transform:translateY(0) scale(.98)}.app-main{flex:1 1;padding-top:0}.app-main,.cards-container{align-items:flex-start;display:flex;justify-content:center}.cards-container{flex-direction:row;flex-wrap:wrap;gap:20px;width:100%}@media(max-width:1024px){.cards-container{align-items:center;flex-direction:column}}.card-wrapper{cursor:grab;flex:0 0 auto;max-width:none;min-width:200px;overflow:visible;position:relative;transition:opacity .3s ease,box-shadow .3s ease}@media(max-width:1024px){.card-wrapper{flex:0 0 auto;max-width:none}}.card-wrapper:active{cursor:grabbing;opacity:.8}.card-wrapper.resizing{box-shadow:0 8px 24px #ff9f1c4d;cursor:nwse-resize!important;opacity:.95;outline:2px dashed #ff9f1c66;outline-offset:2px}.card-wrapper.resizing>*{pointer-events:none}.card-wrapper.fading-out{animation:fadeOut .3s ease-out forwards}.card-wrapper:hover .resize-handle{opacity:1}.card-wrapper>.learning-card,.card-wrapper>.snake-game,.card-wrapper>.word-card,.card-wrapper>.word-explanation,.card-wrapper>.word-game,.card-wrapper>.word-game-grid,.card-wrapper>.word-graphic,.card-wrapper>.word-joke,.card-wrapper>.word-quotes{height:100%!important;max-width:none!important;overflow:auto;width:100%!important}.resize-handle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:8px 0 0 0;bottom:0;color:#ff9f1c;color:var(--secondary);cursor:nwse-resize;display:flex;font-size:1.8rem;height:30px;justify-content:center;line-height:1;opacity:.4;position:absolute;right:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:30px;z-index:10}.resize-handle:hover{background:#ff9f1c26;color:#ff6b35;color:var(--primary);opacity:1;transform:scale(1.1)}.resize-handle:active{background:#ffb70340;color:#ffb703;color:var(--tertiary);opacity:1;transform:scale(1.15)}.resize-size-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:Monaco,Consolas,monospace;font-size:1.1rem;font-weight:600;left:50%;letter-spacing:1px;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:100}.app-navigation{animation:fadeIn .7s ease-out;display:flex;gap:20px;justify-content:center;margin-top:30px}.app-navigation .nav-btn{background:#fff;background:var(--white);border:none;border-radius:12px;box-shadow:0 4px 8px #ff6b3526;color:#2d2d2d;color:var(--text-dark);cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.app-navigation .nav-btn:hover:not(:disabled){background:#fef6e4;background:var(--bg-light);box-shadow:0 8px 16px #ff6b3540;transform:translateY(-2px)}.app-navigation .nav-btn:disabled{cursor:not-allowed;opacity:.3}.app-navigation .nav-btn--prev:hover:not(:disabled){background:linear-gradient(135deg,#ff9f1c,#ff6b35);color:#fff;color:var(--white)}.app-navigation .nav-btn--next:hover:not(:disabled){background:linear-gradient(135deg,#ffb703,#ff9f1c);color:#fff;color:var(--white)}.loading-screen{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:38vh}.loading-screen .loading-brand{align-items:center;display:flex;margin-bottom:8px}.loading-screen .loading-logo{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));height:40px;width:auto}.loading-screen .loading-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9f1c,#ff6b35);background:linear-gradient(135deg,var(--logo-text-gradient-start) 0,var(--logo-text-gradient-end) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.15));font-size:2.8rem;font-weight:700;margin:-4px 0 0 16px;-webkit-user-select:none;user-select:none}.loading-screen .loading-bar-container{background:#ffffff26;border-radius:2px;height:3px;overflow:hidden;width:286px}.loading-screen .loading-bar-container .loading-bar{animation:loadingSlide 1.4s ease-in-out infinite;background:linear-gradient(90deg,#ff9f1c,#ff6b35);background:linear-gradient(90deg,var(--logo-text-gradient-start),var(--logo-text-gradient-end));border-radius:2px;height:100%;width:40%}@keyframes loadingSlide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.empty-screen,.error-screen{animation:fadeIn .5s ease-out;color:#fff;color:var(--white);text-align:center}.empty-screen h2,.error-screen h2{font-size:2rem;margin-bottom:20px}.empty-screen p,.error-screen p{font-size:1.2rem;margin-bottom:20px}.empty-screen button,.error-screen button{background:#ff6b35;background:var(--primary);border:none;border-radius:12px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.empty-screen button:hover,.error-screen button:hover{background:#e85a28;background:var(--primary-dark);transform:translateY(-2px)}.error-screen .setup-instructions{background:#ffffff1a;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:600px;padding:20px;text-align:left}.error-screen .setup-instructions h3{margin-bottom:15px}.error-screen .setup-instructions ol{padding-left:20px}.error-screen .setup-instructions ol li{line-height:1.6;margin:10px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:4px solid var(--white);height:50px;margin:0 auto;width:50px}.spinner.small{border-width:2px;height:20px;width:20px}.saving-indicator{align-items:center;animation:slideUp .3s ease-out;background:#fff;background:var(--white);bottom:30px;box-shadow:0 8px 16px #ff6b3540;font-weight:600;gap:15px;padding:15px 25px;right:30px}.keyboard-shortcuts,.saving-indicator{border-radius:12px;color:#2d2d2d;color:var(--text-dark);display:flex;position:fixed}.keyboard-shortcuts{background:#fffffff2;bottom:20px;box-shadow:0 4px 8px #ff6b3526;font-size:.9rem;gap:30px;left:50%;padding:12px 24px;transform:translateX(-50%);z-index:100}.keyboard-shortcuts .shortcut-hint{align-items:center;display:flex;font-weight:500;gap:8px}.keyboard-shortcuts .shortcut-hint kbd{background:linear-gradient(135deg,#ff9f1c,#ff6b35);background:linear-gradient(135deg,var(--secondary) 0,var(--primary) 100%);border:2px solid #ffffff4d;border-radius:6px;box-shadow:0 2px 4px #ff6b3533;color:#fff;color:var(--white);font-family:Courier New,monospace;font-size:.85rem;font-weight:700;min-width:28px;padding:4px 10px;text-align:center}@media(max-width:768px){.app{min-height:100vh;padding:60px 12px 15px 62px}.app--filters-open{padding-top:175px}.app--progress-visible{padding-top:90px}.top-bar{padding:5px 12px 5px 62px}.resize-handle{bottom:3px;font-size:1.2rem;opacity:.5;right:3px}.app-header{flex-direction:column;gap:12px;margin-bottom:15px}.app-header .app-title{font-size:1.3rem}.filters-section{border-radius:12px;margin-bottom:8px}.filters-section .filters-header{padding:12px 15px}.filters-section .filters-header h3{font-size:1.05rem}.filters-section .filters-header .toggle-icon{font-size:.75rem}.filters-section .filters-content{padding:3px 15px 6px}.filters-section .filter-group{min-width:100%}.filters-section .filter-label{font-size:.9rem;margin-bottom:3px}.filters-section .filter-buttons{gap:5px}.filters-section .filter-buttons .filter-btn{flex:1 1 auto;font-size:.85rem;justify-content:center;min-width:0;padding:6px 10px}.filters-section .category-filter .category-dropdown{font-size:.9rem;min-width:100%;padding:10px 18px}.top-bar>.filters-content{padding:3px 0 6px}.top-bar>.progress-bar{margin:0}.top-bar .filter-group{min-width:100%}.top-bar .filter-label{font-size:.9rem;margin-bottom:3px}.app-main{padding:0}.app-navigation{gap:12px;margin-top:20px}.app-navigation .nav-btn{border-radius:10px;font-size:.95rem;padding:11px 18px}.keyboard-shortcuts{border-radius:10px;bottom:8px;font-size:.75rem;gap:12px;padding:8px 14px}.keyboard-shortcuts .shortcut-hint{gap:5px}.keyboard-shortcuts .shortcut-hint kbd{font-size:.7rem;min-width:22px;padding:3px 7px}.saving-indicator{bottom:20px;font-size:.9rem;padding:12px 20px;right:20px}}@media(max-width:480px){.app{padding:55px 8px 12px 53px}.app--filters-open{padding-top:160px}.app--progress-visible{padding-top:85px}.top-bar{padding:5px 8px 5px 53px}.resize-handle{bottom:2px;font-size:1rem;right:2px}.app-header{margin-bottom:12px}.app-header .app-title{font-size:1.2rem}.filters-section{margin-bottom:6px}.filters-section .filters-header{padding:10px 12px}.filters-section .filters-header h3{font-size:1rem}.filters-section .filters-content{padding:2px 12px 5px}.filters-section .filter-label{font-size:.85rem;margin-bottom:2px}.filters-section .filter-buttons{gap:4px}.filters-section .filter-buttons .filter-btn{border-radius:10px;font-size:.8rem;padding:5px 8px}.filters-section .category-filter .category-dropdown{border-radius:10px;font-size:.85rem;padding:9px 16px}.app-navigation{gap:10px;margin-top:15px}.app-navigation .nav-btn{border-radius:8px;font-size:.9rem;padding:10px 16px}.keyboard-shortcuts{display:none}.saving-indicator{border-radius:10px;bottom:15px;font-size:.85rem;padding:10px 16px;right:15px}}@media(max-height:600px)and (orientation:landscape){.app{padding:8px}.app-header{margin-bottom:8px}.app-header .app-title{font-size:1.1rem}.filters-section{margin-bottom:5px}.filters-section .filters-header{padding:8px 12px}.filters-section .filters-header h3{font-size:.95rem}.filters-section .filters-content{padding:2px 12px 4px}.filters-section .filter-label{margin-bottom:2px}.app-navigation{margin-top:12px}.keyboard-shortcuts{display:none}}@keyframes highlight-shine{0%,to{box-shadow:0 0 8px #ffc8324d}50%{box-shadow:0 0 20px #ffc832cc,0 0 40px #ffc83266}}.auto-advance-btn.highlight-pulse,.tts-toggle-btn.highlight-pulse{animation:highlight-shine 1s ease-in-out 7;border-color:#ffc832;opacity:1}@media(max-width:1500px){html{zoom:.85}}@media(max-height:800px)and (min-width:1024px){html{zoom:.85}}.multi-select-dropdown{background:#0000!important;display:flex;flex-direction:column;min-width:200px;position:relative;width:100%}.multi-select-dropdown.formality-dropdown .multi-select-button,.multi-select-dropdown.narrow-dropdown .multi-select-button,.multi-select-dropdown.word-frequency-dropdown .multi-select-button{padding:8px 14px}.multi-select-dropdown.formality-dropdown .multi-select-dropdown-content,.multi-select-dropdown.narrow-dropdown .multi-select-dropdown-content,.multi-select-dropdown.word-frequency-dropdown .multi-select-dropdown-content{width:140%}.multi-select-dropdown.age-dropdown .multi-select-dropdown-content{width:100%}.multi-select-button{align-items:center;background:#0000!important;border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:8px;color:#2d2d2d;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:space-between;padding:10px 15px;transition:all .2s ease;width:100%}.multi-select-button.has-selection,.multi-select-button.open,.multi-select-button:hover{background:#0000!important;border-color:#ff6b35;border-color:var(--primary)}.multi-select-button .button-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.multi-select-button .button-count{color:#6b6b6b;color:var(--text-light);font-size:.9rem}.multi-select-button .dropdown-arrow{color:#ffb703;color:var(--tertiary);font-size:.7rem;transition:transform .2s ease}.multi-select-button .dropdown-arrow.open{transform:rotate(180deg)}.multi-select-dropdown-content{animation:dropdownSlideIn .2s ease-out;background:var(--bg-filters-dropdown);border:2px solid #ffb703;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;left:0;max-height:900px;overflow-y:auto;position:absolute;top:calc(100% + 5px);width:200%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{align-items:center;border-bottom:1px solid #ffb70333;display:flex;gap:8px;padding:10px 12px;position:relative}.dropdown-search .search-input{background:#ffffff1a;border:1px solid #ffb7034d;border-radius:6px;color:#2d2d2d;color:var(--text-dark);flex:1 1;font-size:.95rem;outline:none;padding:8px 12px;transition:all .2s ease}.dropdown-search .search-input::placeholder{color:#ffffff80}.dropdown-search .search-input:focus{background:#ffffff26;border-color:#ffb703;border-color:var(--tertiary)}.dropdown-search .clear-search-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;transition:all .2s ease;width:24px}.dropdown-search .clear-search-btn:hover{background:#ff4b4b80}.dropdown-actions{border-bottom:1px solid #ffb70333;display:flex;gap:8px;padding:8px 10px}.dropdown-actions .action-btn{background:#ffb7031a;border:1px solid #ffb703;border:1px solid var(--tertiary);border-radius:5px;color:#2d2d2d;color:var(--text-dark);cursor:pointer;flex:1 1;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.dropdown-actions .action-btn:hover{background:#ffb70333;border-color:#ff6b35;border-color:var(--primary)}.dropdown-actions .action-btn:active{transform:scale(.98)}.dropdown-options{max-height:600px;overflow-y:auto;padding:4px}.dropdown-options .no-results{color:#ffffff80;font-style:italic;padding:20px;text-align:center}.dropdown-option{align-items:center;border-radius:5px;color:#2d2d2d;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;gap:10px;padding:6px 12px;transition:background .2s ease}.dropdown-option:hover:not(.disabled){background:#ffb7031a}.dropdown-option.disabled{cursor:not-allowed;opacity:.4}.dropdown-option.disabled .option-text{text-decoration:line-through}.dropdown-option input[type=checkbox]{accent-color:#ffb703;accent-color:var(--tertiary);cursor:pointer;height:18px;width:18px}.dropdown-option input[type=checkbox]:disabled{cursor:not-allowed}.dropdown-option .option-text{flex:1 1;-webkit-user-select:none;user-select:none;white-space:nowrap}.dropdown-option .option-count{color:#6b6b6b;color:var(--text-light);font-size:.9rem;margin-left:auto}.multi-select-dropdown-content::-webkit-scrollbar{width:8px}.multi-select-dropdown-content::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.multi-select-dropdown-content::-webkit-scrollbar-thumb{background:#ffb703;background:var(--tertiary);border-radius:10px}.multi-select-dropdown-content::-webkit-scrollbar-thumb:hover{background:#ff6b35;background:var(--primary)}.congratulations-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.confetti{height:12px;pointer-events:none;position:fixed;width:12px}.confetti-0{background:var(--primary);border-radius:50%}.confetti-1{background:var(--secondary);border-radius:2px}.confetti-2{background:var(--tertiary);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti-3{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;height:10px;width:10px}.confetti-4{background:linear-gradient(135deg,var(--secondary) 0,var(--tertiary) 100%);border-radius:2px;height:14px;width:8px}@media(max-width:768px){.confetti{height:10px;width:10px}.confetti-3{height:8px;width:8px}.confetti-4{height:12px;width:6px}}@media(max-width:480px){.confetti{height:8px;width:8px}.confetti-3{height:6px;width:6px}.confetti-4{height:10px;width:5px}}.left-toolbar-overlay{animation:fadeIn .2s ease-out;background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.left-toolbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d2d2df2;border-right:1px solid #ff6b3533;box-shadow:2px 0 20px #0000004d;display:flex;flex-direction:column;gap:8px;height:100vh;left:0;padding:2px 0 20px;position:fixed;top:0;width:60px;z-index:999}.left-toolbar.has-expanded{z-index:1000}.toolbar-item{display:flex;justify-content:center;position:relative;width:100%}.toolbar-item.expanded .toolbar-icon-btn{background:#ff6b354d;border-color:var(--primary);transform:scale(1.1)}.toolbar-item.expanded .toolbar-icon-btn svg{stroke:var(--primary)}.toolbar-icon-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.toolbar-icon-btn svg{stroke:#ffffffb3;height:22px;transition:all .3s ease;width:22px}.toolbar-icon-btn:hover{background:#ff6b3526;border-color:#ff6b3566;transform:scale(1.05)}.toolbar-icon-btn:hover svg{stroke:var(--primary)}.toolbar-icon-btn:active{transform:scale(.95)}.toolbar-menu{animation:slideIn .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#2d2d2dfa,#232323fa);border:2px solid #ff6b354d;border-radius:16px;bottom:10px;box-shadow:0 8px 32px #0006,0 0 0 1px #ff6b351a;display:flex;flex-direction:column;left:72px;margin-left:0;max-width:calc(100vw - 80px);min-width:220px;overflow:hidden;padding:0;position:fixed;top:10px;z-index:1001}.toolbar-menu.search-menu{max-width:968px;min-width:968px}.toolbar-menu.favorites-menu,.toolbar-menu.settings-menu{max-width:1144px;min-width:1144px}.toolbar-menu.quick-chat-menu{max-width:800px;min-width:800px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.toolbar-menu:after,.toolbar-menu:before{display:none}.toolbar-menu-header{align-items:center;background:#ff6b351a;border-bottom:1px solid #ff6b3533;display:flex;gap:12px;padding:16px 20px}.toolbar-menu-header svg{stroke:var(--primary);flex-shrink:0;height:24px;width:24px}.toolbar-menu-header span{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.toolbar-menu-items{flex:1 1;overflow-y:auto;padding:8px 0;width:100%}.menu-separator{background:#ff6b3533;height:1px;margin:8px 16px}.toolbar-menu-item{background:#0000;border:none;color:#fffc;cursor:pointer;display:block;font-size:.95rem;font-weight:500;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.toolbar-menu-item:hover{background:#ff6b3526;color:#fff;padding-left:28px}.toolbar-menu-item:active{background:#ff6b3540}.learn-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.learn-item .learn-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.3rem;justify-content:center;transition:transform .2s ease;width:24px}.learn-item .learn-label{flex:1 1}.learn-item:hover{background:#ff6b3526;color:#fff;padding-left:24px}.learn-item:hover .learn-icon{transform:scale(1.1)}.learn-item:active{background:#ff6b3540}.learn-item.active{background:#ff6b3533;border-left-color:var(--primary);color:#fff;font-weight:600}.learning-menu-grouped{width:100%}.learn-group,.learning-menu-grouped{display:flex;flex-direction:column}.learn-group:not(:first-child){border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.learn-group-header{background:#ffb7030d;color:#ffb703e6;font-size:.7rem;font-weight:600;letter-spacing:.8px;margin-bottom:2px;padding:6px 20px;text-transform:uppercase}.settings-section{padding:12px 16px;width:100%}.settings-section .settings-label{color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.settings-section .speed-options{display:flex;flex-wrap:wrap;gap:8px}.settings-section .speed-options .speed-option{background:#ffffff0d;border:2px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-width:60px;padding:10px 14px;text-align:center;transition:all .2s ease}.settings-section .speed-options .speed-option:hover{background:#ff6b3526;border-color:#ff6b3566;color:#fff}.settings-section .speed-options .speed-option.active{background:#ff6b3540;border-color:var(--primary);color:#fff;font-weight:600}.settings-section-improved{display:flex;flex-direction:column;gap:16px;padding:12px 16px;width:100%}.settings-section-improved .settings-group{background:#0003;border:2px solid #ff6b3526;border-radius:12px;padding:14px;transition:all .3s ease}.settings-section-improved .settings-group:hover{background:#00000040;border-color:#ff6b3540;box-shadow:0 4px 16px #0003}.settings-section-improved .settings-group .settings-group-header{align-items:flex-start;border-bottom:2px solid #ff6b3533;display:flex;gap:12px;margin-bottom:14px;padding-bottom:12px}.settings-section-improved .settings-group .settings-group-header .settings-group-icon{stroke:var(--primary);flex-shrink:0;height:26px;margin-top:2px;width:26px}.settings-section-improved .settings-group .settings-group-header .settings-group-title{flex:1 1}.settings-section-improved .settings-group .settings-group-header .settings-group-title h3{color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.2px;margin:0 0 4px}.settings-section-improved .settings-group .settings-group-header .settings-group-title p{color:#fff9;font-size:.75rem;line-height:1.3;margin:0}.settings-section-improved .settings-group .speed-options-improved{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:12px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:before{background:linear-gradient(135deg,#ff6b351a,#ff9f1c1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved .speed-icon{font-size:1.5rem;position:relative;transition:transform .3s ease;z-index:1}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved .speed-label{color:#fffc;font-size:.85rem;font-weight:600;position:relative;text-align:center;transition:color .3s ease;z-index:1}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:hover{background:#ff6b3526;border-color:#ff6b3580;box-shadow:0 4px 12px #ff6b3533;transform:translateY(-2px)}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:hover:before{opacity:1}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:hover .speed-icon{transform:scale(1.1)}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:hover .speed-label{color:#fff}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved.active{background:#ff6b3540;border-color:var(--primary);box-shadow:0 0 0 2px #ff6b3526,0 4px 12px #ff6b354d}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved.active:before{opacity:1}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved.active .speed-label{color:#fff;font-weight:700}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved.active .speed-icon{transform:scale(1.05)}.settings-section-improved .settings-group .speed-options-improved .speed-option-improved:active{transform:translateY(0)}.settings-section-improved .settings-group .setting-item-improved{background:#ffffff08;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px;transition:all .2s ease}.settings-section-improved .settings-group .setting-item-improved:hover{background:#ffffff0f}.settings-section-improved .settings-group .setting-item-improved .setting-info{display:flex;flex-direction:column;gap:6px}.settings-section-improved .settings-group .setting-item-improved .setting-info .setting-name{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.1px}.settings-section-improved .settings-group .setting-item-improved .setting-info .setting-name .setting-icon{stroke:var(--primary);flex-shrink:0;height:18px;width:18px}.settings-section-improved .settings-group .setting-item-improved .setting-info .setting-description{color:#fff9;font-size:.8rem;line-height:1.4;padding-left:26px}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved{align-items:center;display:flex;justify-content:center;padding:8px}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved input[type=checkbox]:checked+.toggle-label-improved{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary);box-shadow:0 0 0 3px #ff6b3533,0 4px 16px #ff6b3566}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved input[type=checkbox]:checked+.toggle-label-improved .toggle-text{color:#fff}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved input[type=checkbox]:checked+.toggle-label-improved .toggle-slider-improved:before{transform:translateX(32px)}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved input[type=checkbox]:focus+.toggle-label-improved{box-shadow:0 0 0 3px #ff6b354d}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved .toggle-label-improved{align-items:center;background:#0003;border:2px solid #fff3;border-radius:50px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-width:200px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved .toggle-label-improved:hover{background:#0000004d;border-color:#ff6b3566}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved .toggle-label-improved .toggle-text{color:#fffc;font-size:.9rem;font-weight:600;transition:color .3s ease}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved .toggle-label-improved .toggle-slider-improved{background:#ffffff26;border-radius:30px;flex-shrink:0;height:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.settings-section-improved .settings-group .setting-item-improved .toggle-switch-improved .toggle-label-improved .toggle-slider-improved:before{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;content:"";height:22px;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.settings-section-improved .settings-group .setting-item-improved .confetti-options{display:flex;gap:8px;padding:4px 0}.settings-section-improved .settings-group .setting-item-improved .confetti-options .confetti-option{background:#ffffff14;border:2px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease}.settings-section-improved .settings-group .setting-item-improved .confetti-options .confetti-option:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.settings-section-improved .settings-group .setting-item-improved .confetti-options .confetti-option.active{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary);box-shadow:0 2px 8px #ff6b354d;color:#fff}.settings-section-improved .settings-group .setting-item-improved .card-style-options{display:flex;gap:12px;padding:4px 0}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;font-weight:600;gap:8px;padding:12px;text-align:center;transition:all .2s ease}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option.active{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-color:var(--primary);box-shadow:0 2px 8px #ff6b354d;color:#fff}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option .style-preview{background:#ffffff4d;border:2px solid #ffffff80;border-radius:4px}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option .style-preview--square{height:40px;width:40px}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option .style-preview--rectangle{height:24px;width:60px}.settings-section-improved .settings-group .setting-item-improved .card-style-options .card-style-option span{white-space:nowrap}.search-section{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 16px;width:100%}.search-section .search-input-group{display:flex;flex-shrink:0;gap:8px;margin-bottom:12px}.search-section .search-input-group .search-input-inline{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;flex:1 1;font-size:1.08rem;outline:none;padding:10px 14px;transition:all .2s ease}.search-section .search-input-group .search-input-inline:focus{background:#fff;border-color:#fff;box-shadow:0 2px 8px #0000001a}.search-section .search-input-group .search-btn-inline{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;font-size:1.44rem;padding:10px 16px;transition:all .2s ease}.search-section .search-input-group .search-btn-inline:hover:not(:disabled){background:#fff;transform:scale(1.05)}.search-section .search-input-group .search-btn-inline:disabled{cursor:not-allowed;opacity:.6}.search-section .search-content-type-filters{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin-bottom:10px}.search-section .search-content-type-filters .content-type-checkbox{align-items:center;background:#0000001a;border:1px solid #00000026;border-radius:6px;cursor:pointer;display:flex;font-size:1.056rem;gap:4px;padding:4px 8px;transition:all .2s ease}.search-section .search-content-type-filters .content-type-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:17px;width:17px}.search-section .search-content-type-filters .content-type-checkbox .ct-icon{font-size:1.188rem}.search-section .search-content-type-filters .content-type-checkbox .ct-label{color:#fffffff2;font-weight:600}.search-section .search-content-type-filters .content-type-checkbox.active{background:#ff6b3526;border-color:#ff6b3566}.search-section .search-content-type-filters .content-type-checkbox:hover{border-color:#ff6b3580}.search-section .search-results-inline{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.search-section .search-results-inline .no-results-inline{color:#fff9;font-size:1.08rem;padding:20px;text-align:center}.search-section .search-results-inline .search-result-item{background:#00000026;border:2px solid #0003;border-radius:10px;padding:10px 12px;transition:all .2s ease}.search-section .search-results-inline .search-result-item:hover{background:#0003;border-color:#ff6b3580;box-shadow:0 4px 12px #00000040}.search-section .search-results-inline .search-result-item .result-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.search-section .search-results-inline .search-result-item .result-item-header .result-item-word{align-items:center;color:#fffffff2;display:flex;font-size:1.2rem;font-weight:700;gap:6px}.search-section .search-results-inline .search-result-item .result-item-header .result-item-word .result-type-icon{font-size:1.32rem}.search-section .search-results-inline .search-result-item .result-item-header .result-item-word .result-favorite-badge{font-size:1.08rem}.search-section .search-results-inline .search-result-item .result-item-header .result-item-actions{display:flex;gap:6px}.search-section .search-results-inline .search-result-item .result-item-header .result-item-actions .result-action-btn{background:#ff6b351a;border:2px solid #ff6b3533;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:all .2s ease}.search-section .search-results-inline .search-result-item .result-item-header .result-item-actions .result-action-btn:hover:not(:disabled){background:#ff6b3533;border-color:var(--primary);transform:scale(1.1)}.search-section .search-results-inline .search-result-item .result-item-header .result-item-actions .result-action-btn:disabled{cursor:not-allowed;opacity:.5}.search-section .search-results-inline .search-result-item .result-word-text.clickable{cursor:pointer;transition:all .2s ease}.search-section .search-results-inline .search-result-item .result-word-text.clickable:hover{color:var(--primary);text-decoration:underline}.search-section .search-results-inline .search-result-item .result-item-meaning{color:#ffffffb3;font-size:1.02rem;line-height:1.3;margin-bottom:6px}.search-section .search-results-inline .search-result-item .result-item-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.search-section .search-results-inline .search-result-item .result-item-badges .badge{border-radius:8px;display:inline-block;font-size:.84rem;font-weight:600;padding:1px 6px}.search-section .search-results-inline .search-result-item .result-item-badges .badge.badge-level{background:#4a90e233;color:#4a90e2}.search-section .search-results-inline .search-result-item .result-item-badges .badge.badge-pos{background:#96969633;color:#ffffffb3}.search-section .search-results-inline .search-result-item .result-item-badges .badge.badge-category{background:#ffffff14;color:#ffffff80}.search-section .search-results-inline .search-result-item .groups-menu-inline{grid-gap:6px;border-bottom:2px solid #0000001a;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:8px;padding-bottom:8px}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option{align-items:center;background:#0000001a;border:2px solid #00000026;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;font-size:1.02rem;font-weight:600;gap:6px;padding:8px 10px;text-align:left;transition:all .2s ease}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option:hover{background:#00000026;border-color:var(--primary)}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option.active{background:linear-gradient(135deg,#ff6b3540,#ff9f1c40);border-color:var(--primary)}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option.active .checkmark{color:var(--primary)}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option .group-icon{font-size:1.2rem}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option .group-label{flex:1 1}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option .group-count{color:#ffffffb3;font-size:.9rem;font-weight:600}.search-section .search-results-inline .search-result-item .groups-menu-inline .group-option .checkmark{font-size:1.08rem;font-weight:700}.search-section .search-results-inline .search-result-item .collection-selector-inline{border-top:2px solid #0000001a;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.groups-menu-inline+.search-section .search-results-inline .search-result-item .collection-selector-inline{border-top:none;margin-top:0;padding-top:0}.search-section .search-results-inline .search-result-item .collection-selector-inline .collection-option-inline{align-items:center;background:#0000001a;border:2px solid #00000026;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease}.search-section .search-results-inline .search-result-item .collection-selector-inline .collection-option-inline:hover{background:#ff6b3526;border-color:var(--primary)}.search-section .search-results-inline .search-result-item .collection-selector-inline .collection-option-inline .collection-count-inline{color:#ffffffb3;font-size:.96rem;margin-left:auto}.search-section .search-results-inline .search-result-item .collection-selector-inline .collection-option-inline.create-new-inline{border-style:dashed;color:var(--primary)}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline{background:#0000000d;border-radius:8px;display:flex;gap:6px;padding:6px}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline input{border:2px solid #0000001a;border-radius:6px;flex:1 1;font-size:1.02rem;outline:none;padding:6px 10px}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline input:focus{border-color:var(--primary)}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline button{border:none;border-radius:6px;cursor:pointer;font-size:1.08rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline button:first-of-type{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline button:first-of-type:hover{opacity:.9}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline button:last-of-type{background:#0000001a;color:#fffffff2}.search-section .search-results-inline .search-result-item .collection-selector-inline .create-collection-inline button:last-of-type:hover{background:#0003}.favorites-section{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:12px 16px;width:100%}.favorites-section .collections-tabs-inline{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 0}.favorites-section .collections-tabs-inline.predefined-row{border-bottom:1px solid #00000014;margin-bottom:0;padding-bottom:8px}.favorites-section .collections-tabs-inline.custom-row{border-bottom:2px solid #0000001a;margin-bottom:12px;padding-top:4px}.favorites-section .collections-tabs-inline .collection-tab-inline{align-items:center;background:#0000001a;border:2px solid #0003;border-radius:6px;color:#fffffff2;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.favorites-section .collections-tabs-inline .collection-tab-inline:hover{background:#00000026;border-color:#ff6b3566}.favorites-section .collections-tabs-inline .collection-tab-inline.active{background:linear-gradient(135deg,#ff6b354d,#ff9f1c4d);border-color:var(--primary);font-weight:700}.favorites-section .collections-tabs-inline .collection-tab-inline .tab-icon-inline{font-size:1rem}.favorites-section .collections-tabs-inline .collection-tab-inline .tab-count-inline{color:#ffffffb3;font-size:.75rem}.favorites-section .collections-tabs-inline .collection-tab-inline.create-collection-tab{background:#ff6b350d;border-color:#ff6b3580;border-style:dashed;justify-content:center;min-width:60px}.favorites-section .collections-tabs-inline .collection-tab-inline.create-collection-tab .plus-icon{color:var(--primary);font-size:2rem;font-weight:700;line-height:1}.favorites-section .collections-tabs-inline .collection-tab-inline.create-collection-tab:hover{background:#ff6b3526;border-color:var(--primary);transform:scale(1.05)}.favorites-section .collections-tabs-inline .collection-tab-inline.create-collection-tab:hover .plus-icon{transform:rotate(90deg)}.favorites-section .collections-tabs-inline .collection-tab-inline.create-collection-tab:active{transform:scale(.95)}.favorites-section .collection-actions-inline{border-bottom:2px solid #0000001a;display:flex;gap:8px;margin-bottom:12px;padding:8px 0}.favorites-section .collection-actions-inline .collection-action-btn{align-items:center;background:#0000001a;border:2px solid #0003;border-radius:6px;color:#fffffff2;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.favorites-section .collection-actions-inline .collection-action-btn svg{flex-shrink:0;height:16px;width:16px}.favorites-section .collection-actions-inline .collection-action-btn.copy-btn:hover{background:#4a90e233;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.favorites-section .collection-actions-inline .collection-action-btn.delete-btn:hover{background:#e74c3c33;border-color:#e74c3c;box-shadow:0 2px 8px #e74c3c4d;transform:translateY(-1px)}.favorites-section .collection-actions-inline .collection-action-btn:active{transform:translateY(0)}.favorites-section .review-buttons-inline{border-bottom:2px solid #0000001a;display:flex;gap:8px;margin-bottom:12px;padding:12px 0}.favorites-section .review-buttons-inline .review-btn{align-items:center;border:2px solid #0003;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.favorites-section .review-buttons-inline .review-btn svg{flex-shrink:0;height:18px;width:18px}.favorites-section .review-buttons-inline .review-btn.auto-review-btn{background:linear-gradient(135deg,#ff6b3533,#ff9f1c33)}.favorites-section .review-buttons-inline .review-btn.auto-review-btn:hover{background:linear-gradient(135deg,#ff6b3559,#ff9f1c59);border-color:var(--primary);box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.favorites-section .review-buttons-inline .review-btn.auto-review-btn:active{transform:translateY(0)}.favorites-section .review-buttons-inline .review-btn.manual-review-btn{background:#0000001a}.favorites-section .review-buttons-inline .review-btn.manual-review-btn:hover{background:#0003;border-color:#ff6b3580;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.favorites-section .review-buttons-inline .review-btn.manual-review-btn:active{transform:translateY(0)}.favorites-section .favorites-content-inline{flex:1 1;min-height:0;overflow-y:auto}.favorites-section .favorites-content-inline .loading-state-inline{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.favorites-section .favorites-content-inline .loading-state-inline .spinner-inline{animation:spin .8s linear infinite;border:4px solid #ff6b3533;border-radius:50%;border-top:4px solid var(--primary);height:40px;width:40px}.favorites-section .favorites-content-inline .loading-state-inline p{color:#ffffffb3;font-size:.9rem}.favorites-section .favorites-content-inline .empty-state-inline{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.favorites-section .favorites-content-inline .empty-state-inline p{color:#ffffffb3;font-size:.9rem;margin:5px 0}.favorites-section .favorites-content-inline .empty-state-inline p:first-child{color:#fffffff2;font-size:1rem;font-weight:600}.favorites-section .favorites-content-inline .items-grid-inline{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:2px}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline{background:#00000026;border:2px solid #0003;border-radius:8px;cursor:grab;padding:8px 10px;transition:all .2s ease}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline:active{cursor:grabbing}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline.dragging{opacity:.4}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline:hover{background:#0003;border-color:#ff6b3580;box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .drag-handle-inline{cursor:grab;flex-shrink:0;font-size:.9rem;opacity:.4;-webkit-user-select:none;user-select:none}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .drag-handle-inline:hover{opacity:.8}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:6px}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline .word-section-inline{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline .word-section-inline .type-icon-inline{flex-shrink:0;font-size:1.1rem}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline .word-section-inline .word-inline{color:#fffffff2;font-size:1.1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline .remove-btn-inline{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .card-header-inline .remove-btn-inline:hover{background:#ff00001a;color:red}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .meaning-inline{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.85rem;line-height:1.3;margin-bottom:6px;overflow:hidden}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .meta-tags-inline{display:flex;flex-wrap:wrap;gap:4px}.favorites-section .favorites-content-inline .items-grid-inline .item-card-inline .meta-tags-inline .meta-tag-inline{background:#ff6b351a;border-radius:8px;color:var(--primary);font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.toolbar-section{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.toolbar-section.menu-section{padding-top:6px}.toolbar-section.filters-section{background:#0000;border:none;box-shadow:none;outline:none;padding-bottom:8px}.section-label{color:#fff6;font-size:.65rem;font-weight:600;letter-spacing:1px;margin-bottom:4px;margin-top:8px;text-transform:uppercase}.toolbar-divider{display:none}.filter-item{background:#0000}.filter-item .filter-btn{background:#ffffff0d;border-color:#ffb70333}.filter-item .filter-btn svg{stroke:#ffb703b3}.filter-item .filter-btn:hover{background:#ffb70326;border-color:#ffb70366}.filter-item .filter-btn:hover svg{stroke:var(--tertiary)}.filter-item.expanded .filter-btn{background:#ffb7034d;border-color:var(--tertiary)}.filter-item.expanded .filter-btn svg{stroke:var(--tertiary)}.reset-item{background:#0000;margin-top:4px}.reset-item .reset-btn{background:#ffffff0d;border-color:#ff4b4b33}.reset-item .reset-btn svg{stroke:#ff4b4bb3}.reset-item .reset-btn:hover{background:#ff4b4b26;border-color:#ff4b4b66}.reset-item .reset-btn:hover svg{stroke:#ff4b4b;transform:rotate(-45deg)}.filter-menu{max-width:520px;min-width:480px}.filter-menu .toolbar-menu-header{background:#ffb7031a;border-bottom-color:#ffb70333;flex-shrink:0}.filter-menu .toolbar-menu-header svg{stroke:var(--tertiary)}.toolbar-menu-content{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0;width:100%}.toolbar-menu-content .multi-select-dropdown{background:#0000;box-sizing:border-box;display:flex!important;flex:1 1 auto;flex-direction:column!important;height:100%!important;min-height:0;overflow-x:hidden;width:100%}.toolbar-menu-content .multi-select-dropdown .multi-select-button{display:none!important}.toolbar-menu-content .multi-select-dropdown .multi-select-dropdown-content{animation:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;left:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:visible!important;padding:0!important;position:relative!important;right:0!important;top:0!important;width:100%!important}.toolbar-menu-content .multi-select-dropdown .dropdown-search{align-items:center;background:#ffb7030d;border-bottom:1px solid #ffb70333;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;padding:12px 16px;position:relative;width:100%}.toolbar-menu-content .multi-select-dropdown .dropdown-search .search-input{background:#ffffff1a;border:1px solid #ffb7034d;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;min-width:0;outline:none;padding:10px 36px 10px 14px;transition:all .2s ease}.toolbar-menu-content .multi-select-dropdown .dropdown-search .search-input::placeholder{color:#ffffff80}.toolbar-menu-content .multi-select-dropdown .dropdown-search .search-input:focus{background:#ffffff26;border-color:var(--tertiary);box-shadow:0 0 0 2px #ffb70333}.toolbar-menu-content .multi-select-dropdown .dropdown-search .clear-search-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;line-height:1;padding:0;position:absolute;right:24px;transition:all .2s ease;width:26px}.toolbar-menu-content .multi-select-dropdown .dropdown-search .clear-search-btn:hover{background:#ff4b4b99}.toolbar-menu-content .multi-select-dropdown .dropdown-actions{background:#ffb7030d;border-bottom:1px solid #ffb70333;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:10px;padding:12px 16px;width:100%}.toolbar-menu-content .multi-select-dropdown .dropdown-actions .action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.toolbar-menu-content .multi-select-dropdown .dropdown-actions .action-btn:hover{background:#ffb70333;border-color:#ffb70366}.toolbar-menu-content .multi-select-dropdown .dropdown-options{flex:1 1 auto!important;height:100%!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;padding:8px 0}.toolbar-menu-content .multi-select-dropdown .dropdown-options .no-results{color:#ffffff80;font-size:1rem;font-style:italic;padding:30px 20px;text-align:center}.toolbar-menu-content .multi-select-dropdown .dropdown-option{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:14px 20px;transition:all .2s ease}.toolbar-menu-content .multi-select-dropdown .dropdown-option:hover{background:#ffb7031a;padding-left:24px}.toolbar-menu-content .multi-select-dropdown .dropdown-option input[type=checkbox]{accent-color:var(--tertiary);cursor:pointer;height:20px;width:20px}.toolbar-menu-content .multi-select-dropdown .dropdown-option .option-text{flex:1 1;font-weight:500}.toolbar-menu-content .multi-select-dropdown .dropdown-option .option-count{color:#ffffff80;font-size:.9rem}.toolbar-spacer{flex:1 1}.admin-section{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:8px}.admin-item{background:#0000}.admin-item .admin-btn{background:#ffffff0d;border-color:#9c27b04d}.admin-item .admin-btn svg{stroke:#9c27b0b3}.admin-item .admin-btn:hover{background:#9c27b026;border-color:#9c27b080}.admin-item .admin-btn:hover svg{stroke:#9c27b0}.admin-item .admin-btn.logged-in{background:#4caf5026;border-color:#4caf5080}.admin-item .admin-btn.logged-in svg{stroke:#4caf50}.admin-item .admin-btn.logged-in:hover{background:#4caf5040;border-color:#4caf50b3}@media(max-width:768px){.left-toolbar{gap:6px;padding:15px 0;width:50px}.toolbar-icon-btn{border-radius:10px;height:38px;width:38px}.toolbar-icon-btn svg{height:18px;width:18px}.toolbar-menu{border-radius:12px;bottom:10px;left:62px;min-width:280px;top:10px}.filter-menu{max-width:440px;min-width:400px}.quick-chat-menu{max-width:calc(100vw - 70px);min-width:100%}.toolbar-menu-header{padding:12px 16px}.toolbar-menu-header svg{height:20px;width:20px}.toolbar-menu-header span{font-size:1rem}.toolbar-menu-item{font-size:.9rem;padding:10px 16px}.toolbar-menu-item:hover{padding-left:22px}}@media(max-width:480px){.left-toolbar{gap:5px;padding:12px 0;width:45px}.toolbar-icon-btn{border-radius:8px;height:34px;width:34px}.toolbar-icon-btn svg{height:16px;width:16px}.toolbar-menu{border-radius:10px;bottom:10px;left:53px;min-width:240px;top:10px}.filter-menu{max-width:360px;min-width:320px}.quick-chat-menu{max-width:calc(100vw - 55px);min-width:100%}.toolbar-menu-header{padding:10px 14px}.toolbar-menu-header svg{height:18px;width:18px}.toolbar-menu-header span{font-size:.95rem}.toolbar-menu-item{font-size:.85rem;padding:9px 14px}.toolbar-menu-item:hover{padding-left:20px}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.quiz-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.quiz-modal{background:linear-gradient(135deg,#1a1a2e,#0f1419);background:var(--gradient-card,linear-gradient(135deg,var(--bg-card,#1a1a2e) 0,var(--bg-main,#0f1419) 100%));border:2px solid #ffffff1a;border:2px solid var(--border-medium,#ffffff1a);border-radius:30px;box-shadow:0 20px 60px #000000b3;box-shadow:var(--shadow-lg,0 20px 60px #000000b3);display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:80vw;overflow-y:auto;position:relative;width:80vw}.quiz-close{align-items:center;background:#ffffff1a;background:var(--bg-card,#ffffff1a);border:2px solid #ffffff1a;border:2px solid var(--border-light,#ffffff1a);border-radius:50%;color:#ffffffe6;color:var(--text-dark,#ffffffe6);cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:1}.quiz-close:hover{background:#ff6b35;background:var(--primary,#ff6b35);border-color:#ff6b35;border-color:var(--primary,#ff6b35);color:#fff;color:var(--text-on-primary,#fff);transform:scale(1.1)}.quiz-header{background:linear-gradient(135deg,#ff6b3526,#ff9f1c26);background:var(--gradient-primary,linear-gradient(135deg,#ff6b3526 0,#ff9f1c26 100%));border-bottom:3px solid #ff6b3566;border-bottom:3px solid var(--border-medium,#ff6b3566);border-radius:28px 28px 0 0;padding:50px 50px 40px;text-align:center}.quiz-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff9f1c 50%,#fbc531);background:linear-gradient(135deg,var(--primary,#ff6b35) 0,var(--secondary,#ff9f1c) 50%,var(--tertiary,#fbc531) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:1px;margin:0 0 30px}.quiz-progress{background:#ffffff1a;background:var(--progress-bar-track-bg,#ffffff1a);border-radius:20px;box-shadow:inset 0 2px 4px #0000004d;height:16px;margin-bottom:20px;overflow:hidden}.quiz-progress__bar{background:linear-gradient(135deg,#ff6b35,#ff9f1c 50%,#fbc531);background:var(--progress-bar-fill-bg,linear-gradient(135deg,var(--primary,#ff6b35) 0,var(--secondary,#ff9f1c) 50%,var(--tertiary,#fbc531) 100%));border-radius:20px;height:100%;transition:width .4s ease}.quiz-progress__text{color:#ffffffe6;color:var(--text-dark,#ffffffe6);font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin:0}.quiz-question{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 80px}.quiz-question__text{background:#ff6b351a;background:var(--bg-card,#ff6b351a);border-left:5px solid #ff6b35;border-left:5px solid var(--primary,#ff6b35);border-radius:20px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow,0 4px 12px #0000004d);color:#fffffff2;color:var(--text-dark,#fffffff2);font-size:2.2rem;font-weight:600;line-height:1.8;margin:0 0 60px;padding:30px;text-align:center}.quiz-answers{display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1000px;width:100%}.quiz-answer{align-items:center;background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:3px solid #ffffff1a;border:3px solid var(--border-medium,#ffffff1a);border-radius:20px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow,0 4px 12px #0000004d);cursor:pointer;display:flex;gap:25px;padding:30px 40px;text-align:left;transition:all .3s ease}.quiz-answer:hover{background:linear-gradient(135deg,#ff6b3533,#ff9f1c33);background:var(--gradient-primary,linear-gradient(135deg,#ff6b3533 0,#ff9f1c33 100%));border-color:#ff6b35;border-color:var(--primary,#ff6b35);box-shadow:0 8px 24px #0000004d;transform:translateX(10px) scale(1.02)}.quiz-answer:active{transform:translateX(5px) scale(.98)}.quiz-answer__number{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff9f1c);background:var(--gradient-primary,linear-gradient(135deg,var(--primary,#ff6b35),var(--secondary,#ff9f1c)));border-radius:50%;color:#fff;color:var(--text-on-primary,#fff);display:flex;flex-shrink:0;font-size:2rem;font-weight:800;height:48px;justify-content:center;width:48px}.quiz-answer__text{color:#ffffffe6;color:var(--text-dark,#ffffffe6);flex:1 1;font-size:1.6rem;font-weight:600;line-height:1.6}.quiz-results{background:linear-gradient(135deg,#ff6b3514,#ff9f1c14);background:var(--gradient-card-bg,linear-gradient(135deg,#ff6b3514 0,#ff9f1c14 100%));display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px 60px;text-align:center}.quiz-results__icon{animation:heartBeat 1.5s ease-in-out infinite;font-size:8rem;margin-bottom:40px}.quiz-results__title{color:#fffffff2;color:var(--text-dark,#fffffff2);font-size:3.5rem;font-weight:700;letter-spacing:1px;margin:0 0 20px}.quiz-results__subtitle{color:#ffffffb3;color:var(--text-light,#ffffffb3);font-size:1.8rem;font-weight:500;margin:0 0 50px}.quiz-results__level{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff9f1c 50%,#fbc531);background:linear-gradient(135deg,var(--primary,#ff6b35) 0,var(--secondary,#ff9f1c) 50%,var(--tertiary,#fbc531) 100%);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:700;letter-spacing:2px;margin:0 0 40px}.quiz-results__description{color:#ffffffd9;color:var(--text-dark,#ffffffd9);font-size:1.6rem;font-weight:500;margin:0 0 50px}.quiz-results__options{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:1200px}.level-option{background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:4px solid #ffffff1a;border:4px solid var(--border-medium,#ffffff1a);border-radius:20px;box-shadow:0 6px 20px #0000004d;box-shadow:var(--shadow,0 6px 20px #0000004d);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:220px;padding:35px 30px;transition:all .3s ease}.level-option:hover{background:linear-gradient(135deg,#ff6b3540,#ff9f1c40);background:var(--gradient-primary,linear-gradient(135deg,#ff6b3540 0,#ff9f1c40 100%));border-color:#ff6b35;border-color:var(--primary,#ff6b35);box-shadow:0 12px 40px #0000004d;transform:translateY(-8px) scale(1.05)}.level-option:active{transform:translateY(-5px) scale(1.02)}.level-option__name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff9f1c);background:linear-gradient(135deg,var(--primary,#ff6b35) 0,var(--secondary,#ff9f1c) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:1px}.level-option__desc{color:#ffffffb3;color:var(--text-light,#ffffffb3);font-size:1.3rem;font-weight:600}.quiz-retake{background:linear-gradient(135deg,#ff9f1c,#fbc531);background:var(--gradient-secondary,linear-gradient(135deg,var(--secondary,#ff9f1c) 0,var(--tertiary,#fbc531) 100%));border:none;border-radius:20px;box-shadow:0 6px 20px #00000026;box-shadow:var(--shadow,0 6px 20px #00000026);color:#fff;color:var(--text-on-primary,#fff);cursor:pointer;font-size:1.8rem;font-weight:700;letter-spacing:.5px;padding:25px 50px;transition:all .3s ease}.quiz-retake:hover{box-shadow:0 12px 30px #00000040;opacity:.95;transform:translateY(-4px) scale(1.05)}.quiz-retake:active{transform:scale(.98)}@media(max-width:768px){.quiz-modal{border-radius:20px;height:90vh;max-height:90vh;max-width:90vw;width:90vw}.quiz-header{border-radius:18px 18px 0 0;padding:30px 25px 25px}.quiz-title{font-size:2.2rem}.quiz-progress{height:12px}.quiz-progress__text{font-size:1.1rem}.quiz-question{padding:40px 30px}.quiz-question__text{font-size:1.6rem;margin-bottom:40px;padding:20px}.quiz-answers{gap:18px}.quiz-answer{gap:18px;padding:20px 25px}.quiz-answer__number{font-size:1.5rem;height:40px;width:40px}.quiz-answer__text{font-size:1.3rem}.quiz-results{padding:50px 30px}.quiz-results__icon{font-size:5rem}.quiz-results__title{font-size:2.5rem}.quiz-results__subtitle{font-size:1.4rem}.quiz-results__level{font-size:4rem}.quiz-results__description{font-size:1.3rem}.quiz-results__options{flex-direction:column;gap:20px}.level-option{min-width:100%;padding:30px 25px}.level-option__name{font-size:3rem}.level-option__desc{font-size:1.2rem}.quiz-retake{font-size:1.5rem;padding:20px 40px}}@media(max-width:480px){.quiz-overlay{padding:5px}.quiz-modal{border-radius:16px;height:95vh;max-height:95vh;max-width:95vw;width:95vw}.quiz-header{border-radius:14px 14px 0 0;padding:25px 20px 20px}.quiz-title{font-size:1.8rem}.quiz-progress{height:10px}.quiz-progress__text{font-size:1rem}.quiz-question{padding:30px 20px}.quiz-question__text{font-size:1.4rem;margin-bottom:30px;padding:15px}.quiz-answers{gap:15px}.quiz-answer{gap:15px;padding:18px 20px}.quiz-answer__number{font-size:1.3rem;height:36px;width:36px}.quiz-answer__text{font-size:1.2rem}.quiz-results{padding:40px 20px}.quiz-results__icon{font-size:4rem}.quiz-results__title{font-size:2rem}.quiz-results__subtitle{font-size:1.2rem}.quiz-results__level{font-size:3.5rem}.quiz-results__description{font-size:1.1rem}.quiz-results__options{gap:15px}.level-option{padding:25px 20px}.level-option__name{font-size:2.5rem}.level-option__desc{font-size:1.1rem}.quiz-retake{font-size:1.3rem;padding:18px 35px}}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{animation:tooltipFadeIn .1s ease-out;background-color:#2c3e50;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:16px;font-weight:500;padding:10px 16px;pointer-events:none;position:absolute;white-space:nowrap;z-index:10000}.tooltip--right{left:calc(100% + 15px);top:50%;transform:translateY(-50%)}.tooltip--right:before{border:6px solid #0000;border-right-color:#2c3e50;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.tooltip--top{bottom:calc(100% + 15px)}.tooltip--top,.tooltip--top:before{left:50%;transform:translateX(-50%)}.tooltip--top:before{border:6px solid #0000;border-top-color:#2c3e50;content:"";position:absolute;top:100%}.tooltip--bottom{left:50%;top:calc(100% + 15px);transform:translateX(-50%)}.tooltip--bottom:before{border:6px solid;border-color:#0000 #0000 #2c3e50;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip--left{right:calc(100% + 15px);top:50%;transform:translateY(-50%)}.tooltip--left:before{border:6px solid #0000;border-left-color:#2c3e50;content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.video-call-room{display:flex;flex-direction:column;overflow:hidden}.video-call-room,.video-call-room .video-container{background:#1a1a1a;height:100%;position:relative;width:100%}.video-call-room .video-container{flex:1 1}.video-call-room .video-container .remote-video{background:#2a2a2a;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.video-call-room .video-container .local-video{background:#333;border:3px solid #ffffff4d;border-radius:12px;bottom:80px;box-shadow:0 4px 20px #00000080;height:150px;object-fit:cover;position:absolute;right:20px;width:200px;z-index:5}.video-call-room .video-container .connection-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:4}.video-call-room .video-container .connection-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.video-call-room .video-container .connection-overlay p{color:#fff;font-size:18px;font-weight:500}.video-call-room .session-info{align-items:flex-start;justify-content:space-between;left:10px;pointer-events:none;position:absolute;right:10px;top:10px;z-index:10}.video-call-room .session-info,.video-call-room .session-info .session-details{display:flex;flex-wrap:wrap;gap:6px}.video-call-room .session-info .session-details span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;pointer-events:auto}.video-call-room .session-info .session-details .session-language{background:#4caf50cc}.video-call-room .session-info .session-details .session-type{background:#ff9800cc}.video-call-room .session-info .session-details .session-timer{background:#2196f3cc;font-family:monospace;font-size:12px}.video-call-room .session-info .connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;pointer-events:auto}.video-call-room .session-info .connection-status .status-dot{border-radius:50%;height:6px;width:6px}.video-call-room .session-info .connection-status .status-dot.connected{background:#4caf50;box-shadow:0 0 6px #4caf50}.video-call-room .session-info .connection-status .status-dot.waiting{animation:pulse 1.5s ease-in-out infinite;background:#ff9800}.video-call-room .call-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:40px;bottom:20px;display:flex;gap:12px;left:50%;padding:12px 18px;position:absolute;transform:translateX(-50%);z-index:10}.video-call-room .call-controls .control-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;gap:8px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.video-call-room .call-controls .control-btn svg{height:22px;width:22px}.video-call-room .call-controls .control-btn:hover{background:#ffffff4d;transform:scale(1.05)}.video-call-room .call-controls .control-btn:active{transform:scale(.95)}.video-call-room .call-controls .control-btn.off{background:#f44336b3}.video-call-room .call-controls .control-btn.off:hover{background:#f44336e6}.video-call-room .call-controls .control-btn.leave-btn{background:#f44336e6;border-radius:25px;font-weight:600;padding:0 18px;width:auto}.video-call-room .call-controls .control-btn.leave-btn:hover{background:#f44336}.video-call-room .call-controls .control-btn.leave-btn svg{height:18px;width:18px}.video-call-room .call-controls .control-btn.leave-btn span{font-size:14px}.video-call-room.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.video-call-room.loading .loading-content{color:#fff;text-align:center}.video-call-room.loading .loading-content .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}.video-call-room.loading .loading-content p{font-size:18px;font-weight:500;margin:0}.video-call-room.error{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;justify-content:center}.video-call-room.error .error-content{color:#fff;max-width:400px;padding:40px;text-align:center}.video-call-room.error .error-content svg{color:#ffffffe6;margin-bottom:20px}.video-call-room.error .error-content h3{font-size:24px;font-weight:600;margin:0 0 15px}.video-call-room.error .error-content p{font-size:16px;margin:0 0 30px;opacity:.9}.video-call-room.error .error-content .btn-primary{background:#ffffffe6;border:none;border-radius:25px;color:#f5576c;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s ease}.video-call-room.error .error-content .btn-primary:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.video-call-room.error .error-content .btn-primary:active{transform:translateY(0)}@media(max-width:768px){.video-call-room .video-container .local-video{bottom:70px;height:75px;width:100px}.video-call-room .call-controls{gap:8px;padding:8px 12px}.video-call-room .call-controls .control-btn{height:40px;width:40px}.video-call-room .call-controls .control-btn svg{height:18px;width:18px}.video-call-room .call-controls .control-btn.leave-btn{padding:0 12px}.video-call-room .call-controls .control-btn.leave-btn span{font-size:11px}}.quick-chat-panel{background:#282828fa;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.quick-chat-panel.video-mode{background:#1a1a1a;padding:0}.quick-chat-panel .qc-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.quick-chat-panel .qc-header h2{font-size:20px;font-weight:600;margin:0}.quick-chat-panel .qc-header .qc-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.quick-chat-panel .qc-header .qc-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.quick-chat-panel .qc-connection-status{align-items:center;background:#0003;display:flex;font-size:12px;gap:8px;padding:8px 20px}.quick-chat-panel .qc-connection-status .status-dot{background:#888;border-radius:50%;height:8px;width:8px}.quick-chat-panel .qc-connection-status.connected .status-dot{animation:pulse 2s ease-in-out infinite;background:#4ade80;box-shadow:0 0 8px #4ade80}.quick-chat-panel .qc-connection-status.disconnected .status-dot{background:#ef4444}.quick-chat-panel .qc-content{flex:1 1;overflow-y:auto;padding:20px}.quick-chat-panel .qc-section{margin-bottom:24px}.quick-chat-panel .qc-section h3{color:#e0e0e0;font-size:16px;margin:0 0 12px}.quick-chat-panel .qc-section.qc-coming-soon{opacity:.6}.quick-chat-panel .qc-section.qc-coming-soon ul{list-style:none;margin:0;padding:0}.quick-chat-panel .qc-section.qc-coming-soon ul li{font-size:14px;padding:8px 0}.quick-chat-panel .qc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.quick-chat-panel .qc-btn:disabled{cursor:not-allowed;opacity:.5}.quick-chat-panel .qc-btn.qc-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-chat-panel .qc-btn.qc-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.quick-chat-panel .qc-btn.qc-btn-secondary{background:#ffffff1a;color:#fff}.quick-chat-panel .qc-btn.qc-btn-secondary:hover:not(:disabled){background:#ffffff26}.quick-chat-panel .qc-btn.qc-btn-large{flex-direction:column;gap:8px;padding:20px}.quick-chat-panel .qc-btn.qc-btn-large .qc-btn-icon{font-size:32px}.quick-chat-panel .qc-btn.qc-btn-large .qc-btn-text{display:flex;flex-direction:column;gap:4px}.quick-chat-panel .qc-btn.qc-btn-large .qc-btn-text .qc-btn-title{font-size:18px}.quick-chat-panel .qc-btn.qc-btn-large .qc-btn-text .qc-btn-subtitle{font-size:12px;font-weight:400;opacity:.8}.quick-chat-panel .qc-form-group{margin-bottom:16px}.quick-chat-panel .qc-form-group label{color:#b0b0b0;display:block;font-size:13px;margin-bottom:6px}.quick-chat-panel .qc-form-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.quick-chat-panel .qc-form-group select:hover{background:#ffffff26}.quick-chat-panel .qc-form-group select:focus{background:#ffffff26;border-color:#667eea;outline:none}.quick-chat-panel .qc-form-group select option{background:#2a2a2a;color:#fff}.quick-chat-panel .qc-auth-required{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.quick-chat-panel .qc-auth-required .qc-icon{font-size:64px;margin-bottom:20px;opacity:.5}.quick-chat-panel .qc-auth-required h3{font-size:20px;margin:0 0 10px}.quick-chat-panel .qc-auth-required p{font-size:14px;margin:0;opacity:.7}.quick-chat-panel .qc-teacher-status{background:#0000004d;border-bottom:1px solid #ffffff1a;padding:15px 20px}.quick-chat-panel .qc-teacher-status label{color:#b0b0b0;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.quick-chat-panel .qc-teacher-status .qc-status-select{background:#ffffff1a;border:2px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.quick-chat-panel .qc-teacher-status .qc-status-select.unavailable{border-color:#ef4444}.quick-chat-panel .qc-teacher-status .qc-status-select.approval{border-color:#f59e0b}.quick-chat-panel .qc-teacher-status .qc-status-select.instant{border-color:#4ade80}.quick-chat-panel .qc-teacher-status .qc-status-select option{background:#2a2a2a;color:#fff}.quick-chat-panel .qc-teacher-status .qc-status-indicator{margin-top:8px}.quick-chat-panel .qc-teacher-status .qc-status-indicator .status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.quick-chat-panel .qc-teacher-status .qc-status-indicator .status-badge.unavailable{background:#ef444433;color:#ef4444}.quick-chat-panel .qc-teacher-status .qc-status-indicator .status-badge.approval{background:#f59e0b33;color:#f59e0b}.quick-chat-panel .qc-teacher-status .qc-status-indicator .status-badge.instant{background:#4ade8033;color:#4ade80}.quick-chat-panel .qc-invitation-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.quick-chat-panel .qc-invitation-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:340px;padding:30px;width:90%}.quick-chat-panel .qc-invitation-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;margin:0 0 20px;text-align:center}.quick-chat-panel .qc-invitation-modal .qc-invitation-details{background:#0000004d;border-radius:8px;margin-bottom:20px;padding:15px}.quick-chat-panel .qc-invitation-modal .qc-invitation-details p{font-size:14px;margin:8px 0}.quick-chat-panel .qc-invitation-modal .qc-invitation-details p strong{color:#b0b0b0;margin-right:8px}.quick-chat-panel .qc-invitation-modal .qc-invitation-actions{display:flex;gap:12px}.quick-chat-panel .qc-invitation-modal .qc-invitation-actions .qc-btn{flex:1 1;padding:14px}.quick-chat-panel .qc-queue{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.quick-chat-panel .qc-queue .qc-spinner{margin-bottom:30px}.quick-chat-panel .qc-queue .qc-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.quick-chat-panel .qc-queue .qc-spinner .spinner.approval{border-top-color:#f59e0b}.quick-chat-panel .qc-queue .qc-hint{font-size:12px;margin-top:4px;opacity:.6}.quick-chat-panel .qc-queue h3{font-size:18px;margin:0 0 20px}.quick-chat-panel .qc-queue p{font-size:14px;margin:8px 0;opacity:.8}.quick-chat-panel .qc-queue button{margin-top:30px;min-width:150px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.language-switcher-container{display:inline-block;position:relative}.language-dropdown{animation:languageDropdownSlideIn .2s ease-out;background:#2d2d2d;border:2px solid var(--tertiary);border-radius:10px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:4px;min-width:180px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}@keyframes languageDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown .language-dropdown-header{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:4px;padding:4px 10px 8px;text-transform:uppercase}.language-dropdown .language-option{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease}.language-dropdown .language-option .language-flag{align-items:center;border-radius:2px;box-shadow:0 0 1px #0000004d;display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;width:24px}.language-dropdown .language-option .language-flag .ui-lang-flag-svg{display:block;height:100%;width:100%}.language-dropdown .language-option .language-name{flex:1 1}.language-dropdown .language-option .language-check{color:var(--tertiary);font-weight:700}.language-dropdown .language-option:hover{background:#ffb70326;border-color:#ffb7034d}.language-dropdown .language-option.active{background:#ffb70333;border-color:var(--tertiary)}.graphic-console{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px}.stats-bar{background:#0003;border-radius:10px;display:flex;flex-shrink:0;gap:12px;margin-bottom:12px;padding:12px 16px}.stats-bar .stat-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:6px 16px}.stats-bar .stat-item .stat-value{color:#fff;font-size:1.3rem;font-weight:700}.stats-bar .stat-item .stat-label{color:#ffffff80;font-size:.7rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.stats-bar .stat-item.pending .stat-value{color:#ffb703}.stats-bar .stat-item.approved .stat-value{color:#4ade80}.stats-bar .stat-item.rejected .stat-value{color:#ff6b6b}.controls-bar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;margin-bottom:16px}.controls-bar .search-box{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:280px;min-width:180px;padding:8px 14px}.controls-bar .search-box svg{stroke:#ffffff80;flex-shrink:0;height:16px;width:16px}.controls-bar .search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;outline:none}.controls-bar .search-box input::placeholder{color:#fff6}.controls-bar .search-box .clear-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;padding:0;width:22px}.controls-bar .search-box .clear-btn:hover{background:#ff4b4b80}.controls-bar .filter-buttons{display:flex;gap:6px}.controls-bar .filter-buttons .filter-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.controls-bar .filter-buttons .filter-btn:hover{background:#ffffff1a;color:#fff}.controls-bar .filter-buttons .filter-btn.active{background:#ff6b3533;border-color:var(--primary);color:#fff}.controls-bar .navigation-info{background:#ffffff0d;border-radius:6px;color:#ffffffb3;font-size:.9rem;font-weight:500;margin-left:auto;padding:8px 14px}.review-area{flex:1 1;gap:24px;min-height:0}.review-area,.word-panel{display:flex;overflow:hidden}.word-panel{flex:0 0 380px;flex-direction:column}.word-card-preview{background:linear-gradient(135deg,#28282df2,#1e1e23f2);border:2px solid #ffffff1a;border-radius:16px;height:100%;overflow-y:auto;padding:24px}.word-card-preview .word-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.word-card-preview .word-header .word-english{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.word-card-preview .word-header .word-translation{color:#fff9;font-size:1.2rem;margin:8px 0 0}.word-card-preview .word-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.word-card-preview .word-meta .meta-tag{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.word-card-preview .word-meta .meta-tag.category{background:#ffb70333;color:#ffb703}.word-card-preview .word-meta .meta-tag.level{background:#2196f333;color:#64b5f6}.word-card-preview .word-meta .meta-tag.pos{background:#9c27b033;color:#ba68c8}.word-card-preview .examples-section{margin-bottom:20px}.word-card-preview .examples-section .examples-title{color:#ffffff80;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.word-card-preview .examples-section .examples-list{list-style:none;margin:0;padding:0}.word-card-preview .examples-section .examples-list .example-item{background:#ffffff0d;border-radius:10px;color:#ffffffd9;font-size:.95rem;line-height:1.5;margin-bottom:8px;padding:12px 16px 12px 24px;position:relative}.word-card-preview .examples-section .examples-list .example-item:before{color:var(--primary);content:'"';font-size:1.2rem;left:10px;opacity:.6;position:absolute;top:10px}.word-card-preview .meaning-section .meaning-title{color:#ffffff80;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.word-card-preview .meaning-section .meaning-text{background:#4caf501a;border-radius:10px;color:#fffc;font-size:.95rem;line-height:1.5;margin:0;padding:12px 16px}.graphic-panel{display:flex;flex:1 1;flex-direction:column;min-width:0}.graphics-count-badge{background:linear-gradient(135deg,#ffb70333,#ff6b3533);border:1px solid #ffb7034d;border-radius:8px;color:#ffb703;font-size:.9rem;font-weight:500;margin-bottom:12px;padding:8px 16px;text-align:center}.graphics-container{align-items:center;background:#0003;border-radius:16px;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:20px}.graphics-container.multi-graphics{align-items:stretch}.loading-graphics{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:12px;justify-content:center}.loading-graphics .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--primary);height:40px;width:40px}.graphics-grid{align-items:flex-start;display:flex;gap:20px;justify-content:center;max-height:100%;width:100%}.graphic-item{background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:50%;overflow:hidden;transition:border-color .2s ease}.graphic-item:hover{border-color:#fff3}.graphic-item .graphic-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 14px}.graphic-item .graphic-header .graphic-extension{background:#2196f333;border-radius:6px;color:#64b5f6;font-size:.85rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.graphic-item .graphic-header .graphic-size{color:#ffffff80;font-family:monospace;font-size:.8rem}.graphic-item .graphic-image-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:hidden;padding:16px}.graphic-item .graphic-image-wrapper img{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:100%;max-width:100%;object-fit:contain}.graphic-item .btn-delete-graphic{align-items:center;background:#f443361a;border:none;border-top:1px solid #ffffff1a;color:#ef5350;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.graphic-item .btn-delete-graphic svg{height:16px;width:16px}.graphic-item .btn-delete-graphic:hover:not(:disabled){background:#f4433633}.graphic-item .btn-delete-graphic:disabled{cursor:not-allowed;opacity:.5}.current-graphic,.upload-preview{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.current-graphic img,.upload-preview img{border-radius:12px;box-shadow:0 10px 40px #0006;max-height:100%;max-width:100%;object-fit:contain}.upload-preview .preview-badge{background:#4caf50e6;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:6px 14px;position:absolute;top:10px;transform:translateX(-50%);z-index:1}.upload-preview img{border:3px solid #4caf50}.no-image-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.no-image-placeholder .icon{font-size:4rem;opacity:.4}.no-image-placeholder .text{color:#ffffff80;font-size:1.2rem}.no-image-placeholder .filename{background:#0003;border-radius:6px;color:#ffffff4d;font-family:monospace;font-size:.85rem;padding:6px 12px}.graphic-panel .action-buttons{display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px 0}.graphic-panel .action-buttons button{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.graphic-panel .action-buttons button svg{height:18px;width:18px}.graphic-panel .action-buttons button:disabled{cursor:not-allowed;opacity:.4}.graphic-panel .action-buttons .btn-delete{background:#9c27b026;border:2px solid #9c27b04d;color:#ba68c8}.graphic-panel .action-buttons .btn-delete:hover:not(:disabled){background:#9c27b040;border-color:#9c27b080}.graphic-panel .action-buttons .btn-delete:disabled{cursor:not-allowed;opacity:.5}.graphic-panel .action-buttons .btn-reject{background:#ff4b4b26;border:2px solid #ff4b4b4d;color:#ff6b6b}.graphic-panel .action-buttons .btn-reject:hover{background:#ff4b4b40;border-color:#ff4b4b80}.graphic-panel .action-buttons .btn-upload{background:#2196f326;border:2px solid #2196f34d;color:#64b5f6}.graphic-panel .action-buttons .btn-upload:hover{background:#2196f340;border-color:#2196f380}.graphic-panel .action-buttons .btn-approve{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;box-shadow:0 4px 15px #4caf504d;color:#fff}.graphic-panel .action-buttons .btn-approve:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.graphic-panel .action-buttons .btn-cancel-upload{background:#ffffff1a;border:2px solid #fff3;color:#fff}.graphic-panel .action-buttons .btn-cancel-upload:hover{background:#ffffff26}.graphic-panel .action-buttons .btn-confirm-upload{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;box-shadow:0 4px 15px #4caf504d;color:#fff}.graphic-panel .action-buttons .btn-confirm-upload:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.no-words{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-words .icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-words h3{color:#fffc;font-size:1.5rem;margin:0 0 12px}.no-words p{color:#ffffff80;font-size:1rem;margin:0}.bottom-bar{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding:12px 0}.bottom-bar .btn-nav{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.bottom-bar .btn-nav svg{height:18px;width:18px}.bottom-bar .btn-nav:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.bottom-bar .btn-nav:disabled{cursor:not-allowed;opacity:.4}.bottom-bar .keyboard-shortcuts{display:flex;gap:20px}.bottom-bar .keyboard-shortcuts span{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:6px}.bottom-bar .keyboard-shortcuts kbd{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffb3;display:inline-flex;font-family:monospace;font-size:.75rem;height:22px;justify-content:center;min-width:22px;padding:0 5px}@media(max-width:900px){.review-area{flex-direction:column}.word-panel{flex:0 0 auto;max-height:250px}.word-card-preview .word-header .word-english{font-size:1.5rem}.word-card-preview .examples-section .examples-list .example-item{font-size:.9rem;padding:10px 12px 10px 20px}}@media(max-width:768px){.graphic-console,.stats-bar{padding:10px}.stats-bar{flex-wrap:wrap;gap:8px}.stats-bar .stat-item{min-width:55px;padding:6px 12px}.stats-bar .stat-item .stat-value{font-size:1.1rem}.stats-bar .stat-item .stat-label{font-size:.65rem}.controls-bar{align-items:stretch;flex-direction:column;gap:10px}.controls-bar .search-box{max-width:none}.controls-bar .filter-buttons{flex-wrap:wrap;justify-content:center}.controls-bar .filter-buttons .filter-btn{font-size:.8rem;padding:6px 10px}.controls-bar .navigation-info{margin-left:0;text-align:center}.word-panel{max-height:200px}.word-card-preview{padding:16px}.word-card-preview .word-header{margin-bottom:12px;padding-bottom:10px}.word-card-preview .word-header .word-english{font-size:1.3rem}.word-card-preview .word-header .word-translation{font-size:1rem}.graphic-panel .action-buttons{flex-wrap:wrap}.graphic-panel .action-buttons button{font-size:.85rem;padding:10px 16px}.graphic-panel .action-buttons button svg{height:16px;width:16px}.bottom-bar,.bottom-bar .keyboard-shortcuts{flex-wrap:wrap;gap:12px;justify-content:center}.bottom-bar .keyboard-shortcuts{order:3;width:100%}}@media(max-width:480px){.word-panel{max-height:180px}.bottom-bar .keyboard-shortcuts,.word-card-preview .examples-section{display:none}}.admin-console-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1500}.admin-console{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1e1e23fa,#19191efa);border:2px solid #ff6b354d;border-radius:20px;box-shadow:0 25px 80px #0009,0 0 0 1px #ff6b351a;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:90vw}.admin-console-header{align-items:center;background:#ff6b351a;border-bottom:1px solid #ff6b3533;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.admin-console-header .header-left{align-items:center;display:flex;gap:14px}.admin-console-header .header-left .admin-badge{background:linear-gradient(135deg,var(--primary) 0,#ff8a50 100%);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:6px 12px}.admin-console-header .header-left h2{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.admin-console-header .header-actions{align-items:center;display:flex;gap:12px}.admin-console-header .header-actions .btn-logout{align-items:center;background:#ff4b4b26;border:1px solid #ff4b4b4d;border-radius:10px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.admin-console-header .header-actions .btn-logout svg{height:18px;width:18px}.admin-console-header .header-actions .btn-logout:hover{background:#ff4b4b40;border-color:#ff4b4b80}.admin-console-header .header-actions .btn-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.admin-console-header .header-actions .btn-close svg{stroke:#ffffffb3;height:20px;width:20px}.admin-console-header .header-actions .btn-close:hover{background:#ffffff26}.admin-console-header .header-actions .btn-close:hover svg{stroke:#fff}.admin-console-tabs{background:#0003;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:16px 24px}.admin-console-tabs .tab-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.admin-console-tabs .tab-btn .tab-icon{font-size:1.1rem}.admin-console-tabs .tab-btn .coming-soon{background:#ffb703e6;border-radius:4px;color:#1a1a1a;font-size:.65rem;font-weight:600;padding:2px 6px;position:absolute;right:-6px;text-transform:uppercase;top:-6px}.admin-console-tabs .tab-btn:hover:not(.disabled){background:#ff6b3526;border-color:#ff6b354d;color:#fff}.admin-console-tabs .tab-btn.active{background:#ff6b3533;border-color:var(--primary);color:#fff}.admin-console-tabs .tab-btn.active .tab-icon{transform:scale(1.1)}.admin-console-tabs .tab-btn.disabled{cursor:not-allowed;opacity:.5}.admin-console-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.coming-soon-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.coming-soon-panel .icon{font-size:4rem;margin-bottom:20px;opacity:.5}.coming-soon-panel h3{color:#fffc;font-size:1.5rem;margin:0 0 12px}.coming-soon-panel p{color:#ffffff80;font-size:1rem;margin:0;max-width:400px}@media(max-width:768px){.admin-console-overlay{padding:10px}.admin-console{border-radius:16px;max-height:95vh}.admin-console-header{padding:12px 16px}.admin-console-header .header-left{gap:10px}.admin-console-header .header-left .admin-badge{font-size:.7rem;padding:4px 8px}.admin-console-header .header-left h2{font-size:1.1rem}.admin-console-header .header-actions{gap:8px}.admin-console-header .header-actions .btn-logout{font-size:.85rem;padding:8px 12px}.admin-console-header .header-actions .btn-logout svg{height:16px;width:16px}.admin-console-header .header-actions .btn-close{height:36px;width:36px}.admin-console-header .header-actions .btn-close svg{height:18px;width:18px}.admin-console-tabs{padding:12px 16px}.admin-console-tabs .tab-btn{font-size:.85rem;padding:10px 14px}.admin-console-tabs .tab-btn .tab-label{display:none}.admin-console-tabs .tab-btn .tab-icon{font-size:1.2rem}}@media(max-width:480px){.admin-console-header .header-actions .btn-logout span:not(.icon),.admin-console-header .header-left h2{display:none}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-account-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-account-content{animation:modalSlideUp .4s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:24px;box-shadow:0 8px 16px #00000040;max-width:520px;overflow:hidden;width:90%}.delete-account-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:25px 30px}.delete-account-header .warning-icon{color:var(--white);font-size:1.8rem;margin-right:10px}.delete-account-header h2{color:var(--white);flex:1 1;font-size:1.6rem;margin:0}.delete-account-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.delete-account-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.step-indicator{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:20px 30px}.step-indicator,.step-indicator .step-dot{align-items:center;display:flex;justify-content:center}.step-indicator .step-dot{background:#e0e0e0;border-radius:50%;color:var(--text-light);font-size:.9rem;font-weight:600;height:32px;transition:all .3s ease;width:32px}.step-indicator .step-dot.active{background:#ff6b6b;color:#fff}.step-indicator .step-line{background:#e0e0e0;border-radius:2px;height:3px;margin:0 10px;transition:all .3s ease;width:80px}.step-indicator .step-line.active{background:#ff6b6b}.delete-account-body{padding:30px}.delete-account-body .main-message{color:var(--text-dark);font-size:1.1rem;line-height:1.5;margin:0 0 20px}.delete-account-body .data-list{list-style:none;margin:0 0 25px;padding:0}.delete-account-body .data-list li{background:#fff5f5;border-left:4px solid #ff6b6b;border-radius:0 8px 8px 0;color:var(--text-dark);font-size:.95rem;margin:8px 0;padding:10px 15px}.delete-account-body .data-list li:before{color:#ff6b6b;content:"•";font-weight:700;margin-right:10px}.delete-account-body .warning-box{align-items:flex-start;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b;border-radius:12px;display:flex;gap:12px;padding:15px 20px}.delete-account-body .warning-box .warning-icon-small{color:#ff6b6b;flex-shrink:0;font-size:1.2rem}.delete-account-body .warning-box p{color:#ff5252;font-weight:500;line-height:1.4;margin:0}.delete-account-body .confirmation-form label{color:var(--text-dark);display:block;font-size:1rem;font-weight:500;margin-bottom:10px}.delete-account-body .confirmation-form input[type=email]{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.delete-account-body .confirmation-form input[type=email]:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.delete-account-body .confirmation-form input[type=email]::placeholder{color:#aaa}.delete-account-body .confirmation-form input[type=email]:disabled{background:#f5f5f5;cursor:not-allowed}.delete-account-body .confirmation-form .email-error{color:#ff6b6b;display:block;font-size:.85rem;margin-top:8px}.delete-account-body .confirmation-form .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;margin-top:20px}.delete-account-body .confirmation-form .checkbox-label input[type=checkbox]{accent-color:#ff6b6b;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.delete-account-body .confirmation-form .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.delete-account-body .confirmation-form .checkbox-label .checkbox-text{color:var(--text-dark);font-size:.95rem;line-height:1.4}.delete-account-body .error-message{background:#fff5f5;border:1px solid #ff6b6b;border-radius:8px;color:#ff5252;font-size:.9rem;margin-top:20px;padding:12px 16px}.delete-account-footer{background:#fafafa;border-top:2px solid #f0f0f0;display:flex;gap:15px;padding:20px 30px}.delete-account-footer button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1.05rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.delete-account-footer button:active:not(:disabled){transform:scale(.95)}.delete-account-footer button:disabled{cursor:not-allowed;opacity:.5}.delete-account-footer .btn-back,.delete-account-footer .btn-cancel{background:#f0f0f0;color:var(--text-dark)}.delete-account-footer .btn-back:hover:not(:disabled),.delete-account-footer .btn-cancel:hover:not(:disabled){background:#e0e0e0;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.delete-account-footer .btn-continue{background:linear-gradient(135deg,#ff9f1c,#ff6b35);color:#fff}.delete-account-footer .btn-continue:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.delete-account-footer .btn-delete{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.delete-account-footer .btn-delete:hover:not(:disabled){box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.delete-account-footer .btn-delete .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media(max-width:600px){.delete-account-content{max-height:90vh;max-width:none;overflow-y:auto;width:95%}.delete-account-header{padding:20px}.delete-account-header h2{font-size:1.3rem}.delete-account-header .warning-icon{font-size:1.5rem}.step-indicator{padding:15px 20px}.step-indicator .step-line{width:50px}.delete-account-body{padding:20px}.delete-account-body .main-message{font-size:1rem}.delete-account-body .data-list li{font-size:.9rem;padding:8px 12px}.delete-account-footer{flex-direction:column;padding:15px 20px}.delete-account-footer button{font-size:1rem;padding:12px 20px}.delete-account-footer .btn-back{order:2}.delete-account-footer .btn-delete{order:1}}.user-settings-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.user-settings-modal{animation:slideUp .3s ease-out;background:var(--white);background:var(--gradient-card-bg,var(--white));border-radius:20px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.user-settings-header{align-items:center;border-bottom:2px solid var(--bg-cream);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 24px}.user-settings-header h2{color:var(--text-dark);font-size:1.15rem;font-weight:700;margin:0}.user-settings-header .close-btn{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s ease}.user-settings-header .close-btn svg{color:var(--text-light);height:24px;width:24px}.user-settings-header .close-btn:hover{background:var(--bg-cream)}.user-settings-header .close-btn:hover svg{color:var(--text-dark)}.user-settings-content{grid-gap:0 24px;align-content:start;display:grid;flex:1 1;gap:0 24px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:10px 24px 14px}.settings-section{margin-bottom:10px}.settings-section:last-child{margin-bottom:0}.settings-section.full-width{grid-column:1/-1}.settings-section h3{color:var(--text-dark);font-size:.95rem;font-weight:600;margin:0 0 6px}.settings-section .section-description{color:var(--text-light);font-size:.85rem;line-height:1.3;margin:0 0 6px}.account-info{align-items:center;background:var(--bg-cream);border-radius:10px;display:flex;gap:10px;padding:8px 10px}.account-info .account-avatar{flex-shrink:0;height:36px;width:36px}.account-info .account-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.account-info .account-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;color:var(--white);display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.account-info .account-details{flex:1 1;min-width:0}.account-info .account-details .account-name{color:var(--text-dark);font-size:.9rem;font-weight:600;margin:0 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info .account-details .account-email{color:var(--text-light);font-size:.82rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-row{align-items:center;border-bottom:1px solid var(--bg-cream);display:flex;justify-content:space-between;padding:5px 0}.setting-row:last-child{border-bottom:none}.setting-row label{color:var(--text-dark);display:flex;flex-direction:column;font-size:.9rem;gap:2px}.setting-row label .setting-hint{color:var(--text-light);font-size:.78rem;font-weight:400}.setting-row select{background-color:var(--white);background-color:var(--bg-card,var(--white));border:2px solid var(--bg-cream);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:.88rem;min-width:140px;padding:5px 10px;transition:all .2s ease}.setting-row select:focus{border-color:var(--primary);outline:none}.setting-row select option{background-color:var(--white);background-color:var(--bg-card,var(--white));color:var(--text-dark)}.setting-row .setting-value{background:var(--bg-cream);border-radius:8px;color:var(--text-light);font-size:.88rem;padding:5px 10px}.setting-row.card-style-options{flex-direction:row;gap:12px;justify-content:flex-start;padding:6px 0}.card-style-option{align-items:center;background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--bg-cream);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px 14px;transition:all .2s ease}.card-style-option input[type=radio]{display:none}.card-style-option:hover{background:var(--bg-cream);border-color:rgba(var(--primary),.5)}.card-style-option.active{background:rgba(var(--primary),.1);border-color:var(--primary)}.card-style-option .card-style-preview{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:6px;opacity:.8}.card-style-option .card-style-preview--square{height:50px;width:50px}.card-style-option .card-style-preview--rectangle{height:30px;width:76px}.card-style-option .card-style-label{color:var(--text-dark);font-size:.82rem;font-weight:500;text-align:center}.sync-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sync-actions .sync-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:10px;box-shadow:0 4px 8px #00000026;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .3s ease}.sync-actions .sync-btn svg{height:16px;width:16px}.sync-actions .sync-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:16px;width:16px}.sync-actions .sync-btn:hover:not(:disabled){box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.sync-actions .sync-btn:disabled{cursor:not-allowed;opacity:.7}.sync-actions .last-saved{color:var(--text-light);font-size:.8rem}.danger-zone h3{color:#dc2626}.danger-zone .danger-actions{display:flex;flex-direction:column;gap:6px}.danger-zone .danger-item{align-items:center;background:#dc262614;border:1px solid #dc262633;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.danger-zone .danger-item .danger-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.danger-zone .danger-item .danger-info .danger-label{color:var(--text-dark);font-size:.9rem;font-weight:600}.danger-zone .danger-item .danger-info .danger-description{color:var(--text-light);font-size:.78rem;line-height:1.3}.danger-zone .danger-item.delete-account{background:#dc26261f;border-color:#f8717180}.danger-zone .danger-btn{background:#0000;border:2px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.danger-zone .danger-btn.delete-btn,.danger-zone .danger-btn:hover{background:#dc2626;color:var(--white)}.danger-zone .danger-btn.delete-btn{border-color:#dc2626}.danger-zone .danger-btn.delete-btn:hover{background:#b91c1c;border-color:#b91c1c}.voice-settings-columns{display:flex;gap:12px}.voice-settings-group{background:var(--bg-cream);border-radius:10px;flex:1 1;min-width:0;padding:6px 10px}.voice-settings-group .voice-group-header{color:var(--text-light);font-size:.85rem;font-weight:600;margin:0 0 4px}.voice-setting-row .voice-select-group{align-items:center;display:flex;gap:6px}.voice-setting-row .voice-select-group select{min-width:180px}.voice-test-btn{align-items:center;background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid var(--bg-cream);border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.voice-test-btn svg{height:14px;width:14px}.voice-test-btn:hover{background:rgba(var(--primary),.08);border-color:var(--primary);color:var(--primary)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.user-settings-content{grid-template-columns:1fr}.settings-section.full-width{grid-column:1}.voice-settings-columns{flex-direction:column}}@media(max-width:600px){.user-settings-modal{max-height:90vh;width:95%}.user-settings-header{padding:16px 20px}.user-settings-header h2{font-size:1.3rem}.user-settings-content{padding:16px 20px}.account-info{flex-direction:column;text-align:center}.setting-row{align-items:flex-start;flex-direction:column;gap:8px}.setting-row select,.voice-setting-row .voice-select-group{width:100%}.voice-setting-row .voice-select-group select{flex:1 1;min-width:0}.sync-actions{align-items:stretch;flex-direction:column}.sync-actions .sync-btn{justify-content:center}.danger-zone .danger-item{align-items:stretch;flex-direction:column;text-align:center}.danger-zone .danger-item .danger-info{align-items:center}.danger-zone .danger-item .danger-btn{width:100%}}.advanced-search-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.advanced-search-modal{animation:slideInFromLeft .3s ease-out;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);bottom:0;box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;left:0;overflow:hidden;padding:0;position:fixed;top:0;width:70%;z-index:1000}.advanced-search-modal .search-header{align-items:center;border-bottom:2px solid #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.advanced-search-modal .search-header h2{color:var(--white);font-size:1.6rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0003}.advanced-search-modal .search-header .close-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.advanced-search-modal .search-header .close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.advanced-search-modal .search-input-section{border-bottom:2px solid #0000001a;display:flex;flex-shrink:0;gap:12px;padding:15px 20px}.advanced-search-modal .search-input-section .search-input{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;flex:1 1;font-size:1rem;outline:none;padding:12px 18px;transition:all .2s ease}.advanced-search-modal .search-input-section .search-input:focus{background:var(--white);border-color:var(--white);box-shadow:0 4px 12px #00000026}.advanced-search-modal .search-input-section .search-btn{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.advanced-search-modal .search-input-section .search-btn:hover:not(:disabled){background:var(--white);border-color:var(--white);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.advanced-search-modal .search-input-section .search-btn:disabled{cursor:not-allowed;opacity:.6}.advanced-search-modal .search-results{flex:1 1;overflow-y:auto;padding:15px}.advanced-search-modal .search-results .no-results{color:#fffc;font-size:1.1rem;padding:40px 20px;text-align:center}.advanced-search-modal .search-results .result-item{background:#fffffff2;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:12px;padding:15px;transition:all .3s ease}.advanced-search-modal .search-results .result-item:hover{background:var(--white);border-color:var(--white);box-shadow:0 4px 12px #00000026;transform:translateX(4px)}.advanced-search-modal .search-results .result-item .result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.advanced-search-modal .search-results .result-item .result-header .result-word{align-items:center;color:var(--text-dark);display:flex;font-size:1.3rem;font-weight:700;gap:10px}.advanced-search-modal .search-results .result-item .result-header .result-word .type-icon{font-size:1.4rem}.advanced-search-modal .search-results .result-item .result-header .result-word .word-text{flex:1 1}.advanced-search-modal .search-results .result-item .result-header .result-word .favorite-badge{font-size:1.1rem}.advanced-search-modal .search-results .result-item .result-header .result-actions{display:flex;gap:8px}.advanced-search-modal .search-results .result-item .result-header .result-actions .action-btn{background:#ff6b351a;border:2px solid #ff6b3533;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:6px 10px;transition:all .2s ease}.advanced-search-modal .search-results .result-item .result-header .result-actions .action-btn:hover:not(:disabled){background:#ff6b3533;border-color:var(--primary);transform:scale(1.1)}.advanced-search-modal .search-results .result-item .result-header .result-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.advanced-search-modal .search-results .result-item .result-header .result-actions .action-btn.favorite-btn:hover:not(:disabled){background:#ffd70033;border-color:gold}.advanced-search-modal .search-results .result-item .result-header .result-actions .action-btn.collection-btn:hover:not(:disabled){background:#4a90e21a;border-color:#4a90e2}.advanced-search-modal .search-results .result-item .result-meaning{color:var(--text-light);font-size:.95rem;line-height:1.4;margin-bottom:10px}.advanced-search-modal .search-results .result-item .result-meta{display:flex;flex-wrap:wrap;gap:6px}.advanced-search-modal .search-results .result-item .result-meta .meta-tag{background:#ff6b3526;border-radius:10px;color:var(--primary);font-size:.8rem;font-weight:600;padding:4px 10px}.advanced-search-modal .search-results .result-item .collection-selector{border-top:2px solid #0000001a;margin-top:12px;padding-top:12px}.advanced-search-modal .search-results .result-item .collection-selector .collection-list{display:flex;flex-direction:column;gap:6px}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option{align-items:center;background:#ffffff80;border:2px solid #0000001a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option:hover{background:#ff6b351a;border-color:var(--primary)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option .collection-icon{font-size:1.2rem}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option .collection-name{color:var(--text-dark);flex:1 1;font-weight:600}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option .collection-count{color:var(--text-light);font-size:.85rem}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option.create-new{border-style:dashed;color:var(--primary)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .collection-option.create-new .collection-name{color:var(--primary)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form{background:#0000000d;border-radius:8px;display:flex;gap:6px;padding:10px}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form input{border:2px solid #0000001a;border-radius:6px;flex:1 1;font-size:.9rem;outline:none;padding:8px 12px}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form input:focus{border-color:var(--primary)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form button:first-of-type{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--white)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form button:first-of-type:hover{opacity:.9;transform:scale(1.05)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form button:last-of-type{background:#0000001a;color:var(--text-dark)}.advanced-search-modal .search-results .result-item .collection-selector .collection-list .create-collection-form button:last-of-type:hover{background:#0003}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:1200px){.advanced-search-modal{width:80%}}@media(max-width:968px){.advanced-search-modal{width:90%}}@media(max-width:768px){.advanced-search-modal{width:95%}.advanced-search-modal .search-header{padding:12px 15px}.advanced-search-modal .search-header h2{font-size:1.4rem}.advanced-search-modal .search-header .close-btn{font-size:1.8rem;height:32px;width:32px}.advanced-search-modal .search-input-section{flex-direction:column;padding:12px 15px}.advanced-search-modal .search-input-section .search-btn,.advanced-search-modal .search-input-section .search-input{width:100%}.advanced-search-modal .search-results,.advanced-search-modal .search-results .result-item{padding:12px}.advanced-search-modal .search-results .result-item .result-header{align-items:flex-start;flex-direction:column;gap:10px}.advanced-search-modal .search-results .result-item .result-header .result-word{font-size:1.1rem}.advanced-search-modal .search-results .result-item .result-header .result-actions{justify-content:flex-end;width:100%}}@media(max-width:480px){.advanced-search-modal{border-radius:0;width:100%}}.theme-editor-overlay{background:#0000;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.theme-editor{background:#4a4a4a;border:2px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;pointer-events:auto;width:600px}.theme-editor.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.theme-editor__header{align-items:center;background:#000;border-bottom:2px solid var(--border-light);cursor:grab;display:flex;justify-content:space-between;padding:24px 24px 16px;-webkit-user-select:none;user-select:none}.theme-editor__title{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.theme-editor__close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:40px}.theme-editor__close:hover{background:var(--bg-hover);color:var(--text-dark)}.theme-editor__controls{align-items:center;background:var(--bg-cream);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.theme-editor__control-group{align-items:center;display:flex;gap:8px}.theme-editor__control-group label{color:var(--text-dark);font-size:.875rem;font-weight:500;white-space:nowrap}.theme-editor__select{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.theme-editor__select:hover{border-color:var(--primary)}.theme-editor__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.theme-editor__search{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);font-size:.875rem;min-width:250px;padding:8px 12px;transition:all .2s}.theme-editor__search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.theme-editor__search::placeholder{color:var(--text-muted)}.theme-editor__reset-btn{background:var(--error);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:auto;padding:8px 16px;transition:all .2s}.theme-editor__reset-btn:hover{background:#c0392b;transform:translateY(-1px)}.theme-editor__reset-btn:active{transform:translateY(0)}.theme-editor__localizator-btn{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-left:10px;padding:8px 16px;transition:all .2s}.theme-editor__localizator-btn:hover{background:#6d28d9;transform:translateY(-1px)}.theme-editor__localizator-btn--active{animation:pulse-localizator 1.5s infinite;background:#dc2626}.theme-editor__localizator-banner{align-items:center;background:#7c3aed;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:10px 24px}.theme-editor__localizator-banner button{background:#fff;border:none;border-radius:6px;color:#7c3aed;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 14px}.theme-editor__localizator-banner button:hover{background:#f3f4f6}.theme-editor__export-btn{align-items:center;background:var(--success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;margin-left:10px;padding:8px 16px;transition:all .2s}.theme-editor__export-btn:hover{background:#27ae60;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.theme-editor__export-btn:active{transform:translateY(0)}.theme-editor__content{background:#4a4a4a;flex:1 1;overflow-y:auto;padding:24px}.theme-editor__category{margin-bottom:32px}.theme-editor__category:last-child{margin-bottom:0}.theme-editor__category-title{border-bottom:2px solid var(--primary);color:var(--text-dark);font-size:1.125rem;font-weight:700;margin:0 0 16px;padding-bottom:8px}.theme-editor__properties{display:flex;flex-direction:column;gap:16px}.theme-editor__property{align-items:center;background:var(--bg-cream);border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .2s}.theme-editor__property:hover{background:var(--bg-hover)}.theme-editor__property--gradient{align-items:stretch;flex-direction:column;padding:16px}.theme-editor__property-info{display:flex;flex:0 0 200px;flex-direction:column;gap:4px}.theme-editor__property-label{color:var(--text-dark);font-size:.875rem;font-weight:500}.theme-editor__property-key{background:var(--bg-card);border-radius:4px;color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem;padding:2px 6px}.theme-editor__property-controls{align-items:center;display:flex;flex:1 1;gap:8px}.theme-editor__color-input{border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;height:40px;transition:all .2s;width:50px}.theme-editor__color-input:hover{border-color:var(--primary)}.theme-editor__color-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.theme-editor__text-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);flex:1 1;font-family:Courier New,monospace;font-size:.875rem;padding:8px 12px;transition:all .2s}.theme-editor__text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.theme-editor__text-input--full{flex:1 1}.theme-editor__preview{border:1px solid var(--border-medium);border-radius:8px;flex-shrink:0;height:40px;width:40px}.theme-editor__footer{background:var(--bg-cream);border-top:1px solid var(--border-light);padding:16px 24px}.theme-editor__info{color:var(--text-muted);font-size:.875rem;margin:0;text-align:center}.gradient-builder{display:flex;gap:20px;margin-top:12px}.gradient-builder__controls{display:flex;flex:1 1;flex-direction:column;gap:16px}.gradient-builder__color-group{display:flex;flex-wrap:wrap;gap:16px}.gradient-builder__color-input{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.gradient-builder__color-input label{color:var(--text-dark);font-size:.8rem;font-weight:500}.gradient-builder__color-picker{align-items:center;display:flex;gap:8px}.gradient-builder__color-picker input[type=color]{border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;height:40px;transition:all .2s;width:50px}.gradient-builder__color-picker input[type=color]:hover{border-color:var(--primary)}.gradient-builder__color-picker input[type=color]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.gradient-builder__color-picker input[type=text]{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);flex:1 1;font-family:Courier New,monospace;font-size:.875rem;padding:8px 12px;transition:all .2s}.gradient-builder__color-picker input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.gradient-builder__direction{display:flex;flex-direction:column;gap:8px}.gradient-builder__direction label{color:var(--text-dark);font-size:.8rem;font-weight:500}.gradient-builder__direction select{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.gradient-builder__direction select:hover{border-color:var(--primary)}.gradient-builder__direction select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--bg-hover);outline:none}.gradient-builder__apply-btn{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.gradient-builder__apply-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.gradient-builder__apply-btn:active{transform:translateY(0)}.gradient-builder__preview{display:flex;flex:0 0 180px;flex-direction:column;gap:8px}.gradient-builder__preview-label{color:var(--text-dark);font-size:.8rem;font-weight:500;text-align:center}.gradient-builder__preview-box{border:2px solid var(--border-medium);border-radius:12px;box-shadow:inset 0 2px 8px #0000001a;flex:1 1;min-height:150px}body.localizator-active,body.localizator-active *{cursor:crosshair!important}@keyframes pulse-localizator{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.theme-editor{border-radius:0;max-height:100vh;max-width:100%}.theme-editor__property{align-items:stretch;flex-direction:column}.theme-editor__property-info{flex:1 1}.theme-editor__property-controls{flex-direction:column}.theme-editor__text-input{width:100%}.gradient-builder{flex-direction:column}.gradient-builder__preview{flex:1 1;min-height:120px}.gradient-builder__color-group{flex-direction:column}.gradient-builder__color-input{min-width:100%}}.pricing-page{animation:fadeIn .3s ease;margin:0 auto;max-width:800px;padding:2rem 1rem}.pricing-page__back{background:none;border:1px solid var(--text-light);border-radius:6px;color:var(--text-dark);cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;padding:.4rem 1rem}.pricing-page__back:hover{background:#0000000d}.pricing-page__title{color:var(--text-dark);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.pricing-page__subtitle{color:var(--text-light);margin-bottom:2rem;text-align:center}.pricing-page__toggle{background:#0000000f;border-radius:8px;display:flex;gap:0;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.pricing-page__toggle-btn{background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem;position:relative;transition:all .2s}.pricing-page__toggle-btn.active{background:var(--white);background:var(--gradient-card-bg,var(--white));box-shadow:0 4px 8px #00000026;color:var(--text-dark)}.pricing-page__save-badge{background:var(--primary);border-radius:10px;color:var(--white);display:inline-block;font-size:.65rem;margin-left:6px;padding:1px 6px;vertical-align:middle}.pricing-page__cards{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:600px){.pricing-page__cards{grid-template-columns:1fr}}.pricing-page__status{color:var(--text-light);font-size:.9rem;margin-top:1.5rem;text-align:center}.pricing-card{background:var(--white);background:var(--gradient-card-bg,var(--white));border:2px solid #0000;border-radius:12px;box-shadow:0 4px 8px #00000026;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.pricing-card--pro{border-color:var(--primary)}.pricing-card--current{opacity:.9}.pricing-card__popular{background:var(--primary);border-radius:10px;color:var(--white);font-size:.75rem;font-weight:600;left:50%;padding:2px 12px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card__header{margin-bottom:1.5rem;padding-top:.5rem;text-align:center}.pricing-card__name{color:var(--text-dark);font-size:1.2rem;margin-bottom:.5rem}.pricing-card__price{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:center}.pricing-card__amount{color:var(--text-dark);font-size:2rem;font-weight:700}.pricing-card__period{color:var(--text-light);font-size:1rem;margin-left:2px}.pricing-card__monthly-equiv{color:var(--text-light);font-size:.8rem;margin-top:2px;text-align:center;width:100%}.pricing-card__features{list-style:none;margin:0 0 1.5rem;padding:0}.pricing-card__features li{color:var(--text-dark);font-size:.9rem;padding:.4rem 0}.pricing-card__features li:before{color:var(--primary);content:"✓";font-weight:700;margin-right:8px}.pricing-card__btn{background:#0000;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem;transition:all .2s;width:100%}.pricing-card__btn:disabled{cursor:default;opacity:.6}.pricing-card__btn--current{background:#0000000a;border-color:var(--text-light);color:var(--text-light)}.pricing-card__btn--upgrade{background:var(--primary);color:var(--white)}.pricing-card__btn--upgrade:hover{opacity:.9;transform:scale(1.02)}.pricing-card__btn--manage{background:#0000;color:var(--primary)}.pricing-card__btn--manage:hover{background:#0000000a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.learning-timer{align-items:center;background:linear-gradient(135deg,#0000000d,#00000005);border:2px solid #ff9f1c;border:2px solid var(--logo-text-gradient-start,#ff9f1c);border-radius:25px;display:flex;gap:6px;height:50px;justify-content:center;padding:0 16px}.learning-timer__icon{-webkit-text-fill-color:#0000;font-size:20px}.learning-timer__icon,.learning-timer__time{background:linear-gradient(135deg,var(--logo-text-gradient-start) 0,var(--logo-text-gradient-end) 100%);-webkit-background-clip:text;background-clip:text}.learning-timer__time{font-feature-settings:"tnum";-webkit-text-fill-color:#0000;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.15));font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:1px;min-width:50px;text-align:center}.learning-timer--warning{border-color:#ff4d4f}.learning-timer--warning .learning-timer__icon,.learning-timer--warning .learning-timer__time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4d4f,#ff1a1a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 3px 3px rgba(255,77,79,.3))}.learning-timer--warning{animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.time-expired-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.time-expired-modal{background:#1a1a2e;background:var(--surface-primary,#1a1a2e);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:440px;padding:40px;text-align:center;width:90%}.time-expired-modal__icon{font-size:48px;margin-bottom:16px}.time-expired-modal__title{color:#fff;color:var(--text-primary,#fff);font-size:24px;font-weight:700;margin:0 0 12px}.time-expired-modal__body{color:#aaa;color:var(--text-secondary,#aaa);font-size:15px;line-height:1.5;margin:0 0 28px}.time-expired-modal__actions{display:flex;flex-direction:column;gap:10px}.time-expired-modal__btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:transform .15s,opacity .15s}.time-expired-modal__btn:hover{transform:translateY(-1px)}.time-expired-modal__btn--primary{background:linear-gradient(135deg,#6c63ff,#4ecdc4);color:#fff}.time-expired-modal__btn--secondary{background:#ffffff14;background:var(--surface-secondary,#ffffff14);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}
/*# sourceMappingURL=main.f1a8d8ed.css.map*/