@font-face{font-family:Franie;src:url(/fonts/Franie-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Franie;src:url(/fonts/Franie-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Franie;src:url(/fonts/Franie-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Franie;src:url(/fonts/Franie-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Franie;src:url(/fonts/Franie-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}:root{font-family:Franie,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;--fs-micro: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-lg: 16px;--fs-display: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-pill: 9999px;--ease: .15s ease-out;--page-max: 1280px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:var(--color-bg);color:var(--color-text)}[data-theme=dark]{--color-bg: #0f0f0f;--color-sidebar: #0b0b0b;--color-surf: #191919;--color-surf2: #212121;--color-surf3: #2b2b2b;--color-elevated: #1c1c1c;--color-input: #212121;--color-overlay: rgba(10,10,10,.88);--color-border: rgba(255,255,255,.07);--color-border-bright:rgba(255,255,255,.16);--color-text: #f2f2f2;--color-text-mid: #9a9a9a;--color-text-dim: rgba(242,242,242,.52);--color-accent: #283fff;--color-accent-alt: #1b2ccc;--color-accent-dim: rgba(40,63,255,.14);--color-accent-glow: rgba(40,63,255,.3);--color-on-accent: #ffffff;--color-on-image: #ffffff;--color-plate: #ffffff;--scrim: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15) 55%, rgba(0,0,0,0));--gradient-primary: linear-gradient(135deg, #1b2ccc 0%, #283fff 100%);--color-green: #22c55e;--color-green-dim: rgba(34,197,94,.12);--color-yellow: #f59e0b;--color-yellow-dim: rgba(245,158,11,.12);--color-red: #ef4444;--color-red-dim: rgba(239,68,68,.12);--color-orange: #FF6B35;--color-orange-dim: rgba(255,107,53,.12);--color-teal: #14B8A6;--color-teal-dim: rgba(20,184,166,.12);--color-purple: #8B5CF6;--color-purple-dim: rgba(139,92,246,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--shadow-glow: 0 4px 20px rgba(30,144,255,.3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--bg-primary: var(--color-bg);--bg-sidebar: var(--color-sidebar);--bg-card: var(--color-surf);--bg-elevated: var(--color-elevated);--bg-input: var(--color-input);--bg-overlay: var(--color-overlay);--border: var(--color-border);--border-subtle: var(--color-border);--text-primary: var(--color-text);--text-secondary:var(--color-text-mid);--text-muted: var(--color-text-dim);--shadow: var(--shadow-sm);--glass: var(--color-overlay);--accent-muted: var(--color-accent-dim);--primary: var(--color-accent)}[data-theme=light]{--color-bg: #fafafa;--color-sidebar: #ffffff;--color-surf: #ffffff;--color-surf2: #f4f4f4;--color-surf3: #e6e6e6;--color-elevated: #ffffff;--color-input: #f4f4f4;--color-overlay: rgba(255,255,255,.92);--color-border: rgba(0,0,0,.12);--color-border-bright:rgba(0,0,0,.26);--color-text: #191919;--color-text-mid: #6b6b6b;--color-text-dim: #8a8a8a;--color-accent: #283fff;--color-accent-alt: #1b2ccc;--color-accent-dim: rgba(40,63,255,.08);--color-accent-glow: rgba(40,63,255,.2);--color-on-accent: #ffffff;--color-on-image: #ffffff;--color-plate: #ffffff;--scrim: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15) 55%, rgba(0,0,0,0));--gradient-primary: linear-gradient(135deg, #1b2ccc 0%, #283fff 100%);--color-green: #16a34a;--color-green-dim: rgba(22,163,74,.1);--color-yellow: #d97706;--color-yellow-dim: rgba(217,119,6,.1);--color-red: #dc2626;--color-red-dim: rgba(220,38,38,.1);--color-orange: #ea580c;--color-orange-dim: rgba(234,88,12,.1);--color-teal: #0d9488;--color-teal-dim: rgba(13,148,136,.1);--color-purple: #7c3aed;--color-purple-dim: rgba(124,58,237,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--shadow-glow: 0 4px 20px rgba(37,99,235,.2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--bg-primary: var(--color-bg);--bg-sidebar: var(--color-sidebar);--bg-card: var(--color-surf);--bg-elevated: var(--color-elevated);--bg-input: var(--color-input);--bg-overlay: var(--color-overlay);--border: var(--color-border);--border-subtle: var(--color-border);--text-primary: var(--color-text);--text-secondary:var(--color-text-mid);--text-muted: var(--color-text-dim);--shadow: var(--shadow-sm);--glass: var(--color-overlay);--accent-muted: var(--color-accent-dim);--primary: var(--color-accent)}.ds-card{background:var(--color-surf);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm)}.glass-panel{background:var(--color-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-bright);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}select,select option{color:var(--color-text);background:var(--color-elevated)}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit}@keyframes xpulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fi{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fi{animation:fi .2s ease-out forwards}@keyframes fadeSwitch{0%{opacity:.4}to{opacity:1}}.fade-in{animation:fadeSwitch .2s ease-out}.mr{transition:background .1s}.mr:hover{background:var(--color-input)!important}.fb{transition:all .12s}.fb:hover{background:var(--color-input)!important}.fr{transition:background .1s}.fr:hover{background:var(--color-input)!important}.sc::-webkit-scrollbar{display:none}.tb{min-height:44px}.sidebar-bg{background:var(--color-sidebar)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px var(--color-accent-glow);font-family:inherit}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px var(--color-accent-glow)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-secondary{background:var(--color-accent-dim);color:var(--color-accent);border:1px solid var(--color-accent-dim);border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;font-family:inherit}.btn-secondary:hover{background:#1e90ff2e;border-color:var(--color-accent);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-mid);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit}.btn-ghost:hover{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-accent-dim)}.nav-item{transition:background .12s ease,color .12s ease;border-radius:8px;cursor:pointer}.nav-item:hover{background:var(--color-accent-dim)!important;color:var(--color-accent)!important}.card-hover{transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--color-accent-dim)!important}.row-hover{transition:background .1s ease}.row-hover:hover{background:var(--color-accent-dim)!important}@media(max-width:1023px){.desktop-only{display:none!important}}@media(min-width:1024px){.mobile-only{display:none!important}}@media(max-width:1023px){.main-content{padding-top:48px!important;padding-bottom:max(80px,calc(64px + env(safe-area-inset-bottom,0px)))!important}}@media(max-width:640px){.renderqc-compare{grid-template-columns:1fr!important}.finishes-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))!important}}@media(max-width:768px){.catalogue-sidebar{display:none!important}.mobile-series-btn{display:flex!important}}@media(max-width:480px){.wheel-detail-page{padding:12px 12px 80px!important}}@media(max-width:520px){[class*=wheel-grid]{grid-template-columns:1fr!important}}@media(max-width:768px){.page-sidebar-grid{grid-template-columns:1fr!important}}.fullscreen-qc{position:fixed!important;inset:0!important;z-index:2000!important}.series-accordion-content{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}div:hover>.img-qc-overlay{opacity:1!important;background:var(--color-accent-dim)!important}button{min-height:36px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:600px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dash-two-col{grid-template-columns:1fr!important}.dash-page{padding:16px 14px 80px!important}.dash-hero{flex-direction:column!important;gap:12px!important}.dash-hero-big{font-size:36px!important}.dash-hero-progress{max-width:100%!important}}@media(max-width:900px){.dash-two-col{grid-template-columns:1fr!important}}aside[data-collapsed=true] .sb-label{display:none!important}aside[data-collapsed=true] .nav-item{justify-content:center;padding-left:0!important;padding-right:0!important;gap:0!important}aside[data-collapsed=true] .sb-nav{padding-left:8px!important;padding-right:8px!important}