#ielts-vocab-root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:900px;margin:0 auto}.ielts-vocab-login-notice{text-align:center;padding:40px 20px;background:#f0f6ff;border-radius:12px;border:1px solid #c5d8f7}.ielts-vocab-login-notice p{font-size:16px;color:#444;margin-bottom:16px}.ielts-vocab-login-btn{display:inline-block;background:#2271b1;color:#fff;padding:10px 28px;border-radius:6px;text-decoration:none;font-weight:600}.ielts-vocab-login-btn:hover{background:#135e96;color:#fff}.iv-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:2px solid #e0e0e0;margin-bottom:20px;flex-wrap:wrap;gap:10px}.iv-header h2{margin:0;font-size:22px;color:#1d2327}.iv-user-info{font-size:13px;color:#666}.iv-user-info strong{color:#2271b1}.iv-nav{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap;overflow-x:auto;padding-bottom:2px}.iv-nav-btn{padding:8px 18px;border:2px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:#444;transition:all .2s}.iv-nav-btn:hover{border-color:#2271b1;color:#2271b1}.iv-nav-btn.active{background:#2271b1;border-color:#2271b1;color:#fff}.iv-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.iv-stat{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px 18px;text-align:center;min-width:100px}.iv-stat-num{font-size:26px;font-weight:700;color:#2271b1;line-height:1}.iv-stat-num.green{color:#00a32a}.iv-stat-num.orange{color:#c77b00}.iv-stat-num.red{color:#c00}.iv-stat-label{font-size:12px;color:#888;margin-top:4px}.iv-progress-bar{background:#e0e0e0;border-radius:8px;height:8px;margin:16px 0;overflow:hidden}.iv-progress-fill{height:100%;background:linear-gradient(90deg,#2271b1,#00a32a);border-radius:8px;transition:width .4s ease}.iv-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.iv-filter-select{padding:6px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff}.iv-mode-btn{padding:6px 14px;border:1px solid #ccc;border-radius:16px;cursor:pointer;font-size:13px;background:#fff}.iv-mode-btn.active{background:#2271b1;color:#fff;border-color:#2271b1}.iv-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.iv-session-progress{font-size:14px;color:#666}.iv-flashcard{perspective:1000px;margin:0 auto 20px;max-width:600px;height:320px;cursor:pointer}.iv-flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.iv-flashcard.flipped .iv-flashcard-inner{transform:rotateY(180deg)}.iv-card-front,.iv-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1)}.iv-card-front{background:linear-gradient(135deg,#2271b1 0%,#135e96 100%);color:#fff}.iv-card-back{background:#fff;border:2px solid #e0e0e0;transform:rotateY(180deg);color:#1d2327}.iv-card-word{font-size:36px;font-weight:700;margin-bottom:8px}.iv-card-pronunciation{font-size:16px;opacity:.8;margin-bottom:6px}.iv-card-pos{font-size:13px;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:10px;display:inline-block}.iv-card-definition{font-size:16px;font-weight:600;margin-bottom:10px;line-height:1.5}.iv-card-example{font-size:14px;color:#666;font-style:italic;margin-bottom:10px;line-height:1.5}.iv-card-synonyms{font-size:13px;color:#999}.iv-card-synonyms span{color:#2271b1}.iv-card-hint{font-size:13px;opacity:.7;margin-top:12px}.iv-card-bookmark{position:absolute;top:14px;right:14px;font-size:22px;cursor:pointer;background:0 0;border:none;padding:4px;line-height:1}.iv-quiz-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.iv-btn{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;min-width:120px}.iv-btn:active{transform:scale(.97)}.iv-btn-correct{background:#00a32a;color:#fff}.iv-btn-correct:hover{background:#007a1e}.iv-btn-wrong{background:#d63638;color:#fff}.iv-btn-wrong:hover{background:#b32d2e}.iv-btn-flip{background:#f0f6ff;color:#2271b1;border:2px solid #c5d8f7}.iv-btn-flip:hover{background:#c5d8f7}.iv-btn-known{background:#fff;color:#888;border:2px solid #e0e0e0;font-size:13px;padding:8px 16px;min-width:auto}.iv-btn-known:hover{border-color:#00a32a;color:#00a32a}.iv-btn-primary{background:#2271b1;color:#fff}.iv-btn-primary:hover{background:#135e96}.iv-session-end{text-align:center;padding:40px 20px}.iv-session-end h3{font-size:24px;margin-bottom:8px}.iv-session-score{font-size:48px;font-weight:700;color:#2271b1;margin:16px 0}.iv-session-score span{font-size:20px;color:#888}.iv-word-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #f0f0f0}.iv-word-item:last-child{border-bottom:none}.iv-word-main{flex:1}.iv-word-name{font-size:18px;font-weight:700;color:#1d2327}.iv-word-pron{font-size:13px;color:#888;margin-left:8px}.iv-word-pos-badge{display:inline-block;background:#e8f0fe;color:#2271b1;font-size:11px;padding:2px 8px;border-radius:8px;margin-left:6px}.iv-word-def{font-size:14px;color:#444;margin-top:4px;line-height:1.5}.iv-word-ex{font-size:13px;color:#777;font-style:italic;margin-top:3px}.iv-word-status{font-size:12px;padding:3px 10px;border-radius:10px;white-space:nowrap;font-weight:600}.iv-word-status.new{background:#f0f0f0;color:#666}.iv-word-status.learning{background:#fff3e0;color:#c77b00}.iv-word-status.known{background:#e6f4ea;color:#00a32a}.iv-bm-btn{font-size:20px;cursor:pointer;background:0 0;border:none;padding:4px;line-height:1;flex-shrink:0}.iv-view{display:none}.iv-view.active{display:block}.iv-loading{text-align:center;padding:60px 20px;color:#888;font-size:16px}.iv-spinner{display:inline-block;width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#2271b1;border-radius:50%;animation:iv-spin .7s linear infinite;margin-bottom:12px}@keyframes iv-spin{to{transform:rotate(360deg)}}.iv-empty{text-align:center;padding:60px 20px;color:#888}.iv-empty-icon{font-size:48px;margin-bottom:12px}.iv-empty p{font-size:15px}.iv-week-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin:16px 0}.iv-week-bar{flex:1;background:#e8f0fe;border-radius:4px 4px 0 0;position:relative;min-height:4px;transition:height .3s}.iv-week-bar-fill{background:#2271b1;border-radius:4px 4px 0 0;width:100%;position:absolute;bottom:0;transition:height .3s}.iv-week-label{text-align:center;font-size:11px;color:#999;margin-top:4px}.iv-week-labels{display:flex;gap:6px}.iv-week-labels span{flex:1;text-align:center;font-size:11px;color:#999}@media (max-width:600px){.iv-card-word{font-size:28px}.iv-flashcard{height:280px}.iv-stats{gap:8px}.iv-stat{min-width:80px;padding:10px 12px}.iv-stat-num{font-size:22px}.iv-btn{padding:10px 18px;font-size:14px}}.iv-login-box{max-width:380px;margin:40px auto;padding:40px 32px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.iv-login-logo{font-size:52px;margin-bottom:12px}.iv-login-title{font-size:22px;font-weight:700;margin:0 0 8px;color:#1d2327}.iv-login-subtitle{color:#888;font-size:14px;margin-bottom:28px}.iv-google-btn-wrap{display:flex;justify-content:center;margin-bottom:16px;min-height:44px}.iv-login-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#ccc;font-size:13px}.iv-login-divider:before,.iv-login-divider:after{content:'';flex:1;height:1px;background:#e0e0e0}.iv-login-guest{font-size:13px;color:#888}.iv-login-guest a{color:#2271b1;text-decoration:none}.iv-login-guest a:hover{text-decoration:underline}.iv-login-prompt{text-align:center;padding:50px 20px;background:#f8f9ff;border:1px dashed #c5d8f7;border-radius:12px;margin-top:16px}.iv-study-toggle{display:flex;gap:8px;margin-bottom:16px}.iv-toggle-btn{padding:8px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.iv-toggle-btn.active{background:#2271b1;border-color:#2271b1;color:#fff}.iv-toggle-btn:hover:not(.active){border-color:#2271b1;color:#2271b1}.iv-tts-btn{background:rgba(255,255,255,.25);border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;position:absolute;top:14px;left:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.iv-tts-btn:hover{background:rgba(255,255,255,.4)}.iv-tts-quiz{position:static;background:#f0f6ff;border-radius:20px;width:auto;height:auto;padding:6px 14px;font-size:14px;margin-top:8px;color:#2271b1}.iv-tts-list{vertical-align:middle}.iv-quiz-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:16px}.iv-quiz-question{text-align:center;margin-bottom:24px}.iv-quiz-word{font-size:32px;font-weight:700;color:#2271b1;margin-bottom:6px}.iv-quiz-pron{font-size:15px;color:#888;margin-bottom:4px}.iv-quiz-prompt{font-size:14px;color:#666;margin-top:12px}.iv-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iv-quiz-option{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;line-height:1.5;text-align:left;transition:all .2s}.iv-quiz-option:hover:not(.disabled):not(.correct):not(.wrong){border-color:#2271b1;background:#f0f6ff}.iv-quiz-option.correct{border-color:#00a32a;background:#e6f4ea;color:#00a32a;font-weight:600}.iv-quiz-option.wrong{border-color:#d63638;background:#fce8e8;color:#d63638}.iv-quiz-option.disabled{opacity:.5;cursor:default}@media(max-width:500px){.iv-quiz-options{grid-template-columns:1fr}}.iv-due-btn{background:#fff3e0 !important;border-color:#f0a500 !important;color:#c77b00 !important}.iv-due-btn.active{background:#f0a500 !important;color:#fff !important}.iv-streak-box{display:inline-flex;align-items:center;gap:8px;background:#fff3e0;border:1px solid #f0c050;border-radius:20px;padding:8px 18px;font-size:15px;margin-bottom:16px}.iv-source-tabs{display:flex;gap:8px;margin-bottom:20px}.iv-src-tab{flex:1;padding:12px 16px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#888;border-radius:10px;transition:all .2s;text-align:center}.iv-src-tab:hover:not(.active){border-color:#2271b1;color:#2271b1;background:#f0f6ff}.iv-src-tab[data-source=system].active{background:#2271b1;border-color:#2271b1;color:#fff;box-shadow:0 4px 12px rgba(34,113,177,.3)}.iv-src-tab[data-source=personal].active{background:#00a32a;border-color:#00a32a;color:#fff;box-shadow:0 4px 12px rgba(0,163,42,.3)}.iv-personal-badge{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:11px;padding:2px 8px;border-radius:8px;margin-left:6px}.iv-myvocab{max-width:600px}.iv-add-word-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.iv-form-row{margin-bottom:12px}.iv-form-row label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:4px}.iv-form-row input:focus,.iv-form-row textarea:focus,.iv-form-row select:focus{outline:none;border-color:#2271b1 !important;box-shadow:0 0 0 2px rgba(34,113,177,.15)}.iv-nav-personal .iv-nav-btn.active{background:#00a32a;border-color:#00a32a}.iv-nav-personal .iv-nav-btn:hover:not(.active){border-color:#00a32a;color:#00a32a}.iv-nav-personal .iv-due-btn{background:#e6f4ea !important;border-color:#00a32a !important;color:#00a32a !important}.iv-nav-personal .iv-due-btn.active{background:#00a32a !important;color:#fff !important}.iv-leaderboard{max-width:700px}.iv-lb-table-wrap{overflow-x:auto}.iv-lb-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.iv-lb-table thead tr{background:#f0f6ff}.iv-lb-table thead th{padding:12px 14px;text-align:left;font-size:13px;color:#666;font-weight:600;white-space:nowrap}.iv-lb-row{border-bottom:1px solid #f0f0f0;transition:background .15s}.iv-lb-row:last-child{border-bottom:none}.iv-lb-row:hover{background:#fafafa}.iv-lb-row.iv-lb-me{background:#fffbf0 !important;border-left:3px solid #f0a500}.iv-lb-rank{padding:14px 12px;font-size:22px;text-align:center;width:44px}.iv-rank-num{display:inline-block;width:28px;height:28px;background:#e0e0e0;border-radius:50%;text-align:center;line-height:28px;font-size:13px;font-weight:700;color:#666}.iv-lb-name{padding:14px 8px;font-size:14px}.iv-lb-display{font-weight:600;color:#1d2327}.iv-lb-you{display:inline-block;background:#f0a500;color:#fff;font-size:11px;padding:2px 8px;border-radius:8px;margin-left:6px;font-weight:600}.iv-lb-streak{font-size:13px;margin-left:4px}.iv-lb-known{padding:14px 8px;font-size:18px;font-weight:700;color:#2271b1;white-space:nowrap}.iv-lb-sub{font-size:12px;color:#aaa;font-weight:400}.iv-lb-pct{padding:14px 8px;min-width:120px}.iv-lb-bar-wrap{background:#e8f0fe;border-radius:6px;height:8px;margin-bottom:4px}.iv-lb-bar{background:linear-gradient(90deg,#2271b1,#00a32a);height:8px;border-radius:6px;transition:width .4s}.iv-lb-pct-num{font-size:12px;color:#888}.iv-lb-acc{padding:14px 8px;font-size:14px;color:#666;white-space:nowrap}.iv-lb-myrank{background:#fffbf0;border:1px solid #f0a500;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:14px;color:#8a6000}@media (max-width:768px){.iv-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.iv-nav-btn{white-space:nowrap;flex-shrink:0}}