.route-content{--mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--panel:#000;--bd:var(--line);--ink:#f1f5f9;--dim:rgba(241,245,249,.66);--faint:rgba(241,245,249,.42);--blue:#3b82f6;--blue-lt:#7dd3fc;--green:#4dff9a;--red:#ff6878;--amber:#ffc24d;}
.route-content .tool{background:#000;border:1px solid var(--line);border-radius:8px;padding:30px 30px 34px;margin:30px 0 16px;}
.route-content .inputs{display:grid;gap:26px;}
.route-content .field label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;}
.route-content .field label .val{color:var(--blue-lt);font-size:15px;letter-spacing:0;}
.route-content .numwrap{position:relative;display:flex;align-items:center;}
.route-content .numwrap .pre{position:absolute;left:16px;color:var(--dim);font-family:var(--mono);font-size:17px;pointer-events:none;}
.route-content input[type=number]{width:100%;background:#000;border:1px solid var(--bd);border-radius:8px;color:var(--ink);font-family:var(--mono);font-size:18px;padding:14px 16px 14px 30px;outline:none;}
.route-content input[type=number].nopre{padding-left:16px;}
.route-content input[type=number]:focus{border-color:var(--blue);}
.route-content input[type=number]::-webkit-outer-spin-button,.route-content input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.route-content input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:8px;background:#000;outline:none;margin-top:6px;}
.route-content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#9cc1ff;border:3px solid var(--line);cursor:pointer;}
.route-content input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#9cc1ff;border:3px solid var(--line);cursor:pointer;}
.route-content .seg{display:flex;gap:8px;flex-wrap:wrap;}
.route-content .seg button{flex:1;min-width:90px;background:#000;border:1px solid var(--bd);color:var(--dim);font-family:var(--mono);font-size:13px;padding:11px 8px;border-radius:4px;cursor:pointer;transition:.12s;}
.route-content .seg button.on{border-color:var(--blue);color:#fff;background:rgba(77,141,255,.12);}
.route-content .seg button:hover{border-color:var(--blue-lt);}
.route-content .results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;}
.route-content .rcell{background:#000;border:1px solid var(--bd);border-radius:8px;padding:20px 22px;}
.route-content .rcell.hero-cell{grid-column:1/-1;border-color:rgba(141,186,255,.34);background:#000;}
.route-content .rcell .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;}
.route-content .rcell .v{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;}
.route-content .rcell.hero-cell .v{font-size:46px;background:#000;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;}
.route-content .rcell .sub{font-size:13px;color:var(--dim);margin-top:6px;}
.route-content .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.route-content .act{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;border:1px solid var(--bd);background:#000;color:var(--dim);padding:12px 18px;border-radius:4px;cursor:pointer;transition:.12s;}
.route-content .act:hover{border-color:var(--blue);color:#fff;}
.route-content .act.done{border-color:var(--green);color:var(--green);}
.route-content .sla{margin:26px 0 0;}
.route-content .sla h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;}
.route-content .slatable{width:100%;border-collapse:collapse;font-size:15px;}
.route-content .slatable th,.route-content .slatable td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--bd);font-variant-numeric:tabular-nums;}
.route-content .slatable th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:500;}
.route-content .slatable td:first-child{font-family:var(--mono);color:var(--blue-lt);}
.route-content .slatable td .c{color:#fff;font-weight:700;}
.route-content .note{font-size:14.5px;color:var(--faint);margin-top:14px;line-height:1.6;}
@media (max-width:640px){.route-content .rcell.hero-cell .v{font-size:36px;}}