:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#14243b;background:#edf2f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:5}.skip:focus{left:8px}.shell{max-width:1180px;padding:0 24px;margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e3eb}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;background:#10243e;color:#63def0;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:-.5px}.brand div{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:18px}.brand div span{font-size:12px;color:#697b91}.edition{font-size:13px;color:#718398}.intro{padding:34px 0 24px}.intro h1{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.04em;margin:0 0 9px}.intro p{font-size:15px;color:#64758a;margin:0;line-height:1.6}.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(305px,.85fr);gap:18px;align-items:stretch}.panel{background:#fff;border:1px solid #dbe4ec;border-radius:19px;box-shadow:0 8px 30px rgba(28,52,82,.045)}.inputs,.result,.compare{padding:24px}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.section-heading h2{font-size:19px;letter-spacing:-.02em;margin:0}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff8fa;color:#087b8e;font-size:12px;font-weight:800}.tire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tire-card{min-width:0;margin:0;padding:17px;border:1px solid #dfe7ee;border-radius:14px;background:#fbfdff}.tire-card legend{float:left;width:100%;padding:0 0 12px;font-weight:750;font-size:16px}.tire-card label,.custom-field label{display:block;font-size:14px;font-weight:600;margin:13px 0 7px}.tire-card select,.tire-card input,.number-wrap input{height:43px;width:100%;border:1px solid #cdd9e5;border-radius:9px;background:#fff;color:#152840;padding:0 12px;outline:none}.tire-card select:disabled{background:#f1f5f8;color:#8796a7}.tire-card select:focus,.tire-card input:focus,.number-wrap input:focus{border-color:#048da5;box-shadow:0 0 0 3px #caeff3}.custom-field label span{font-weight:400;color:#76889d}.diameter{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;padding:11px 12px;background:#edf5f8;border-radius:9px;color:#5f7286;font-size:14px}.diameter strong{color:#1a5061;font-size:15px}.teeth-row{border-top:1px solid #e6edf3;margin-top:20px;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.teeth-row label{font-size:15px;font-weight:750}.teeth-row p{font-size:13px;color:#718398;margin:5px 0 0}.number-wrap{position:relative;width:124px;flex:none}.number-wrap input{padding-right:34px;font-weight:700}.number-wrap span{position:absolute;right:12px;top:11px;color:#74879c;font-size:14px;pointer-events:none}.input-hint{font-size:13px;line-height:1.5;color:#718398;margin:15px 0 0}.error{font-size:13px;color:#b62531;margin:8px 0}.result{background:#10243e;border-color:#10243e;color:#fff;display:flex;flex-direction:column}.result .section-heading h2{color:#fff}.result .step{background:#234a61;color:#83e6ed}.empty{flex:1;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-ring{width:86px;height:86px;border:9px dashed #35617a;border-radius:50%;margin-bottom:21px}.empty strong{font-size:19px}.empty p{font-size:14px;color:#a9bdcc;margin:7px 0}.answer{padding:15px 0 19px}.eyebrow{font-size:14px;color:#a9c6d3}.answer-value{display:flex;align-items:baseline;gap:9px;margin-top:5px}.answer-value strong{font-size:clamp(72px,9vw,108px);letter-spacing:-.08em;line-height:1.05;color:#73e3ed}.answer-value span{font-size:20px;color:#a9c6d3}.answer p{font-size:14px;color:#e2f8f9;margin:12px 0 0}.metrics{border-top:1px solid #37536a;display:grid;grid-template-columns:1fr 1fr;padding:20px 0;gap:15px}.metrics div{display:flex;flex-direction:column;gap:8px}.metrics span{font-size:13px;color:#a9bdcc}.metrics strong{font-size:22px;font-variant-numeric:tabular-nums}.formula{padding:13px 14px;border-radius:10px;background:#203c56;color:#c0d5df;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}.compare{margin-top:18px}.compare .section-heading{align-items:flex-start}.compare .section-heading p{margin:5px 0 0;color:#6a7c91;font-size:13px;line-height:1.5}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}th{font-size:13px;font-weight:650;color:#708298;background:#f3f7fa}th,td{padding:13px 16px;border-bottom:1px solid #e7edf2}td{font-size:15px}td:first-child{font-weight:750}.best-row{background:#f0fbfc}.best-tag{display:inline-block;margin-left:9px;background:#c9f3f3;color:#087788;border-radius:5px;padding:3px 6px;font-size:12px}.try-row{display:flex;align-items:center;gap:18px;margin-top:20px}.try-row label{font-size:14px;font-weight:700}.try-row output{font-size:14px;color:#42677a}.details{margin:18px 0 0;padding:0 24px;background:#fff;border:1px solid #dbe4ec;border-radius:15px}.details summary{cursor:pointer;padding:18px 0;font-weight:700;font-size:15px;list-style-position:inside}.details-body{border-top:1px solid #e6edf3;padding:4px 0 15px;color:#52657b;font-size:14px;line-height:1.75}.details-body p{margin:12px 0}footer{padding:28px 0 36px;text-align:center;color:#8293a6;font-size:12px}[hidden]{display:none!important}@media(max-width:850px){.workbench{grid-template-columns:1fr}.result{min-height:260px}.empty{min-height:170px}.answer-value strong{font-size:78px}}@media(max-width:560px){.shell{padding:0 14px}.site-header{height:68px}.edition{display:none}.intro{padding:25px 3px 20px}.intro p{font-size:14px}.panel{border-radius:15px}.inputs,.result,.compare{padding:18px}.tire-grid{gap:10px}.tire-card{padding:12px}.tire-card select,.tire-card input{font-size:14px;padding-left:8px}.tire-card legend{font-size:15px}.diameter{font-size:12px;padding:9px 7px;flex-wrap:wrap}.diameter strong{font-size:13px}.try-row{gap:9px;flex-wrap:wrap}.try-row output{width:100%}.details{padding:0 18px}th,td{padding:12px 8px;font-size:13px}}@media(max-width:360px){.tire-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.panel{transition:box-shadow .2s}.tire-card:focus-within{box-shadow:0 5px 20px #1a678312}}