.app{flex-direction:column;min-height:100dvh;display:flex}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:0 1px 3px var(--color-shadow);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.header__title{font-size:1.25rem;font-weight:600}.header__actions{align-items:center;gap:.5rem;display:flex}.header__btn{border-radius:var(--radius);width:36px;height:36px;transition:background-color var(--transition), opacity var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.header__btn--help{font-size:1.1rem;font-weight:800}.header__btn:hover{background-color:var(--color-border)}.header__btn svg{display:block}.main{max-width:var(--max-width);flex-direction:column;flex:1;align-items:center;gap:1.5rem;width:100%;margin:0 auto;padding:1.5rem;display:flex}.loading{color:var(--color-text-secondary);text-align:center;margin-top:2rem}.error-message{background-color:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius);text-align:center;width:100%;padding:1rem}.btn{border-radius:var(--radius);transition:all var(--transition);padding:.6rem 1.2rem;font-size:.95rem;font-weight:500}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background-color:var(--color-surface);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-border)}.btn--secondary:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{color:var(--color-text-secondary);padding:.4rem .8rem;text-decoration:underline}.setting{align-items:center;gap:.75rem;width:100%;display:flex}.setting__label{color:var(--color-text-secondary);white-space:nowrap;font-size:.875rem}.setting__select{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);flex:1;max-width:200px;padding:.4rem .6rem}.game-start{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.game{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.game__end{margin-top:.5rem}.game-start__buttons{gap:.75rem;display:flex}.game-timer{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);border-radius:var(--radius);background-color:var(--color-surface);border:1px solid var(--color-border);padding:.3rem .75rem;font-size:1.1rem;font-weight:600}.game-timer--warning{color:var(--color-error);border-color:var(--color-error);animation:1s infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-card{flex-direction:column;gap:1rem;width:100%;max-width:340px;display:flex}.quiz-card__question{border-radius:var(--radius-lg);background:var(--color-card-front);color:#fff;min-height:140px;box-shadow:0 8px 24px var(--color-shadow);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.quiz-card__input-area{flex-direction:column;gap:.75rem;display:flex}.quiz-card__input{width:100%;padding:.6rem .75rem;font-size:1rem}.quiz-card__actions{gap:.75rem;display:flex}.quiz-card__feedback{text-align:center;border-radius:var(--radius);padding:.75rem;font-size:.95rem;font-weight:600}.quiz-card__feedback--correct{background-color:var(--color-success-bg);color:var(--color-success)}.quiz-card__feedback--incorrect{background-color:var(--color-error-bg);color:var(--color-error)}.quiz-card__feedback--skipped{background-color:var(--color-surface);color:var(--color-text-secondary)}.quiz-results{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:340px;margin-top:2rem;display:flex}.quiz-results__title{font-size:1.3rem;font-weight:700}.quiz-results__score{color:var(--color-text-secondary);font-size:1.1rem}.quiz-results__bar{background-color:var(--color-border);border-radius:6px;width:100%;height:12px;overflow:hidden}.quiz-results__fill{background-color:var(--color-primary);border-radius:6px;height:100%;transition:width .5s}.quiz-results__actions{gap:.75rem;margin-top:.5rem;display:flex}.flashcard-container{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.card-counter{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.flashcard{perspective:1000px;cursor:pointer;width:100%;max-width:340px;height:220px;position:relative}.flashcard__face{border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow), 0 2px 8px var(--color-shadow);backface-visibility:hidden;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:transform .6s;display:flex;position:absolute;inset:0}.flashcard__front{background:var(--color-card-front);transform:rotateY(0)}.flashcard__back{background:var(--color-card-back);transform:rotateY(180deg)}.flashcard--flipped .flashcard__front{transform:rotateY(-180deg)}.flashcard--flipped .flashcard__back{transform:rotateY(0)}.flashcard__label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin-bottom:.5rem;font-size:.7rem}.flashcard__content{text-align:center;word-break:break-word;text-shadow:0 1px 2px #00000026;font-size:1.6rem;font-weight:700}.flashcard__hint{color:#ffffff80;margin-top:auto;font-size:.7rem}.card-nav{gap:1rem;display:flex}.settings-overlay{z-index:100;background-color:#0006;animation:.2s overlay-in;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.settings-panel{background-color:var(--color-bg);border-left:1px solid var(--color-border);width:90%;max-width:380px;box-shadow:-4px 0 24px var(--color-shadow);z-index:101;flex-direction:column;animation:.25s panel-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-panel__header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.settings-panel__title{font-size:1.1rem;font-weight:600}.settings-panel__close{border-radius:var(--radius);width:32px;height:32px;color:var(--color-text-secondary);transition:background-color var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex}.settings-panel__close:hover{background-color:var(--color-border)}.settings-panel__body{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex}.settings-panel__section{flex-direction:column;gap:.75rem;display:flex}.settings-panel__section+.settings-panel__section{border-top:1px solid var(--color-border);padding-top:1.25rem}.setting__input{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);width:80px;padding:.4rem .6rem}.dict-manager{flex-direction:column;gap:.75rem;width:100%;display:flex}.dict-section{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.dict-section__title{cursor:pointer;background-color:var(--color-surface);padding:.6rem 1rem;font-size:.875rem;font-weight:500}.dict-section__body{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.text-input{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg);flex:1;min-width:120px;padding:.4rem .6rem}.file-input{font-size:.875rem}.btn--sm{padding:.4rem .8rem;font-size:.85rem}.btn--help-link{text-align:center;min-width:28px;font-size:.9rem;font-weight:800;text-decoration:none}.btn--danger{background-color:var(--color-error);color:#fff;border-radius:var(--radius);padding:.6rem 1.2rem;font-weight:500}.btn--danger:hover{opacity:.85}.dict-status{color:var(--color-text-secondary);text-align:center;font-size:.8rem}.export-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex}.export-dialog__title{margin-bottom:.25rem;font-size:1rem;font-weight:600}.export-dialog__row{align-items:center;gap:.75rem;display:flex}.export-dialog__actions{gap:.75rem;margin-top:.5rem;display:flex}.sample-overlay{z-index:200;background-color:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s overlay-in;display:flex;position:fixed;inset:0}.sample-dialog{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:80vh;box-shadow:0 16px 48px var(--color-shadow);flex-direction:column;animation:.2s dialog-pop;display:flex}@keyframes dialog-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sample-dialog__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.sample-dialog__title{font-size:1.1rem;font-weight:600}.sample-dialog__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.sample-dialog__search{width:100%;padding:.5rem .75rem;font-size:.95rem}.sample-dialog__list{border:1px solid var(--color-border);border-radius:var(--radius);max-height:200px;list-style:none;overflow-y:auto}.sample-dialog__item{cursor:pointer;transition:background-color var(--transition);padding:.6rem .75rem;font-size:.9rem}.sample-dialog__item:hover{background-color:var(--color-surface)}.sample-dialog__item[aria-selected=true],.sample-dialog__item--selected{background-color:var(--color-primary);color:#fff}.sample-dialog__item--empty{color:var(--color-text-secondary);cursor:default;font-style:italic}.sample-dialog__item--empty:hover{background-color:#0000}.sample-dialog__selected{background-color:var(--color-surface);border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem;font-weight:500}.sample-dialog__status{color:var(--color-error);font-size:.8rem}.sample-dialog__footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.lang-overlay{z-index:200;background-color:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s overlay-in;display:flex;position:fixed;inset:0}.lang-dialog{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:280px;max-height:70vh;box-shadow:0 16px 48px var(--color-shadow);animation:.2s dialog-pop;overflow-y:auto}.lang-dialog__list{padding:.5rem 0;list-style:none}.lang-dialog__item{cursor:pointer;transition:background-color var(--transition);padding:.7rem 1.25rem;font-size:.95rem}.lang-dialog__item:hover{background-color:var(--color-surface)}.lang-dialog__item--active{background-color:var(--color-primary);color:#fff;font-weight:500}.lang-dialog__item--active:hover{background-color:var(--color-primary-hover)}.help-overlay{z-index:200;background-color:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s overlay-in;display:flex;position:fixed;inset:0}.help-dialog{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:80vh;box-shadow:0 16px 48px var(--color-shadow);flex-direction:column;animation:.2s dialog-pop;display:flex}.help-dialog__header{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.help-dialog__title{font-size:1.1rem;font-weight:600}.help-dialog__list{flex-direction:column;gap:.6rem;padding:.75rem 1.25rem;list-style:none;display:flex;overflow-y:auto}.help-dialog__item{color:var(--color-text);font-size:.875rem;line-height:1.45}.help-dialog__footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding:.75rem 1.25rem;display:flex}.app-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.kofi-container{flex-direction:column;align-items:center;gap:.4rem;display:flex}.kofi-text{color:var(--color-text-secondary);font-size:.8rem}.kofi-img{border-radius:8px;height:36px}.feedback-link{color:var(--color-primary);font-size:.8rem;text-decoration:none}.feedback-link:hover{text-decoration:underline}.disclaimer{color:var(--color-text-secondary);text-align:center;font-size:.7rem;line-height:1.4}:root{--color-bg:#faf7f2;--color-surface:#fff;--color-text:#2d2a26;--color-text-secondary:#7a746b;--color-primary:#e07a3c;--color-primary-hover:#c96a30;--color-accent:#4a90d9;--color-border:#e8e2d9;--color-error:#c0392b;--color-error-bg:#fdecea;--color-shadow:#2d2a2614;--color-card-front:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-card-back:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--color-success:#065f46;--color-success-bg:#d1fae5;--radius:8px;--radius-lg:16px;--transition:.2s ease;--max-width:600px}[data-theme=dark]{--color-bg:#1c1917;--color-surface:#292524;--color-text:#f5f0eb;--color-text-secondary:#a8a29e;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-accent:#60a5fa;--color-border:#3d3835;--color-error:#ef4444;--color-error-bg:#3b1515;--color-shadow:#0006;--color-card-front:linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--color-card-back:linear-gradient(135deg, #be185d 0%, #9333ea 100%);--color-success:#6ee7b7;--color-success-bg:#064e3b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;transition:background-color var(--transition), color var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}#app{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,select{font:inherit;color:inherit}