:root{--calc-page-bg:#f8fafc;--calc-panel-bg:#ffffff;--calc-text-main:#0f172a;--calc-text-muted:#64748b;--calc-border:#e2e8f0;--calc-border-hover:#cbd5e1;--calc-primary:#2563eb;--calc-primary-hover:#1d4ed8;--calc-listening:#2563eb;--calc-listening-light:#eff6ff;--calc-reading:#059669;--calc-reading-light:#ecfdf5;--calc-writing:#7c3aed;--calc-writing-light:#f5f3ff;--calc-speaking:#d97706;--calc-speaking-light:#fffbeb;--calc-tab-track:#f1f5f9;--calc-tab-active-bg:#ffffff;--calc-tab-active-text:#2563eb;--calc-tab-hover-text:#0f172a;--calc-shadow-sm:0 1px 3px rgba(15, 23, 42, 0.05);--calc-shadow-md:0 8px 20px -4px rgba(15, 23, 42, 0.06)}.toefl-dark{--calc-page-bg:#0f172a;--calc-panel-bg:#1e293b;--calc-text-main:#f8fafc;--calc-text-muted:#94a3b8;--calc-border:#334155;--calc-border-hover:#475569;--calc-tab-track:#0f172a;--calc-tab-active-bg:#1e293b;--calc-tab-active-text:#60a5fa;--calc-tab-hover-text:#ffffff;--calc-listening-light:rgba(37, 99, 235, 0.15);--calc-reading-light:rgba(5, 150, 105, 0.15);--calc-writing-light:rgba(124, 58, 237, 0.15);--calc-speaking-light:rgba(217, 119, 6, 0.15)}.ielts-calc-wrapper{background:var(--calc-page-bg);width:100%;box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:20px 10px 40px;display:flex;flex-direction:column;align-items:center;transition:background 0.2s ease}.ielts-hero-header{text-align:center;padding:16px 20px 24px;color:var(--calc-text-main);max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#e0e7ff;color:#3730a3;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:12px;border:1px solid #c7d2fe}.toefl-dark .hero-badge{background:rgb(99 102 241 / .15);color:#a5b4fc;border-color:rgb(99 102 241 / .3)}.hero-title{font-size:2.25rem;font-weight:800;margin:0 0 10px 0;letter-spacing:-.03em;color:var(--calc-text-main)!important;-webkit-text-fill-color:initial!important}.gradient-text-animate{color:var(--calc-text-main)!important;-webkit-text-fill-color:initial!important;background:none!important}.hero-subtitle{font-size:1rem;line-height:1.6;color:var(--calc-text-muted);font-weight:400;margin:0 auto}.ielts-calc-container{width:100%;max-width:920px;margin:0 auto;background:var(--calc-panel-bg);border-radius:16px;box-shadow:var(--calc-shadow-md);border:1px solid var(--calc-border);overflow:hidden;transition:border-color 0.2s ease}.calc-header{background:var(--calc-panel-bg);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--calc-border);gap:16px;flex-wrap:wrap}.calc-tabs{background:var(--calc-tab-track);padding:4px;border-radius:10px;display:inline-flex;gap:4px;border:1px solid var(--calc-border)}.calc-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #fff0;background:#fff0;color:var(--calc-text-muted)!important;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all 0.15s ease;user-select:none}.calc-tab:hover{color:var(--calc-tab-hover-text)!important;background:rgb(255 255 255 / .6)}.calc-tab.calc-active{background:var(--calc-tab-active-bg)!important;color:var(--calc-tab-active-text)!important;border-color:var(--calc-border);box-shadow:var(--calc-shadow-sm);font-weight:700}.calc-tab svg{width:18px;height:18px}.mode-toggle{display:inline-flex;background:var(--calc-tab-track);padding:4px;border-radius:10px;border:1px solid var(--calc-border);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.mode-btn{padding:7px 16px;border:1px solid #fff0;background:#fff0;font-size:.85rem;font-weight:600;color:var(--calc-text-muted)!important;cursor:pointer;border-radius:7px;transition:all 0.15s ease;user-select:none}.mode-btn:hover{color:var(--calc-tab-hover-text)!important;background:rgb(255 255 255 / .6)}.mode-btn.calc-active{background:var(--calc-primary)!important;color:#ffffff!important;border-color:var(--calc-primary);box-shadow:0 2px 5px rgb(37 99 235 / .2);font-weight:700}.calc-panel{display:none;padding:32px 36px}.calc-panel.calc-active{display:block;animation:fadeIn 0.25s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-intro{margin-bottom:28px}.panel-title{font-size:1.5rem;font-weight:800;color:var(--calc-text-main);margin:0 0 8px 0;letter-spacing:-.02em}.panel-desc{color:var(--calc-text-muted);font-size:.95rem;line-height:1.6;margin:0}.overall-inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.score-card{background:var(--calc-panel-bg);border:1px solid var(--calc-border);border-radius:14px;padding:20px;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden}.score-card:hover{border-color:var(--calc-border-hover);box-shadow:var(--calc-shadow-sm)}.score-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.input-label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.85rem;color:var(--calc-text-main);letter-spacing:.04em}.skill-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.skill-icon-listening{background:var(--calc-listening-light);color:var(--calc-listening)}.skill-icon-reading{background:var(--calc-reading-light);color:var(--calc-reading)}.skill-icon-writing{background:var(--calc-writing-light);color:var(--calc-writing)}.skill-icon-speaking{background:var(--calc-speaking-light);color:var(--calc-speaking)}.skill-tag{font-size:.75rem;font-weight:600;color:var(--calc-text-muted);background:var(--calc-tab-track);padding:4px 8px;border-radius:6px}.input-stepper-wrapper{display:flex;align-items:center;gap:10px}.stepper-btn{width:40px;height:40px;flex-shrink:0;border:1px solid var(--calc-border);background:var(--calc-panel-bg);color:var(--calc-text-main);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;user-select:none}.stepper-btn:hover{background:var(--calc-tab-track);border-color:var(--calc-border-hover);color:var(--calc-primary)}.stepper-btn:active{transform:scale(.94)}.score-input{flex:1;width:100%;height:40px;padding:0 12px;font-size:1.15rem;border:1px solid var(--calc-border);border-radius:8px;font-weight:700;color:var(--calc-text-main)!important;background:var(--calc-panel-bg)!important;text-align:center;transition:border-color 0.2s ease;-moz-appearance:textfield}.score-input:focus{outline:none;border-color:var(--calc-primary);box-shadow:0 0 0 3px rgb(37 99 235 / .12)}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-progress-track{width:100%;height:4px;background:var(--calc-tab-track);border-radius:2px;margin-top:14px;overflow:hidden}.input-progress-bar{height:100%;width:0%;border-radius:2px;transition:width 0.25s ease}.bar-listening{background:var(--calc-listening)}.bar-reading{background:var(--calc-reading)}.bar-writing{background:var(--calc-writing)}.bar-speaking{background:var(--calc-speaking)}.overall-result-card{background:#1e293b;border-radius:16px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--calc-shadow-md);position:relative;gap:24px;border:1px solid #334155}.result-card-glow{display:none}.result-left{display:flex;flex-direction:column;gap:4px}.result-label-badge{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#93c5fd;text-transform:uppercase}.result-big-score{font-size:5rem;font-weight:900;line-height:1;letter-spacing:-.03em;color:#ffffff!important;-webkit-text-fill-color:initial!important;background:none!important}.result-note{font-size:.85rem;color:#cbd5e1}.result-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.cefr-card{background:#0f172a;border:1px solid #334155;padding:12px 18px;border-radius:12px;text-align:right;min-width:210px}.cefr-badge-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:4px}.cefr-level-badge{background:#2563eb;color:#fff;font-weight:800;font-size:.9rem;padding:2px 10px;border-radius:6px}.cefr-title{font-size:1rem;font-weight:700;color:#fff}.cefr-desc{font-size:.8rem;color:#94a3b8}.score-breakdown-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.score-breakdown-chips .chip{background:#334155;border:1px solid #475569;padding:4px 10px;border-radius:16px;font-size:.8rem;color:#cbd5e1}.score-breakdown-chips .chip strong{color:#fff}.mode-status-bar{margin-bottom:20px}.current-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:.85rem;color:#1d4ed8;font-weight:600}.toefl-dark .current-mode-badge{background:rgb(30 58 138 / .4);border-color:#1e40af;color:#93c5fd}.current-mode-badge strong{color:#1d4ed8}.toefl-dark .current-mode-badge strong{color:#93c5fd}.info-box{background:#fffbeb;border:1px solid #fde68a;padding:16px 20px;border-radius:12px;display:flex;gap:14px;margin-bottom:28px;color:#92400e;font-size:.9rem;line-height:1.5}.toefl-dark .info-box{background:rgb(146 64 14 / .2);border-color:rgb(245 158 11 / .3);color:#fef3c7}.info-icon{flex-shrink:0;color:#d97706;margin-top:1px}.toefl-dark .info-icon{color:#f59e0b}.info-box p{margin:0}.converter-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.converter-card{border:1px solid var(--calc-border);border-radius:14px;overflow:hidden;background:var(--calc-panel-bg);transition:border-color 0.2s ease}.converter-card:hover{border-color:var(--calc-border-hover)}.converter-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--calc-border);background:var(--calc-tab-track)}.converter-card-title{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--calc-text-main)}.converter-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.converter-badge-gray{background:var(--calc-border);color:var(--calc-text-muted)}.converter-badge-green{background:#dcfce7;color:#166534}.converter-card-body{padding:24px}.raw-score-label{display:block;font-size:.85rem;font-weight:600;color:var(--calc-text-muted);margin-bottom:12px}.slider-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.raw-slider{flex:1;-webkit-appearance:none;appearance:none;height:8px;border-radius:999px;background:#e2e8f0;outline:none;cursor:pointer;border:none}.converter-card-listening .raw-slider{background:linear-gradient(to right,#2563eb var(--range-progress,0%),#e2e8f0 var(--range-progress,0%))}.converter-card-reading .raw-slider{background:linear-gradient(to right,#059669 var(--range-progress,0%),#e2e8f0 var(--range-progress,0%))}.raw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 2px 5px rgb(0 0 0 / .12);cursor:grab;transition:transform 0.15s ease}.converter-card-reading .raw-slider::-webkit-slider-thumb{border-color:#059669}.raw-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.raw-slider:active::-webkit-slider-thumb{cursor:grabbing}.raw-slider::-moz-range-track{height:8px;border-radius:999px;background:#e2e8f0}.raw-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 2px 5px rgb(0 0 0 / .12);cursor:grab}.converter-card-reading .raw-slider::-moz-range-thumb{border-color:#059669}.raw-number{width:68px;height:38px;padding:0 8px;text-align:center;font-weight:700;font-size:1.1rem;border:1px solid var(--calc-border);border-radius:8px;color:var(--calc-text-main)!important;background:var(--calc-panel-bg)!important;transition:border-color 0.2s ease}.raw-number:focus{outline:none;border-color:var(--calc-primary)}.band-result-box{border-radius:12px;padding:18px;text-align:center;color:#fff}.listening-result{background:#2563eb}.reading-result{background:#059669}.band-result-label{font-size:.85rem;font-weight:700;opacity:.9;letter-spacing:.05em;text-transform:uppercase}.band-result-score{font-size:3.5rem;font-weight:900;line-height:1;margin-top:4px}.ielts-seo-guide-section{width:100%;max-width:920px;margin:32px auto 0;background:var(--calc-panel-bg);border:1px solid var(--calc-border);border-radius:16px;padding:32px;box-sizing:border-box}.seo-guide-title{font-size:1.35rem;font-weight:800;color:var(--calc-text-main);margin:0 0 10px 0;letter-spacing:-.02em}.seo-guide-lead{font-size:.95rem;line-height:1.6;color:var(--calc-text-muted);margin-bottom:24px}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.seo-guide-card{background:var(--calc-tab-track);border:1px solid var(--calc-border);border-radius:12px;padding:20px}.seo-guide-card h3{font-size:1rem;font-weight:700;color:var(--calc-text-main);margin:0 0 10px 0}.seo-guide-card p,.seo-guide-card ul{font-size:.875rem;line-height:1.55;color:var(--calc-text-muted);margin:0;padding-left:0}.seo-guide-card ul{margin-top:8px;padding-left:18px}.seo-guide-card li{margin-bottom:6px}.seo-faq-accordion h3{font-size:1.1rem;font-weight:700;color:var(--calc-text-main);margin:0 0 14px 0}.faq-item{border:1px solid var(--calc-border);border-radius:10px;margin-bottom:10px;background:var(--calc-panel-bg);overflow:hidden}.faq-item summary{padding:14px 18px;font-size:.9rem;font-weight:600;color:var(--calc-text-main);cursor:pointer;user-select:none;transition:background 0.15s ease}.faq-item summary:hover{background:var(--calc-tab-track)}.faq-answer{padding:0 18px 14px 18px;font-size:.875rem;line-height:1.55;color:var(--calc-text-muted);border-top:1px solid var(--calc-border);margin-top:0;padding-top:12px}.faq-answer p{margin:0}@media (max-width:768px){.ielts-calc-wrapper{padding:10px 0}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.calc-panel{padding:20px 16px}.calc-header{flex-direction:column-reverse;align-items:stretch;gap:12px}.calc-tabs,.mode-toggle{width:100%;box-sizing:border-box}.calc-tab,.mode-btn{flex:1;justify-content:center;text-align:center;padding:10px 12px;font-size:.85rem}.overall-inputs-grid,.converter-cards-grid{grid-template-columns:1fr;gap:16px}.overall-result-card{flex-direction:column;align-items:flex-start;padding:20px;gap:20px}.result-right{align-items:flex-start;width:100%}.cefr-card{width:100%;text-align:left;box-sizing:border-box}.cefr-badge-row{justify-content:flex-start}.score-breakdown-chips{justify-content:flex-start;flex-wrap:wrap;gap:8px}.seo-guide-grid{grid-template-columns:1fr}.ielts-seo-guide-section{padding:20px 16px;margin-top:24px}}@media (max-width:480px){.result-big-score{font-size:3.5rem}.score-card{padding:16px}.stepper-btn{width:36px;height:36px}.score-input{font-size:1.25rem}}