.cf-app{--cf-blue:#1976d2;--cf-green:#2e7d32;--cf-red:#c62828;--cf-orange:#ef6c00;--cf-bar1:#43a047;--cf-bar2:#1e88e5;--cf-border:#dfe3e8;--cf-soft:#f6f8fa;max-width:1100px;margin:20px auto;padding:16px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#263238;background:#f9fafb;border-radius:12px;box-sizing:border-box}.cf-app *,.cf-app *::before,.cf-app *::after{box-sizing:border-box}.cf-app [hidden]{display:none!important}.cf-app h2,.cf-app h3,.cf-app h4{margin:0 0 12px;line-height:1.3}.cf-app h4{margin-top:22px}.cf-app p{margin:6px 0}.cf-app .cf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;border-bottom:2px solid var(--cf-border)}.cf-app .cf-tab-btn{padding:12px 20px;border:none;border-bottom:3px solid #fff0;margin-bottom:-2px;background:#fff0;color:#455a64;font-size:16px;cursor:pointer;border-radius:8px 8px 0 0;transition:background .2s,color .2s}.cf-app .cf-tab-btn:hover{background:#eef2f6}.cf-app .cf-tab-btn.active{border-bottom-color:var(--cf-blue);color:var(--cf-blue);font-weight:700;background:#fff}.cf-app .cf-tab-content{display:none;background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px rgb(0 0 0 / .06)}.cf-app .cf-tab-content.active{display:block}.cf-app .cf-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border:none;border-radius:8px;font-size:16px;line-height:1.2;color:#fff;cursor:pointer;transition:filter .2s,transform .1s}.cf-app .cf-btn:hover:not(:disabled){filter:brightness(.92)}.cf-app .cf-btn:active:not(:disabled){transform:translateY(1px)}.cf-app .cf-btn:disabled{opacity:.5;cursor:not-allowed}.cf-app .cf-btn-primary{background:#43a047}.cf-app .cf-btn-secondary{background:#607d8b}.cf-app .cf-btn-info{background:#0097a7}.cf-app .cf-btn-warning{background:var(--cf-orange)}.cf-app .cf-btn-success{background:var(--cf-blue)}.cf-app .cf-action-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.cf-app .cf-input{padding:8px 10px;font-size:20px;text-align:center;border:2px solid var(--cf-border);border-radius:8px;background:#fff;color:inherit;-moz-appearance:textfield}.cf-app .cf-input:focus{outline:none;border-color:var(--cf-blue);box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.cf-app .cf-error{margin:14px auto 0;max-width:640px;padding:10px 14px;border-radius:8px;background:#ffebee;color:var(--cf-red);text-align:center}.cf-app .cf-fraction-input-section{display:flex;align-items:center;justify-content:center;gap:28px}.cf-app .cf-fraction-input-group{flex:0 1 260px;text-align:center;padding:16px;background:var(--cf-soft);border-radius:10px}.cf-app .cf-fraction-input-group h3{font-size:17px;color:#37474f}.cf-app .cf-fraction-editor{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0}.cf-app .cf-whole-section .cf-input{width:80px}.cf-app .cf-fraction-display{display:flex;flex-direction:column;align-items:center}.cf-app .cf-fraction-display .cf-input{width:110px}.cf-app .cf-fraction-line{display:block;width:110px;height:3px;margin:6px 0;background:#37474f;border-radius:2px}.cf-app .cf-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.cf-app .cf-compare-symbol{min-width:70px;font-size:54px;font-weight:700;text-align:center;color:#90a4ae}.cf-app .cf-result-section{margin-top:24px;padding:20px;background:var(--cf-soft);border-radius:10px}.cf-app .cf-result-box{padding:16px;text-align:center;background:#fff;border-radius:10px;border-top:4px solid var(--cf-blue)}.cf-app .cf-result-gt{border-top-color:var(--cf-green)}.cf-app .cf-result-lt{border-top-color:var(--cf-red)}.cf-app .cf-result-math{font-size:22px;overflow-x:auto;overflow-y:hidden}.cf-app .cf-result-text{font-size:18px}.cf-app .cf-note{color:#546e7a;font-style:italic}.cf-app .cf-steps-display{display:flex;flex-direction:column;gap:10px}.cf-app .cf-step{padding:12px 16px;background:#fff;border-left:4px solid var(--cf-blue);border-radius:6px;overflow-x:auto;overflow-y:hidden}.cf-app .cf-step-conclusion{border-left-color:var(--cf-green);background:#f1f8e9}.cf-app .cf-step-extra{border-left-color:#90a4ae}.cf-app .cf-step p{margin:6px 0 0}.cf-app .cf-bar-chart,.cf-app .cf-number-line{padding:16px;background:#fff;border-radius:10px}.cf-app .cf-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cf-app .cf-bar-label{min-width:70px;text-align:right;font-size:18px}.cf-app .cf-bar-track{position:relative;flex:1;height:36px;background-color:#eceff1;border-radius:6px;overflow:hidden}.cf-app .cf-bar{height:100%;opacity:.85;transition:width .5s ease}.cf-app .cf-bar-1{background:var(--cf-bar1)}.cf-app .cf-bar-2{background:var(--cf-bar2)}.cf-app .cf-unit-mark{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#263238}.cf-app .cf-bar-value{min-width:60px;font-weight:700}.cf-app .cf-chart-caption{margin-top:4px;font-size:14px;color:#607d8b;text-align:center}.cf-app .cf-pies{display:flex;justify-content:center;gap:40px;margin-top:14px}.cf-app .cf-pie{margin:0;text-align:center}.cf-app .cf-pie svg{width:130px;height:130px}.cf-app .cf-pie path,.cf-app .cf-pie circle{stroke:#fff;stroke-width:1}.cf-app .cf-pie-off{fill:#eceff1}.cf-app .cf-pie-1 .cf-pie-on{fill:var(--cf-bar1)}.cf-app .cf-pie-2 .cf-pie-on{fill:var(--cf-bar2)}.cf-app .cf-number-line svg{width:100%;height:auto}.cf-app .cf-nl-axis,.cf-app .cf-nl-tick{stroke:#455a64;stroke-width:2}.cf-app .cf-nl-num{font-size:14px;fill:#455a64}.cf-app .cf-nl-label{font-size:15px;font-weight:700}.cf-app circle.cf-nl-1,.cf-app text.cf-nl-1{fill:var(--cf-bar1)}.cf-app circle.cf-nl-2,.cf-app text.cf-nl-2{fill:var(--cf-bar2)}.cf-app .cf-verify-list{margin:0;padding:12px 16px;list-style:none;background:#fff;border-radius:8px;font-size:15px}.cf-app .cf-verify-list li{padding:3px 0}.cf-app .cf-verify-list li.fail,.cf-app .cf-verify-warning{color:var(--cf-red)}.cf-app .cf-verify-inline{margin-top:12px;font-size:15px;color:#455a64}.cf-app .cf-multiple-section h3 small{font-weight:400;color:#78909c}.cf-app .cf-multi-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.cf-app .cf-multi-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cf-soft);border-radius:8px}.cf-app .cf-multi-index{min-width:26px;font-weight:700}.cf-app .cf-fraction-inline{display:flex;align-items:center;gap:6px}.cf-app .cf-fraction-inline .cf-input{width:76px;font-size:17px}.cf-app .cf-slash{font-size:22px;color:#607d8b}.cf-app .cf-btn-remove{margin-left:auto;padding:6px 10px;border:none;border-radius:6px;background:#ef5350;color:#fff;font-size:14px;cursor:pointer}.cf-app .cf-btn-remove:disabled{opacity:.35;cursor:not-allowed}.cf-app .cf-sort-options{display:flex;gap:20px;margin-bottom:12px}.cf-app .cf-sort-options label{cursor:pointer}.cf-app .cf-sorted-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.cf-app .cf-sorted-item{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 14px;background:#fff;border-left:4px solid var(--cf-bar1);border-radius:8px}.cf-app .cf-rank{min-width:34px;font-size:22px;font-weight:700;color:var(--cf-bar1)}.cf-app .cf-sorted-frac{min-width:60px;font-size:18px}.cf-app .cf-decimal{color:#455a64}.cf-app .cf-original-index{color:#90a4ae;font-size:14px}.cf-app .cf-badge{padding:2px 10px;border-radius:20px;font-size:13px;font-weight:600}.cf-app .cf-badge-max{background:#e8f5e9;color:var(--cf-green)}.cf-app .cf-badge-min{background:#fff3e0;color:var(--cf-orange)}.cf-app .cf-practice-settings{max-width:560px;margin:0 auto}.cf-app .cf-setting-group{margin-bottom:16px}.cf-app .cf-setting-group label{display:block;margin-bottom:6px;font-weight:700}.cf-app .cf-setting-group select,.cf-app .cf-setting-group input{width:100%;padding:10px;font-size:16px;border:2px solid var(--cf-border);border-radius:8px;background:#fff}.cf-app .cf-hint{margin-bottom:16px;color:#607d8b;font-size:14px}.cf-app .cf-practice-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--cf-border)}.cf-app .cf-practice-stats{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:17px}.cf-app .cf-stat-ok strong{color:var(--cf-green)}.cf-app .cf-stat-bad strong{color:var(--cf-red)}.cf-app .cf-progress{height:6px;margin:12px 0 18px;background:#eceff1;border-radius:3px;overflow:hidden}.cf-app .cf-progress-bar{width:0;height:100%;background:var(--cf-blue);transition:width .3s}.cf-app .cf-question-label{display:flex;align-items:center;gap:10px}.cf-app .cf-q-number{font-size:20px;font-weight:700}.cf-app .cf-q-type{padding:2px 10px;border-radius:20px;background:#e3f2fd;color:var(--cf-blue);font-size:13px}.cf-app .cf-question-display{margin:14px 0 6px;font-size:19px;text-align:center}.cf-app .cf-q-math{font-size:22px;overflow-x:auto;overflow-y:hidden}.cf-app .cf-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.cf-app .cf-choice-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:2px solid var(--cf-border);border-radius:10px;background:#fff;color:inherit;font-size:18px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .1s}.cf-app .cf-choice-btn:hover:not(:disabled){border-color:var(--cf-blue);background:#f3f8fe;transform:translateY(-1px)}.cf-app .cf-choice-btn:disabled{cursor:default}.cf-app .cf-choice-btn.correct{border-color:var(--cf-green);background:#e8f5e9}.cf-app .cf-choice-btn.incorrect{border-color:var(--cf-red);background:#ffebee}.cf-app .cf-choice-label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e3f2fd;color:var(--cf-blue);font-weight:700}.cf-app .cf-choice-btn.correct .cf-choice-label{background:var(--cf-green);color:#fff}.cf-app .cf-choice-btn.incorrect .cf-choice-label{background:var(--cf-red);color:#fff}.cf-app .cf-choice-text{flex:1;padding:4px 0;overflow-x:auto;overflow-y:hidden}.cf-app .cf-feedback{margin-top:18px}.cf-app .cf-feedback-correct,.cf-app .cf-feedback-incorrect{padding:14px 16px;border-radius:8px;overflow-x:auto;overflow-y:hidden}.cf-app .cf-feedback-correct{background:#e8f5e9;border-left:4px solid var(--cf-green)}.cf-app .cf-feedback-correct>strong{color:var(--cf-green)}.cf-app .cf-feedback-incorrect{background:#ffebee;border-left:4px solid var(--cf-red)}.cf-app .cf-feedback-incorrect>strong{color:var(--cf-red)}.cf-app .cf-practice-controls{margin-top:16px;text-align:center}.cf-app .cf-practice-result{text-align:center}.cf-app .cf-final-stats{margin:18px auto;max-width:520px;padding:18px;background:var(--cf-soft);border-radius:10px;font-size:18px}.cf-app .cf-final-message{margin-top:10px;font-weight:600}.cf-app .cf-review{display:flex;flex-direction:column;gap:12px;margin-top:20px;text-align:left}.cf-app .cf-review-item{padding:14px 16px;border-radius:8px;border-left:4px solid var(--cf-green);background:#fff;box-shadow:0 1px 4px rgb(0 0 0 / .06);overflow-x:auto;overflow-y:hidden}.cf-app .cf-review-item.fail{border-left-color:var(--cf-red)}.cf-app .cf-review-item details{margin-top:8px}.cf-app .cf-review-item summary{cursor:pointer;color:var(--cf-blue)}html body .cf-app.cf-app button.cf-tab-btn,html body .cf-app.cf-app button.cf-btn,html body .cf-app.cf-app button.cf-btn-remove,html body .cf-app.cf-app button.cf-choice-btn{margin:0!important;font-weight:400!important;box-shadow:none!important}html body .cf-app.cf-app button.cf-tab-btn{padding:12px 20px!important;margin-bottom:-2px!important;background:transparent!important;color:#455a64!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:8px 8px 0 0!important}html body .cf-app.cf-app button.cf-tab-btn:hover{background:#eef2f6!important}html body .cf-app.cf-app button.cf-tab-btn.active{background:#fff!important;color:var(--cf-blue)!important;border-bottom-color:var(--cf-blue)!important;font-weight:700!important}html body .cf-app.cf-app button.cf-btn{padding:11px 20px!important;border:0!important;border-radius:8px!important;color:#fff!important;font-weight:600!important}html body .cf-app.cf-app button.cf-btn-primary{background:#43a047!important}html body .cf-app.cf-app button.cf-btn-secondary{background:#607d8b!important}html body .cf-app.cf-app button.cf-btn-info{background:#0097a7!important}html body .cf-app.cf-app button.cf-btn-warning{background:var(--cf-orange)!important}html body .cf-app.cf-app button.cf-btn-success{background:var(--cf-blue)!important}html body .cf-app.cf-app button.cf-btn-primary:hover:not(:disabled){background:#388e3c!important}html body .cf-app.cf-app button.cf-btn-secondary:hover:not(:disabled){background:#546e7a!important}html body .cf-app.cf-app button.cf-btn-info:hover:not(:disabled){background:#00838f!important}html body .cf-app.cf-app button.cf-btn-warning:hover:not(:disabled){background:#e65100!important}html body .cf-app.cf-app button.cf-btn-success:hover:not(:disabled){background:#1565c0!important}html body .cf-app.cf-app button.cf-btn-remove,html body .cf-app.cf-app button.cf-btn-remove:hover{padding:6px 10px!important;margin-left:auto!important;border:0!important;border-radius:6px!important;background:#ef5350!important;color:#fff!important}html body .cf-app.cf-app button.cf-choice-btn{padding:14px 16px!important;border:2px solid var(--cf-border)!important;border-radius:10px!important;background:#fff!important;color:#263238!important}html body .cf-app.cf-app button.cf-choice-btn:hover:not(:disabled){border-color:var(--cf-blue)!important;background:#f3f8fe!important}html body .cf-app.cf-app button.cf-choice-btn:disabled,html body .cf-app.cf-app button.cf-choice-btn:disabled:hover{background:#fff!important;opacity:1}html body .cf-app.cf-app button.cf-choice-btn.correct,html body .cf-app.cf-app button.cf-choice-btn.correct:hover{border-color:var(--cf-green)!important;background:#e8f5e9!important}html body .cf-app.cf-app button.cf-choice-btn.incorrect,html body .cf-app.cf-app button.cf-choice-btn.incorrect:hover{border-color:var(--cf-red)!important;background:#ffebee!important}html body .cf-app.cf-app p,html body .cf-app.cf-app li{font-family:inherit;font-size:inherit;color:inherit;line-height:1.6;margin:6px 0!important}@media (max-width:768px){.cf-app{padding:8px}.cf-app .cf-tab-content{padding:16px}.cf-app .cf-tabs{flex-direction:column}.cf-app .cf-fraction-input-section{flex-direction:column;gap:10px}.cf-app .cf-fraction-input-group{width:100%;flex-basis:auto}.cf-app .cf-compare-symbol{font-size:44px}.cf-app .cf-choices{grid-template-columns:1fr}.cf-app .cf-bar-label{min-width:50px}}.at-math-article .at-math-figure{overflow-y:hidden}@media print{.cf-app .cf-tabs,.cf-app .cf-action-buttons,.cf-app .cf-practice-controls,.cf-app button{display:none!important}}