.device-selection{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-color, #1a1a1a);color:var(--text-color, #fff)}.device-selection-container{width:100%;max-width:800px;text-align:center}.device-selection-title{font-size:24px;margin-bottom:40px;color:var(--text-color, #fff)}.device-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%}.device-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;background:var(--card-bg, #2a2a2a);border:2px solid var(--border-color, #3a3a3a);border-radius:12px;cursor:pointer;transition:all .2s;min-height:120px;font-size:16px;color:var(--text-color, #fff)}.device-option:hover,.device-option:focus{background:var(--card-hover-bg, #3a3a3a);border-color:var(--primary-color, #4a9eff);transform:translateY(-2px);outline:none}.device-option:active{transform:translateY(0)}.device-icon{font-size:48px;margin-bottom:12px;display:block}.device-label{font-size:16px;font-weight:500}[data-device=watch] .device-option{min-height:80px;padding:20px}[data-device=watch] .device-icon{font-size:32px;margin-bottom:8px}[data-device=watch] .device-label{font-size:14px}[data-device=ebook] .device-option{transition:none}[data-device=ebook] .device-option:hover,[data-device=ebook] .device-option:focus{transform:none}@media (max-width: 600px){.device-options{grid-template-columns:repeat(2,1fr);gap:15px}.device-option{min-height:100px;padding:20px 15px}.device-icon{font-size:36px;margin-bottom:8px}.device-label{font-size:14px}}@media (max-width: 400px){.device-selection-title{font-size:18px;margin-bottom:30px}.device-options{grid-template-columns:1fr;gap:12px}.device-option{min-height:70px;padding:15px}.device-icon{font-size:28px;margin-bottom:6px}.device-label{font-size:12px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.auth-content{background:var(--bg-secondary);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0000004d}.auth-content h1{font-size:32px;font-weight:600;margin-bottom:32px;text-align:center;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group input{width:100%;padding:14px 16px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:16px;border:1px solid var(--border-color);font-family:inherit}.form-group input:focus{border-color:var(--accent-blue);outline:none}.btn-primary{width:100%;padding:14px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;margin-top:8px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--accent-red);font-size:14px;margin-top:8px;text-align:center}.auth-link{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:14px}.auth-link a{color:var(--accent-blue);text-decoration:none}.auth-link a:hover{text-decoration:underline}.watch-auth{padding:20px 10px 10px;height:100vh;max-height:100vh;overflow-y:auto;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center}.watch-auth-content{max-width:100%;width:100%;padding:20px;box-sizing:border-box;margin-bottom:20px}.watch-title{font-size:28px;margin-bottom:30px}.watch-login-modes{display:flex;gap:12px;margin-bottom:24px}.watch-mode-btn{flex:1;padding:16px;background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease}.watch-mode-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.watch-form{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.watch-input{width:100%;padding:18px 20px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:20px;border:2px solid var(--border-color);font-family:inherit}.watch-code-input{text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;font-family:Courier New,monospace}.watch-btn-primary{width:100%;padding:20px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:20px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;margin-top:8px;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:10;position:relative}.watch-btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-device=ebook] .auth-container,[data-device=ebook] .auth-content,[data-device=ebook] .btn-primary,[data-device=ebook] .watch-btn-primary{transition:none}[data-device=ebook] .btn-primary:hover,[data-device=ebook] .watch-btn-primary:hover{transform:none}.verification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.verification-modal-content{background:var(--bg-secondary);border-radius:20px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}.verification-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.verification-modal-header h2{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.verification-code-display{text-align:center;padding:32px 0;margin:24px 0;background:var(--bg-tertiary);border-radius:16px}.code-digits{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.code-digit{display:inline-flex;align-items:center;justify-content:center;width:48px;height:64px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;font-size:32px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.code-timer{color:var(--text-secondary);font-size:14px}.generating{color:var(--text-secondary);font-size:16px}.verification-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{padding:12px 24px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary:hover{background:#0051d5}.btn-secondary{padding:12px 24px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.watch-dashboard{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 40px;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;position:relative}.watch-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.watch-empty-hint{font-size:14px;margin-top:16px;color:var(--text-secondary);opacity:.7}.watch-word-display{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;cursor:pointer;padding:20px;position:relative;will-change:transform,opacity;min-height:200px;flex-shrink:0}.watch-word-display.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.watch-word-display.slide-down{animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-50px) scale(.9);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(50px) scale(.9);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}.watch-word-text{font-size:56px;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-word;line-height:1.3;margin-bottom:20px}.watch-wordlist-name{font-size:16px;color:var(--text-secondary);text-align:center;margin-top:12px}.watch-word-controls{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;margin-bottom:20px;width:100%;max-width:500px;flex-shrink:0}.watch-word-nav-btn{flex:1;padding:20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;font-size:20px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:120px}.watch-word-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.watch-word-nav-btn:active{transform:scale(.95)}.watch-star-btn{width:60px;height:60px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.watch-star-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.watch-star-btn:active{transform:scale(.95)}[data-device=ebook] .watch-star-btn{transition:none}[data-device=ebook] .watch-star-btn:hover{transform:none}.watch-options-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:200;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.watch-options-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.watch-options-btn:active{transform:scale(.95)}.watch-options-menu{position:fixed;top:80px;right:20px;background:var(--bg-secondary);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 8px 24px #0000004d;border:2px solid var(--border-color);z-index:201;display:flex;flex-direction:column;gap:8px}.watch-option-item{padding:16px 20px;background:var(--bg-tertiary);border:none;border-radius:8px;font-size:18px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.watch-option-item:hover{background:var(--accent-blue);color:#fff}.watch-option-item:active{transform:scale(.95)}.watch-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.watch-modal-content{background:var(--bg-secondary);border-radius:20px;padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:2px solid var(--border-color)}.watch-modal-title{font-size:28px;font-weight:600;margin-bottom:24px;text-align:center;color:var(--text-primary)}.watch-modal-subtitle{font-size:20px;font-weight:600;margin:24px 0 16px;color:var(--text-primary)}.watch-user-info{margin-bottom:24px;padding:16px;background:var(--bg-tertiary);border-radius:12px}.watch-user-info p{margin:8px 0;color:var(--text-primary);font-size:16px}.watch-input{width:100%;padding:16px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:18px;border:2px solid var(--border-color);font-family:inherit;margin-bottom:16px;box-sizing:border-box}.watch-input:focus{border-color:var(--accent-blue);outline:none}.watch-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.watch-btn-primary{padding:16px 32px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:18px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.watch-btn-primary:hover{background:#0051d5;transform:translateY(-1px)}.watch-btn-primary:active{transform:translateY(0)}.watch-btn-primary:disabled{opacity:.6;cursor:not-allowed}.watch-btn-secondary{padding:16px 32px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:18px;font-weight:500;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.watch-btn-secondary:hover{background:var(--hover-bg)}.watch-btn-secondary:active{transform:scale(.95)}.watch-device-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.watch-device-selector-content{background:var(--bg-secondary);border-radius:20px;padding:32px;width:100%;max-width:400px;border:2px solid var(--border-color)}.watch-device-options{display:flex;flex-direction:column;gap:12px;margin:24px 0}.watch-device-option{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;font-size:20px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.watch-device-option:hover{background:var(--hover-bg);transform:scale(1.02)}.watch-device-option.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.watch-device-option .device-icon{font-size:28px}.watch-device-option .device-label{flex:1}[data-device=ebook] .watch-options-btn,[data-device=ebook] .watch-option-item,[data-device=ebook] .watch-btn-primary,[data-device=ebook] .watch-btn-secondary,[data-device=ebook] .watch-device-option{transition:none}[data-device=ebook] .watch-options-btn:hover,[data-device=ebook] .watch-option-item:hover,[data-device=ebook] .watch-btn-primary:hover,[data-device=ebook] .watch-btn-secondary:hover,[data-device=ebook] .watch-device-option:hover{transform:none}.dashboard{min-height:100vh;padding:40px;width:90%;max-width:90%;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;flex-direction:column;gap:8px}.dashboard-header h1{font-size:36px;font-weight:600;margin:0}.username-display{color:var(--text-secondary);font-size:14px}.header-right{position:relative;display:flex;gap:12px;align-items:center}.dashboard-actions{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;align-items:center}.theme-toggle-btn{background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;padding:12px 16px;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid var(--border-color);cursor:pointer}.theme-toggle-btn:hover{background:var(--hover-bg);transform:translateY(-1px)}.btn-primary{padding:12px 24px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:16px;font-weight:500;transition:all .2s ease}.btn-secondary{padding:12px 24px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:16px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:var(--hover-bg)}.wordlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.wordlist-card{background:var(--bg-secondary);border-radius:16px;padding:24px;transition:all .2s ease;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px}.wordlist-card-content{flex:1;cursor:pointer}.wordlist-card:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.wordlist-card-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;font-size:20px;padding:8px;cursor:pointer;border-radius:8px;transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary)}.wordlist-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.study-time{color:var(--accent-blue);font-size:13px;margin-bottom:8px;font-weight:500}.updated-time{color:var(--text-secondary);font-size:12px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-secondary);border-radius:20px;padding:32px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:24px;font-weight:600;margin-bottom:24px}.modal-content .form-group{margin-bottom:20px}.modal-content input,.modal-content textarea{width:100%;padding:14px 16px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:16px;border:1px solid var(--border-color);font-family:inherit;resize:vertical}.modal-content input:focus,.modal-content textarea:focus{border-color:var(--accent-blue);outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{min-width:100px}.large-modal{max-width:800px;max-height:90vh;overflow-y:auto}.user-info{margin-bottom:24px;padding:16px;background:var(--bg-tertiary);border-radius:12px}.user-info p{margin:8px 0;color:var(--text-primary)}.quiz-history-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.history-item{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.history-wordlist{font-weight:600;color:var(--text-primary);margin-right:12px}.device-selector-wrapper{position:relative}.device-selector-btn{display:flex;align-items:center;gap:8px;white-space:nowrap}.device-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.device-selector-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--border-color);z-index:999;display:flex;flex-direction:column;gap:4px}.device-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:14px;text-align:left}.device-option:hover{background:var(--bg-tertiary)}.device-option.active{background:var(--accent-blue);color:#fff}.device-option .device-icon{font-size:20px}.device-option .device-label{flex:1}.wordlist-detail{min-height:100vh;padding:40px;width:90%;max-width:90%;margin:0 auto}.detail-header{margin-bottom:40px}.detail-header h1{font-size:36px;font-weight:600;margin-bottom:24px}.header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.watch-screensaver-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .2s ease}.watch-screensaver-toggle:hover{background:var(--bg-tertiary)}.watch-screensaver-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.words-list{display:flex;flex-direction:column;gap:12px}.word-item{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:all .2s ease}.word-item:hover{background:var(--bg-tertiary)}.word-main{display:flex;gap:20px;align-items:center;flex:1}.word-text{font-size:18px;font-weight:500;min-width:200px}.word-meaning{color:var(--text-secondary);font-size:16px}.word-meta{display:flex;align-items:center;gap:16px}.error-badge{color:var(--accent-red);font-size:14px}.star-btn{background:none;color:var(--text-secondary);font-size:24px;padding:4px 8px;border-radius:8px;transition:all .2s ease}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px}.error{color:var(--accent-red)}.tabs-container{margin-top:20px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:24px}.tab-btn{padding:12px 24px;background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);border-radius:8px 8px 0 0;margin-right:4px;border-bottom:3px solid transparent;transition:all .2s ease;position:relative;top:2px;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{color:var(--accent-blue);background:var(--bg-primary);border-color:var(--border-color);border-bottom-color:var(--accent-blue);font-weight:600}.tab-content{min-height:200px}.history-section{margin-top:40px}.history-tabs{display:flex;gap:12px;margin-bottom:20px}.history-tab{padding:12px 24px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.history-tab:hover{background:var(--bg-tertiary)}.history-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.history-info{display:flex;flex-direction:column;gap:8px;flex:1}.history-date{color:var(--text-secondary);font-size:14px}.history-stats{color:var(--text-primary);font-size:16px}.history-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.history-status.completed{background:#34c75933;color:var(--accent-green)}.history-status.in-progress{background:#007aff33;color:var(--accent-blue)}.history-actions{display:flex;gap:12px}.review-list{min-height:100vh;padding:40px;max-width:1200px;margin:0 auto}.review-header h1{font-size:36px;font-weight:600;margin-bottom:24px}.review-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.display-mode-toggle{display:flex;align-items:center;gap:12px}.mode-label{color:var(--text-secondary);font-size:14px}.mode-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mode-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.words-review-list{display:flex;flex-direction:column;gap:12px}.review-word-item{background:var(--bg-secondary);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:all .2s ease}.review-word-item:hover{background:var(--bg-tertiary)}.review-word-main{display:flex;gap:24px;align-items:center;flex:1}.review-word-text{font-size:20px;font-weight:500;min-width:200px}.review-word-meaning{font-size:16px;padding:8px 16px;border-radius:8px;transition:all .2s ease;cursor:pointer}.review-word-meaning.hidden{background:var(--bg-tertiary);color:var(--text-secondary);opacity:.5}.review-word-meaning.hidden:hover{opacity:.8;background:var(--hover-bg)}.review-word-meaning.revealed{color:var(--text-primary);background:transparent}.star-btn{background:none;color:var(--text-secondary);font-size:28px;padding:4px 8px;border-radius:8px;transition:all .2s ease}.star-btn:hover{background:var(--bg-tertiary)}.star-btn.starred{color:gold}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px;background:var(--bg-secondary);border-radius:12px}.items-per-page{display:flex;align-items:center;gap:12px}.items-per-page label{color:var(--text-secondary);font-size:14px}.items-per-page select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer}.page-numbers{display:flex;gap:8px;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.page-btn:hover{background:var(--bg-tertiary)}.page-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.input-practice{min-height:100vh;padding:40px;max-width:800px;margin:0 auto}.practice-header{margin-bottom:40px}.practice-controls{margin-top:20px}.practice-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 20px}.progress-info{font-size:18px;color:var(--text-secondary)}.word-display h2{font-size:48px;font-weight:600;text-align:center;margin:0}.input-section{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.meaning-input{width:100%;padding:18px 24px;background:var(--bg-secondary);color:var(--text-primary);border-radius:16px;font-size:18px;border:2px solid var(--border-color);text-align:center;transition:all .2s ease}.meaning-input:focus{border-color:var(--accent-blue);background:var(--bg-tertiary)}.result-section{width:100%;max-width:500px;display:flex;flex-direction:column;gap:24px;align-items:center}.result-message{font-size:32px;font-weight:600;padding:20px 40px;border-radius:16px}.result-message.correct{color:var(--accent-green);background:#34c7591a}.result-message.incorrect{color:var(--accent-red);background:#ff3b301a}.correct-answer{font-size:20px;color:var(--text-secondary);text-align:center;padding:20px;background:var(--bg-secondary);border-radius:12px;width:100%}.quiz-container{min-height:100vh;padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column}.quiz-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}.loading-content{text-align:center;max-width:400px}.loading-text{font-size:20px;margin-bottom:20px;color:var(--text-primary)}.progress-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:var(--accent-blue);transition:width .3s ease}.loading-hint{color:var(--text-secondary);font-size:14px}.quiz-header{margin-bottom:20px;flex-shrink:0}.progress-bar{display:flex;gap:4px;margin-bottom:12px}.progress-segment{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;transition:background .3s ease}.progress-segment.active{background:var(--accent-blue)}.quiz-content{flex:1;display:flex;flex-direction:column;gap:20px;min-height:0;padding:20px 0}.question-number{font-size:14px;color:var(--text-secondary);font-weight:500;flex-shrink:0}.question-text{font-size:20px;font-weight:500;color:var(--text-primary);line-height:1.5;flex-shrink:0}.options-list{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.option{padding:14px 16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left;min-height:50px}.option:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue)}.option.selected{border-color:var(--accent-blue);background:var(--bg-tertiary)}.option.correct{border-color:var(--accent-green);background:#34c7591a}.option.incorrect{border-color:var(--accent-red);background:#ff3b301a}.option.disabled{opacity:.5;cursor:not-allowed}.option-result{font-size:14px;font-weight:600;margin-left:auto}.btn-primary{padding:12px 32px;border-radius:12px;background:var(--accent-blue);color:#fff;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;width:100%;max-width:200px}.quiz-hint{text-align:center;padding:12px;color:var(--text-secondary);font-size:14px;flex-shrink:0}.error{text-align:center;padding:40px 20px;color:var(--accent-red);font-size:18px}@media (max-height: 800px){.quiz-container{padding:12px}.quiz-header{margin-bottom:12px}.quiz-content{gap:12px;padding:12px 0}.question-text{font-size:18px}.options-list{gap:10px}.option{padding:12px 14px;min-height:45px;font-size:15px}}[data-device=mobile] .quiz-content{gap:10px;padding:10px 0}[data-device=mobile] .question-text{font-size:18px}[data-device=mobile] .options-list{gap:8px}[data-device=mobile] .option{padding:10px 12px;min-height:40px;font-size:14px}.quiz-review{min-height:100vh;padding:40px;max-width:1000px;margin:0 auto}.review-header{margin-bottom:40px}.review-header h1{font-size:36px;font-weight:600;margin-top:20px}.review-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:24px;text-align:center;border:1px solid var(--border-color)}.stat-card.correct{border-color:var(--accent-green)}.stat-card.incorrect{border-color:var(--accent-red)}.stat-value{font-size:36px;font-weight:600;margin-bottom:8px}.stat-card.correct .stat-value{color:var(--accent-green)}.stat-card.incorrect .stat-value{color:var(--accent-red)}.stat-label{color:var(--text-secondary);font-size:14px}.questions-review{margin-top:40px}.questions-review h2{font-size:24px;font-weight:600;margin-bottom:24px}.review-question{background:var(--bg-secondary);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.review-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-number{font-size:16px;color:var(--text-secondary);font-weight:500}.question-status{font-size:16px;font-weight:600;padding:6px 12px;border-radius:8px}.question-status.correct{color:var(--accent-green);background:#34c7591a}.question-status.incorrect{color:var(--accent-red);background:#ff3b301a}.review-question-text{font-size:20px;line-height:1.6;margin-bottom:20px;color:var(--text-primary)}.review-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.review-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:2px solid transparent}.review-option.correct{border-color:var(--accent-green);background:#34c7591a}.review-option.user-wrong{border-color:var(--accent-red);background:#ff3b301a}.option-mark{font-size:14px;font-weight:500;padding:4px 8px;border-radius:6px;background:var(--accent-green);color:#fff}.option-mark.wrong{background:var(--accent-red)}.review-word-info{padding-top:16px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px}.review-word-info strong{color:var(--text-primary)}.quick-quiz-container{min-height:100vh;padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column}.quick-quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.back-btn{background:none;color:var(--text-secondary);font-size:18px;font-weight:500;padding:8px 0;border:none;cursor:pointer;transition:all .2s ease}.quiz-stats{display:flex;gap:16px;font-size:14px}.question-count{color:var(--text-primary);font-weight:500}.error-count{color:var(--accent-red)}.correct-count{color:var(--accent-green)}.filter-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-shrink:0}.filter-section label{color:var(--text-secondary);font-size:14px}.filter-section select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer}.quick-quiz-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:0;padding:20px 0}.timer-circle{width:60px;height:60px;border-radius:50%;border:3px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-text{font-size:24px;font-weight:600;color:var(--accent-blue)}.question-word{font-size:32px;font-weight:600;text-align:center;color:var(--text-primary);margin:0;flex-shrink:0}.options-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:500px;flex-shrink:0}.quick-option{padding:14px 16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left;min-height:50px}.quick-option:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue)}.quick-option.selected{border-color:var(--accent-blue);background:var(--bg-tertiary)}.quick-option.correct{border-color:var(--accent-green);background:#34c7591a}.quick-option.incorrect{border-color:var(--accent-red);background:#ff3b301a}.quick-option.disabled{opacity:.5;cursor:not-allowed}.option-label{font-weight:600;min-width:24px}.option-text{flex:1}.option-result{font-size:18px;font-weight:600}.quiz-actions{margin-top:8px;flex-shrink:0}.btn-primary{padding:12px 32px;border-radius:12px;background:var(--accent-blue);color:#fff;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary:hover{background:#0051d5;transform:translateY(-1px)}.correct-feedback{margin-top:8px;flex-shrink:0}.correct-icon{color:var(--accent-green);font-size:18px;font-weight:600}.keyboard-hint{text-align:center;padding:12px;color:var(--text-secondary);font-size:12px;flex-shrink:0}.quick-quiz-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:16px}@media (max-height: 800px){.quick-quiz-container{padding:12px}.quick-quiz-header,.filter-section{margin-bottom:12px}.quick-quiz-content{gap:12px;padding:12px 0}.timer-circle{width:50px;height:50px}.timer-text{font-size:20px}.question-word{font-size:28px}.options-grid{gap:10px}.quick-option{padding:12px 14px;min-height:45px;font-size:15px}}[data-device=mobile] .quick-quiz-content{gap:10px;padding:10px 0}[data-device=mobile] .timer-circle{width:50px;height:50px}[data-device=mobile] .timer-text{font-size:20px}[data-device=mobile] .question-word{font-size:24px}[data-device=mobile] .options-grid{gap:8px}[data-device=mobile] .quick-option{padding:10px 12px;min-height:40px;font-size:14px}.trash{min-height:100vh;padding:40px;width:90%;max-width:90%;margin:0 auto}.trash-header{margin-bottom:40px}.back-btn{background:none;color:var(--text-secondary);font-size:18px;font-weight:500;margin-bottom:20px;padding:10px 0;border:none;cursor:pointer;transition:all .2s ease}.back-btn:hover{color:var(--text-primary)}.trash-header h1{font-size:36px;font-weight:600}.trash-lists{display:flex;flex-direction:column;gap:16px}.trash-item{background:var(--bg-secondary);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.trash-item-info{flex:1}.trash-item-info h3{font-size:20px;font-weight:600;margin-bottom:8px}.word-count{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.deleted-time{color:var(--text-secondary);font-size:12px}.trash-item-actions{display:flex;gap:12px}.btn-danger{padding:8px 16px;border-radius:8px;border:1px solid var(--accent-red);background:var(--accent-red);color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ff2d55}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:18px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}.watch-review-list{min-height:100vh;height:100vh;max-height:100vh;padding:20px;background:var(--bg-primary);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;position:relative}.watch-wordlist-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.watch-review-header{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.watch-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-secondary);font-size:18px;justify-content:center}.watch-checkbox-label input[type=checkbox]{width:24px;height:24px;cursor:pointer}.watch-words-list{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.watch-review-word-item{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.watch-review-word-item:active{background:var(--bg-tertiary)}.watch-review-word-main{display:flex;align-items:center;flex:1;min-width:0}.watch-review-word-text{font-size:32px;font-weight:500;color:var(--text-primary);word-break:break-word;line-height:1.5}.watch-review-star-btn{width:50px;height:50px;border-radius:50%;background:transparent;border:2px solid var(--border-color);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.watch-review-star-btn:active{background:var(--bg-tertiary);transform:scale(1.1)}[data-device=ebook] .watch-wordlist-btn,[data-device=ebook] .watch-back-btn,[data-device=ebook] .watch-nav-btn,[data-device=ebook] .watch-star-btn-large{transition:none}[data-device=ebook] .watch-wordlist-btn:hover,[data-device=ebook] .watch-back-btn:hover,[data-device=ebook] .watch-nav-btn:hover:not(:disabled),[data-device=ebook] .watch-star-btn-large:hover{transform:none}.watch-quick-quiz{min-height:100vh;height:100vh;max-height:100vh;padding:20px;background:var(--bg-primary);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;position:relative}.watch-page-title{position:sticky;top:0;background:var(--bg-primary);padding:16px 0;font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;z-index:100;border-bottom:1px solid var(--border-color);margin-bottom:16px}.watch-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:24px;color:var(--text-secondary)}.watch-wordlist-selector,.watch-filter-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.watch-title{font-size:32px;font-weight:600;margin-bottom:32px;color:var(--text-primary);text-align:center}.watch-wordlist-list{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.watch-wordlist-btn{width:100%;padding:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;font-size:20px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;display:flex;justify-content:space-between;align-items:center}.watch-wordlist-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.watch-wordlist-count{font-size:16px;color:var(--text-secondary)}.watch-back-btn{padding:16px 32px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;font-size:18px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.watch-back-btn:hover{background:var(--bg-tertiary)}.watch-back-btn-small{padding:12px 20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.watch-back-btn-small:hover{background:var(--bg-tertiary)}.watch-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:18px}.watch-wordlist-name{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center}.watch-checkbox-label-large{display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--text-primary);font-size:20px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color)}.watch-checkbox-label-large input[type=checkbox]{width:28px;height:28px;cursor:pointer}.watch-quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.watch-quiz-stats{display:flex;gap:16px;font-size:16px;color:var(--text-primary)}.watch-error-count{color:var(--accent-red)}.watch-correct-count{color:var(--accent-green)}.watch-quiz-content{flex:1;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:flex-start;padding-bottom:20px;min-height:0}.watch-question-word{font-size:36px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:8px;flex-shrink:0}.watch-options-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;flex-shrink:0}.watch-option-btn{width:100%;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;font-size:18px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;text-align:left;flex-shrink:0}.watch-option-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue)}.watch-option-btn.selected{border-color:var(--accent-blue);background:var(--bg-tertiary)}.watch-option-btn.correct{border-color:var(--accent-green);background:#34c7591a}.watch-option-btn.incorrect{border-color:var(--accent-red);background:#ff3b301a}.watch-option-btn.disabled{opacity:.5;cursor:not-allowed}.watch-option-label{font-weight:600;min-width:32px}.watch-option-text{flex:1}.watch-quiz-actions{margin-top:12px;flex-shrink:0;width:100%;max-width:400px;display:flex;justify-content:center}.watch-btn-primary{padding:16px 32px;background:var(--accent-blue);color:#fff;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;width:100%}.watch-btn-primary:hover{background:#0051d5}[data-device=ebook] .watch-wordlist-btn,[data-device=ebook] .watch-back-btn,[data-device=ebook] .watch-back-btn-small,[data-device=ebook] .watch-option-btn,[data-device=ebook] .watch-btn-primary{transition:none}[data-device=ebook] .watch-wordlist-btn:hover,[data-device=ebook] .watch-back-btn:hover,[data-device=ebook] .watch-back-btn-small:hover,[data-device=ebook] .watch-option-btn:hover:not(:disabled),[data-device=ebook] .watch-btn-primary:hover{transform:none}.app-footer{margin-top:auto;padding:20px 40px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer-content{width:90%;max-width:90%;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:16px}.footer-text{color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.footer-avatar{flex-shrink:0}.footer-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}@media (max-width: 768px){.app-footer{padding:16px 20px}.footer-content{flex-direction:column;text-align:center;gap:12px}.footer-text{font-size:12px}.footer-avatar img{width:44px;height:44px}}.version-badge{position:fixed;top:0;left:0;z-index:9999;padding:4px 8px;color:#999;font-size:11px;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none}.app-container{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #ffffff;--text-secondary: #98989d;--accent-blue: #007aff;--accent-green: #34c759;--accent-red: #ff3b30;--border-color: #38383a;--hover-bg: #2c2c2e}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--text-primary: #000000;--text-secondary: #6e6e73;--accent-blue: #007aff;--accent-green: #34c759;--accent-red: #ff3b30;--border-color: #c7c7cc;--hover-bg: #e5e5ea}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh;width:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}input,textarea{font-family:inherit;outline:none;border:none}a{color:inherit;text-decoration:none}[data-device=ebook] *{transition:none!important;animation:none!important}[data-device=ebook]{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--text-primary: #000000;--text-secondary: #6e6e73;--accent-blue: #007aff;--accent-green: #34c759;--accent-red: #ff3b30;--border-color: #c7c7cc;--hover-bg: #e5e5ea}[data-device=ebook] [data-theme=dark]{--bg-primary: #ffffff;--bg-secondary: #f2f2f7;--bg-tertiary: #e5e5ea;--text-primary: #000000;--text-secondary: #6e6e73;--border-color: #c7c7cc;--hover-bg: #e5e5ea}[data-device=ebook] body{background:#fff;color:#000}[data-device=ebook] .theme-toggle-btn{display:none}[data-device=watch] html,[data-device=watch] body{width:100%;margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-primary)}[data-device=watch] #root,[data-device=watch] .app-container{min-height:100vh;width:100%;position:relative;background-color:var(--bg-primary)}[data-device=watch] .watch-auth{overflow-y:auto;-webkit-overflow-scrolling:touch}