:root{--text-main:#0f172a;--text-muted:#64748b;--surface:#ffffff;--surface-muted:#f8fafc;--border:#e2e8f0;--primary:#0d9488;--primary-dark:#0f766e;--accent:#f97316;--shadow-soft:0 4px 20px rgba(15,23,42,0.06);--gradient:linear-gradient(135deg,#f8fafc 0%,#ffffff 50%,#f1f5f9 100%);--cvb-lane-car:#1e293b;--cvb-lane-bike:#0f766e;--cvb-accent:#f97316;--cvb-accent-soft:rgba(249,115,22,0.12);--cvb-radius:14px;--cvb-radius-sm:10px;}
.cvb-interface{margin-bottom:2.5rem;}
.cvb-tool-heading{font-size:0.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-muted);margin:0 0 0.65rem;}
.cvb-glance{display:grid;grid-template-columns:1fr;gap:0.65rem;margin-bottom:1.25rem;}
@media (min-width:480px){.cvb-glance{grid-template-columns:repeat(3,1fr);}}
.cvb-glance-item{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--cvb-radius-sm);padding:0.85rem 1rem;display:flex;flex-direction:column;gap:0.2rem;box-shadow:0 1px 0 rgba(0,0,0,0.04);}
.cvb-glance-label{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);}
.cvb-glance-value{font-size:1.25rem;font-weight:800;letter-spacing:-0.02em;color:var(--text-main,#0f172a);line-height:1.2;}
.cvb-glance-unit{font-size:0.75rem;color:var(--text-muted);}
.cvb-tracks{display:grid;grid-template-columns:1fr;gap:0.75rem;margin-bottom:1.25rem;}
@media (min-width:768px){.cvb-tracks{grid-template-columns:1fr 1fr;gap:1rem;}}
.cvb-track{border-radius:var(--cvb-radius);padding:1rem 1.1rem;color:#fff;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;gap:0.5rem;}
.cvb-track-car{background:linear-gradient(145deg,var(--cvb-lane-car) 0%,#334155 100%);}
.cvb-track-bike{background:linear-gradient(145deg,var(--cvb-lane-bike) 0%,#14b8a6 100%);}
.cvb-track-label{font-size:0.75rem;font-weight:600;opacity:0.85;text-transform:uppercase;letter-spacing:0.05em;}
.cvb-track-value{font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;}
.cvb-track-bar{height:6px;background:rgba(255,255,255,0.2);border-radius:999px;overflow:hidden;margin-top:0.25rem;}
.cvb-track-fill{height:100%;border-radius:999px;background:var(--cvb-accent);transition:width 0.45s ease;}
.cvb-track-caption{font-size:0.6875rem;opacity:0.75;}
.cvb-scenarios{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.75rem;margin-bottom:1rem;}
.cvb-scenarios-label{font-size:0.8125rem;font-weight:700;color:var(--text-muted);}
.cvb-preset{font-size:0.8125rem;font-weight:600;padding:0.45rem 0.9rem;border-radius:999px;border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff);color:var(--text-main,#0f172a);cursor:pointer;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;}
.cvb-preset:hover,.cvb-preset:focus-visible{border-color:var(--cvb-accent);background:var(--cvb-accent-soft);outline:none;}
.cvb-input-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;}
@media (min-width:640px){.cvb-input-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:992px){.cvb-input-grid{grid-template-columns:repeat(3,1fr);}}
.cvb-field{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--cvb-radius-sm);padding:0.75rem 0.85rem;display:flex;flex-direction:column;gap:0.35rem;}
.cvb-field label{font-size:0.8125rem;font-weight:600;color:var(--text-main,#0f172a);}
.cvb-field input[type="number"]{width:100%;border:1px solid var(--border,#e2e8f0);border-radius:8px;padding:0.5rem 0.65rem;font-size:1rem;font-weight:600;background:var(--surface-muted,#f8fafc);color:var(--text-main,#0f172a);}
.cvb-field input[type="number"]:focus{outline:2px solid var(--cvb-accent);outline-offset:1px;border-color:transparent;}
.cvb-hint{font-size:0.75rem;color:var(--text-muted);line-height:1.35;}
.cvb-toolbar{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;align-items:center;}
.cvb-reset{font-size:0.875rem;font-weight:600;padding:0.55rem 1.1rem;border-radius:999px;border:1px solid var(--border,#e2e8f0);background:var(--surface-muted,#f8fafc);color:var(--text-main,#0f172a);cursor:pointer;}
.cvb-reset:hover,.cvb-reset:focus-visible{border-color:var(--text-muted);outline:none;}
.cvb-results-wrap{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border,#e2e8f0);}
.cvb-results-msg{margin:0;font-size:0.9375rem;}
.cvb-results-warn{color:#b45309;}
.cvb-results-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
@media (min-width:768px){.cvb-results-grid{grid-template-columns:repeat(2,1fr);}}
.cvb-result-card{background:var(--surface-muted,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:var(--cvb-radius-sm);padding:1rem 1.1rem;}
.cvb-result-h{font-size:0.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:0 0 0.65rem;}
.cvb-result-lead{margin:0 0 0.5rem;font-size:0.9375rem;line-height:1.45;color:var(--text-main,#0f172a);}
.cvb-result-list{margin:0 0 0.75rem;padding-left:1.1rem;font-size:0.8125rem;color:var(--text-muted);line-height:1.5;}
.cvb-result-diff{margin:0;font-size:0.9375rem;font-weight:600;color:var(--cvb-lane-bike);}
.cvb-result-note{margin:0.5rem 0 0;font-size:0.8125rem;color:var(--text-muted);line-height:1.45;}
.cvb-result-note a{color:var(--primary,#0d9488);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.cvb-verdict{margin:1.25rem 0 0;padding:1rem 1.1rem;border-radius:var(--cvb-radius-sm);font-size:0.9375rem;font-weight:600;line-height:1.45;}
.cvb-verdict-bike{background:rgba(15,118,110,0.1);color:#0f766e;border:1px solid rgba(15,118,110,0.25);}
.cvb-verdict-mix{background:var(--cvb-accent-soft);color:#c2410c;border:1px solid rgba(249,115,22,0.3);}
.cvb-verdict-car{background:var(--surface-muted,#f1f5f9);color:var(--text-main,#334155);border:1px solid var(--border,#e2e8f0);}
.cvb-verdict-neutral{background:var(--surface-muted,#f8fafc);color:var(--text-main,#0f172a);border:1px solid var(--border,#e2e8f0);}
.cvb-prose{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border,#e2e8f0);}
.cvb-prose h2{font-size:1.35rem;font-weight:800;margin:0 0 0.75rem;color:var(--text-main,#0f172a);letter-spacing:-0.02em;}
.cvb-prose h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 0.5rem;color:var(--text-main,#0f172a);}
.cvb-prose p{font-size:0.9375rem;line-height:1.65;color:var(--text-main,#334155);margin:0 0 1rem;}
.cvb-prose p.cvb-lead{font-size:1.05rem;}
.cvb-prose ul{margin:0 0 1rem;padding-left:1.2rem;color:var(--text-main,#334155);font-size:0.9375rem;line-height:1.55;}
.cvb-prose a{color:var(--primary,#0d9488);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.cvb-table-wrap{overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--border,#e2e8f0);border-radius:var(--cvb-radius-sm);}
.cvb-table{width:100%;border-collapse:collapse;font-size:0.875rem;}
.cvb-table th,.cvb-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--border,#e2e8f0);}
.cvb-table th{background:var(--surface-muted,#f8fafc);font-weight:700;color:var(--text-main,#0f172a);}
.cvb-table td{color:var(--text-main,#334155);}
.cvb-table tbody tr:last-child td{border-bottom:none;}
.cvb-callout{background:var(--cvb-accent-soft);border-left:4px solid var(--cvb-accent);padding:0.85rem 1rem;margin:1.25rem 0;border-radius:0 var(--cvb-radius-sm) var(--cvb-radius-sm) 0;font-size:0.875rem;line-height:1.55;color:var(--text-main,#334155);}
.cvb-privacy{font-size:0.875rem;padding:0.85rem 1rem;background:var(--surface-muted,#f8fafc);border-radius:var(--cvb-radius-sm);border:1px dashed var(--border,#cbd5e1);color:var(--text-muted);margin-top:1.5rem;}