.friction-calc{--bg:#fff;--bg2:#ebf2f1;--surface:#f3f6f5;--border:#dbe3e2;--border2:#c4d0ce;--text:#1c3842;--dim:#8a979b;--muted:#5d6f74;--accent:#ff3200;--accent2:#cc2900;--red:#ff3200;--green:#1c8a5a;--blue:#2f6dd0;--amber:#b9791b}.friction-calc *{box-sizing:border-box;margin:0;padding:0}.friction-calc{color:var(--text);font-family:var(--font-mono)}.wrap{max-width:960px;margin:0 auto;padding:120px 20px 80px}.problem-tabs{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:64px;margin-bottom:40px;display:grid;overflow:hidden}.ptab{background:var(--surface);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;border:0;padding:16px 14px;transition:background .14s;position:relative}.ptab:after{content:"";background:var(--accent);opacity:0;height:2px;transition:opacity .14s;position:absolute;bottom:0;left:0;right:0}.ptab:hover,.ptab.active{background:var(--bg2)}.ptab.active:after{opacity:1}.ptab-num{font-family:var(--font-mono);color:var(--dim);letter-spacing:1px;margin-bottom:6px;font-size:9px}.ptab-name{color:var(--text);font-size:12px;font-weight:400;line-height:1.3}.panel{display:none}.panel.active{display:block}.panel-layout{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1px;display:grid;overflow:hidden}.inputs-col{background:var(--surface);padding:28px 28px 32px}.output-col{background:var(--bg2);flex-direction:column;padding:28px 28px 32px;display:flex}.col-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;font-size:9px}.input-group{margin-bottom:20px}.input-label{color:var(--text);letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:400;display:block}.input-sub{font-family:var(--font-mono);color:var(--dim);margin-bottom:10px;font-size:10px;display:block}.slider-wrap{position:relative}.friction-calc input[type=range]{appearance:none;background:var(--border2);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.friction-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.friction-calc input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-val{font-family:var(--font-mono);color:var(--accent);margin-top:6px;font-size:13px;font-weight:400;display:block}.friction-calc select{background:var(--bg);border:1px solid var(--border2);width:100%;color:var(--text);font-size:12px;font-family:var(--font-mono);cursor:pointer;border-radius:4px;outline:none;padding:8px 12px}.friction-calc select:focus{border-color:var(--accent)}.cost-display{flex-direction:column;flex:1;justify-content:space-between;display:flex}.cost-main{margin-bottom:24px}.cost-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:9px}.cost-number{font-family:var(--font-mono);color:var(--red);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:52px;font-weight:400;line-height:1;transition:color .3s}.cost-number.low{color:var(--amber)}.cost-period{font-family:var(--font-mono);color:var(--dim);margin-top:4px;font-size:10px}.cost-breakdown{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.cost-line{background:var(--bg);border-left:2px solid var(--border2);border-radius:4px;justify-content:space-between;align-items:baseline;padding:8px 10px;display:flex}.cost-line.highlight{border-left-color:var(--accent)}.cost-line-label{color:var(--muted);font-size:11px}.cost-line-val{font-family:var(--font-mono);color:var(--text);font-size:12px;font-weight:400}.breakeven{background:var(--bg);border:1px solid var(--border2);border-radius:6px;margin-bottom:20px;padding:14px 16px}.be-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:9px}.be-bar-wrap{background:var(--border2);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.be-bar{background:var(--green);border-radius:2px;height:100%;transition:width .4s}.be-text{font-family:var(--font-mono);color:var(--green);font-size:11px}.services-rec{border-top:1px solid var(--border);background:var(--surface);padding:20px 28px 24px}.services-rec .col-label{color:var(--dim);margin-bottom:12px}.svc-chips{flex-wrap:wrap;gap:6px;display:flex}.svc-chip{font-family:var(--font-mono);letter-spacing:.3px;border:1px solid;border-radius:3px;padding:4px 10px;font-size:10px}.chip-found{color:#2f6dd0;background:#2f6dd012;border-color:#2f6dd040}.chip-inward{color:#1c8a5a;background:#1c8a5a12;border-color:#1c8a5a40}.chip-center{color:#b9791b;background:#b9791b12;border-color:#b9791b40}.chip-outward{color:#ff3200;background:#ff320012;border-color:#ff320040}.assumption{font-family:var(--font-mono);color:var(--dim);border-top:1px solid var(--border);margin-top:28px;padding-top:20px;font-size:9px;line-height:1.7}.footnotes{font-family:var(--font-mono);color:var(--dim);margin-top:12px;padding-left:18px;font-size:9px;line-height:1.7;list-style:decimal}@media (width<=680px){.problem-tabs{grid-template-columns:1fr 1fr}.panel-layout{grid-template-columns:1fr}.cost-number{font-size:38px}}.drag-block{border:1px solid var(--border);border-left:2px solid var(--border2);background:var(--surface);border-radius:4px;margin-top:12px;padding:10px 12px}.drag-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.drag-label{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);font-size:9px}.drag-val{font-family:var(--font-mono);color:var(--muted);font-size:13px;font-weight:400}.drag-note{font-family:var(--font-mono);color:var(--dim);font-size:9px;line-height:1.6}.drag-signal{font-family:var(--font-mono);color:var(--accent);margin-top:8px;font-size:9px;line-height:1.6;display:none}.drag-signal.visible{display:block}