:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-red: #ef4444;--accent-green: #22c55e;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 1rem}}.hidden-mobile{display:block}@media (max-width: 768px){.hidden-mobile{display:none!important}}.visible-mobile{display:none}@media (max-width: 768px){.visible-mobile{display:block!important}}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:#3b82f61a}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.input-group{margin-bottom:1rem}.input-label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.875rem}.input-field{width:100%;padding:.6rem;background-color:#0d1b2a;border:1px solid #1c355e;border-radius:4px;color:#fff;font-size:.95rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--primary-color)}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-muted);font-weight:500}.nav-links a:hover,.nav-links .btn-primary{color:#fff}.user-greeting{color:var(--primary-color);font-weight:600}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 1024px){.nav-content{flex-direction:column;align-items:flex-start;position:relative}.nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-top:1rem;gap:1rem}.nav-links.active{display:flex}.nav-links .user-greeting{order:-1;width:100%;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.nav-toggle{display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);cursor:pointer;color:#fff;font-size:1.5rem;line-height:1}}@media (min-width: 1025px){.nav-toggle{display:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%}.track-loader{width:80px;height:80px;margin-bottom:1.5rem;position:relative;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.track-svg{width:100%;height:100%;overflow:visible}.track-path-bg{fill:none;stroke:#1e293b;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.track-path-draw{fill:none;stroke:#3b82f6;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:trackDraw 2s ease-in-out infinite}.loading-text{font-family:Inter,sans-serif;color:#94a3b8;font-size:.9rem;letter-spacing:1px;animation:textPulse 1.5s ease-in-out infinite;text-transform:uppercase}@keyframes trackDraw{0%{stroke-dashoffset:300}50%{stroke-dashoffset:0}to{stroke-dashoffset:-300}}@keyframes textPulse{0%,to{opacity:.5}50%{opacity:1;color:#e2e8f0}}.header-flex{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:1rem}.tabs-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem;scrollbar-width:thin}.form-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-col{flex:1;min-width:250px}.input-half{flex:1 1 45%;min-width:200px;margin-bottom:1rem}.input-full{flex:1 1 100%;margin-bottom:1rem}.corner-grid-wrapper{margin-bottom:1.5rem;background:#ffffff08;padding:1rem;border-radius:8px}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.header-flex{flex-direction:column;align-items:flex-start;margin-bottom:1rem}.form-row{flex-direction:column;gap:.5rem}.form-col,.input-half{flex:1 1 100%;min-width:100%}.corner-grid{grid-template-columns:1fr}}@media (max-width: 480px){.corner-grid{grid-template-columns:1fr 1fr;gap:.5rem}}.tire-group-container{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.tire-group-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-bottom:2rem}}.comparison-container{padding-bottom:4rem}.selection-area{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.selection-group{flex:1;min-width:300px}.comparison-table{width:100%;border-collapse:collapse;background:#0003;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{background:#ffffff0d;font-weight:600;color:var(--primary-color)}.section-header{background:rgba(var(--primary-rgb),.1);font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.diff-row{background:#ff64641a}.diff-val{color:#faa;font-weight:700}.val-better{color:var(--accent-green);font-weight:700}@media (max-width: 768px){.selection-area{flex-direction:column;gap:1rem}.comparison-table{display:block;overflow-x:auto}}.filter-bar{display:flex;gap:1rem;padding:1rem;background:#0d1b2a;border-radius:8px;border:1px solid #1c355e;align-items:center;justify-content:center;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column}.filter-label{display:block;font-size:.85rem;color:#888;margin-bottom:.3rem;font-weight:400}.filter-select{background:#0d1b2a;border:1px solid #1c355e;color:#fff;padding:.6rem;border-radius:4px;min-width:160px;font-size:.95rem;outline:none;cursor:pointer;transition:border-color .2s}.filter-select:hover:not(:disabled){border-color:#888}.filter-select:disabled{opacity:.5;cursor:not-allowed}.dropdown-container{background:#0d1b2a;border:1px solid #1c355e;color:#fff;padding:.6rem;border-radius:4px;min-width:220px;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.dropdown-container.disabled{opacity:.5;cursor:default}.dropdown-menu{position:absolute;top:105%;left:0;width:100%;min-width:250px;background:#2a2a2a;border:1px solid #555;z-index:1000;padding:.5rem;border-radius:4px;box-shadow:0 4px 12px #00000080;max-height:300px;overflow-y:auto}.dropdown-item{padding:.6rem;display:flex;align-items:center;gap:.8rem;cursor:pointer;border-bottom:1px solid #333;transition:background .2s}.dropdown-item:hover{background:#333}.dropdown-item:last-child{border-bottom:none}@media (max-width: 768px){.filter-bar{flex-direction:column;width:100%;align-items:stretch}.filter-select,.dropdown-container{width:100%;min-width:100%}}