:root{--color-blue: #BFDBFE;--color-yellow: #FEF08A;--color-red: #FECACA;--color-green: #BBF7D0}.page-wrapper{max-width:800px;margin:40px auto;padding:0 20px}.trust-line{margin-top:8px;font-size:.9rem!important;color:#94a3b8!important;font-weight:500}.calc-container{background:var(--white);padding:30px;border-radius:var(--radius);border:1px solid var(--color-border-tertiary)}.mode-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.pill{padding:8px 16px;border-radius:20px;border:1px solid var(--color-border-tertiary);background:var(--bg-color);color:var(--text-light);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.pill.active{background:var(--bg-color);color:var(--primary);border-color:var(--primary)}.pill:disabled{opacity:.5;cursor:not-allowed}.callout{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;font-weight:500;text-align:center}.callout-warning{background:var(--bg-color);color:var(--color-orange);border:1px solid var(--color-border-tertiary)}.callout-info{background:var(--bg-color);color:var(--primary);border:1px solid var(--color-border-tertiary)}.input-section{display:flex;gap:20px;margin-bottom:20px}.input-col{flex:1;display:flex;flex-direction:column}.input-col label{font-weight:500;color:var(--text-dark);margin-bottom:8px}.input-col input{padding:12px;border:1px solid var(--color-border-tertiary);border-radius:8px;font-size:1.1rem;font-family:Courier New,Courier,monospace;transition:border-color .2s}.input-col input:focus{outline:none;border-color:var(--primary)}.input-error{border-color:var(--color-red)!important}.input-success{border-color:var(--color-green)!important}.input-error-text{color:var(--color-red);font-size:.85rem;margin-top:4px;font-weight:500}.poly-preview{min-height:24px;margin-top:8px;font-family:Times New Roman,Times,serif;font-size:1.1rem;color:var(--primary);font-style:italic}.quick-examples-wrapper{overflow-x:auto;padding-bottom:10px;margin-bottom:20px}.quick-examples{display:flex;gap:10px;min-width:max-content}.example-btn{background:var(--bg-color);border:1px solid var(--color-border-tertiary);color:var(--text-light);padding:6px 12px;border-radius:16px;font-size:.85rem;cursor:pointer;transition:all .2s}.example-btn:hover{background:var(--color-border-tertiary);color:var(--text-dark)}.submit-btn{width:100%;padding:14px;background:var(--primary-gradient);color:var(--white);border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:opacity .2s;margin-bottom:30px}.submit-btn:hover{opacity:.9}.share-btn{width:100%;padding:12px;background:var(--bg-color);color:var(--text-light);border:1px solid var(--color-border-tertiary);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:20px}.share-btn:hover{background:var(--color-border-tertiary);color:var(--text-dark)}.tower-container{overflow-x:auto;padding:20px;background:var(--bg-color);border:1px solid var(--color-border-tertiary);border-radius:8px;margin-bottom:20px;font-family:Times New Roman,Times,serif;font-size:1.2rem;line-height:1.5;white-space:nowrap;min-height:150px;transition:border-color .3s}.tower-completed{border-color:var(--color-green)!important}.division-table{border-collapse:collapse;margin:0 auto}.division-table td{padding:4px 8px;text-align:right;min-width:40px;transition:background-color .25s ease,opacity .2s ease}.quotient-row td{border-bottom:1px solid var(--text-dark)}.divisor-cell{border-right:1px solid var(--text-dark);padding-right:12px!important;vertical-align:top}.multiply-row td{border-bottom:1px solid var(--text-dark)}.synth-table{border-collapse:collapse;margin:0 auto;font-family:Times New Roman,Times,serif;font-size:1.2rem}.synth-table td{padding:6px 12px;text-align:right;min-width:40px;transition:background-color .25s ease,opacity .2s ease}.synth-divisor-cell{border-right:1px solid var(--text-dark);padding-right:15px!important}.synth-mid-row td{border-bottom:1px solid var(--text-dark)}.synth-rem-cell{border-left:1px dashed var(--text-dark)}.step-divide{background-color:var(--color-blue)!important}.step-multiply{background-color:var(--color-yellow)!important}.step-subtract,.step-add{background-color:var(--color-red)!important}.step-bring-down{background-color:var(--color-green)!important}.future-row{opacity:.25}.step-navigator{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:15px}.nav-btn{padding:8px 16px;background:var(--bg-color);border:1px solid var(--color-border-tertiary);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--color-border-tertiary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.step-counter{font-weight:500;color:var(--text-dark)}.step-explanation-card{background:var(--bg-color);border:1px solid var(--color-border-tertiary);border-radius:8px;padding:15px;text-align:center;margin-bottom:30px;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.step-badge{font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.badge-divide{background:var(--color-blue);color:var(--text-dark)}.badge-multiply{background:var(--color-yellow);color:var(--text-dark)}.badge-subtract{background:var(--color-red);color:var(--text-dark)}.badge-bring-down{background:var(--color-green);color:var(--text-dark)}.badge-add{background:var(--color-red);color:var(--text-dark)}.step-text{font-size:15px;color:var(--text-dark);margin:0}.final-answer-card{background:var(--bg-color);border:1px solid var(--color-border-tertiary);border-radius:8px;padding:20px;margin-bottom:20px}.final-title{font-weight:500;color:var(--text-dark);margin-bottom:15px;font-size:1.1rem}.answer-row{display:flex;margin-bottom:10px;font-size:1.1rem}.answer-label{font-weight:500;color:var(--text-dark);width:100px}.answer-val{font-family:Times New Roman,Times,serif;color:var(--text-dark);font-weight:500}.full-expression-box{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-border-tertiary)}.expression-title{font-size:.85rem;color:var(--text-dark);margin-bottom:5px;font-weight:500}.full-expression{font-family:Times New Roman,Times,serif;font-size:1.1rem;color:var(--text-dark);word-break:break-all}.copy-btn{background:transparent;border:1px solid var(--color-border-tertiary);color:var(--text-dark);padding:6px 12px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:15px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.copy-btn:hover{background:var(--color-green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.verification-card{background:var(--white);border:1px solid var(--color-border-tertiary);border-radius:8px;padding:15px}.verify-row{font-family:Times New Roman,Times,serif;color:var(--text-light);margin-bottom:10px}.verify-label{font-family:Inter,sans-serif;font-weight:500;color:var(--text-dark);margin-right:5px}.factor-badge{display:inline-block;background:var(--color-green);color:var(--text-dark);padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}@media(max-width:600px){.input-section{flex-direction:column;gap:15px}.mode-toggle{flex-direction:column}.pill{width:100%;text-align:center}}