:root{--oktan-bg:#0a0c10;--oktan-bg-elevated:#12151c;--oktan-surface:#ffffff0f;--oktan-surface-border:#ffffff24;--oktan-amber:#ffb300;--oktan-amber-strong:#ffcb52;--oktan-text:#f5f7fa;--oktan-text-muted:#9aa3b2;--oktan-danger:#ff6b6b;--oktan-radius:20px;--oktan-radius-sm:12px;--oktan-font:"Onest", "Segoe UI", system-ui, -apple-system, sans-serif;--oktan-wordmark-font:"Unbounded", "Onest", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(120% 90% at 80% -10%, #ffb3001f 0%, #ffb30000 60%), var(--oktan-bg);color:var(--oktan-text);font-family:var(--oktan-font);-webkit-font-smoothing:antialiased}.glass{background:var(--oktan-surface);border:1px solid var(--oktan-surface-border);border-radius:var(--oktan-radius);-webkit-backdrop-filter:blur(18px)}.screen{min-height:100vh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.card{width:100%;max-width:420px;padding:28px 22px}.card h1{margin:0 0 10px;font-size:22px;font-weight:600}.card p{color:var(--oktan-text-muted);margin:0 0 22px;font-size:15px;line-height:1.5}.wordmark{font-family:var(--oktan-wordmark-font);letter-spacing:.02em;margin-bottom:18px;font-size:28px;font-weight:700;display:inline-block}.wordmark__amber{color:var(--oktan-amber)}.button{border-radius:var(--oktan-radius-sm);text-align:center;cursor:pointer;border:none;width:100%;padding:14px 18px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;display:block}.button--primary{background:linear-gradient(180deg, var(--oktan-amber-strong), var(--oktan-amber));color:#1a1200}.button--ghost{border:1px solid var(--oktan-surface-border);color:var(--oktan-text);background:0 0;margin-top:10px}.button:disabled{opacity:.6;cursor:default}.loading{color:var(--oktan-text-muted);letter-spacing:.04em;font-size:15px}.card.wide{max-width:720px}.onboarding-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.onboarding-card{flex-direction:column;gap:6px;padding:16px 14px;display:flex}.onboarding-card strong{font-size:16px}.onboarding-card span{color:var(--oktan-text-muted);font-size:13px}.onboarding-card .button{margin-top:10px;padding:10px 12px;font-size:14px}.error{color:var(--oktan-danger);margin:8px 0 0;font-size:14px}.app-shell{min-height:100vh;padding:14px 14px calc(92px + env(safe-area-inset-bottom))}.hud{z-index:10;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex;position:sticky;top:10px}.hud__cell{flex-direction:column;gap:4px;min-width:0;display:flex}.hud__cell--wide{flex:1}.hud__label{color:var(--oktan-text-muted);white-space:nowrap;font-size:12px}.hud__bar{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.hud__bar-fill{background:linear-gradient(90deg, var(--oktan-amber), var(--oktan-amber-strong));border-radius:999px;height:100%}.dock{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:fixed;left:12px}.dock__item{color:var(--oktan-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;display:flex}.dock__item--active{color:var(--oktan-text);background:#ffb30024}.dock__item:disabled{opacity:.4}.garage__head{justify-content:space-between;align-items:baseline;gap:10px;margin:4px 2px 12px;display:flex}.garage__head h1{margin:0;font-size:24px}.garage__slots{color:var(--oktan-text-muted);font-size:13px}.garage__empty{color:var(--oktan-text-muted);padding:22px 18px;font-size:15px;line-height:1.5}.garage-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.garage-card{overflow:hidden}.garage-card__body{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:16px 14px;display:flex}.garage-card__body strong{font-size:16px}.garage-card__body span{color:var(--oktan-text-muted);font-size:12px}.work{flex-direction:column;gap:12px;display:flex}.work__car{border:1px solid var(--oktan-surface-border);color:var(--oktan-text);font:inherit;background:#00000040;border-radius:10px;padding:10px 12px}.work-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.work-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:6px;padding:14px 12px;display:flex}.work-card--active{border-color:var(--oktan-amber);background:#ffb3001a}.work-card span{color:var(--oktan-text-muted);font-size:12px}.work__ok{color:var(--oktan-amber-strong);margin:4px 0 0;font-size:15px}.orders{flex-direction:column;gap:12px;display:flex}.orders-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.order-card{flex-direction:column;gap:6px;padding:16px 14px;display:flex}.order-card span{color:var(--oktan-text-muted);font-size:13px}.order-card__ready{color:var(--oktan-amber-strong)!important}.order-card .button{margin-top:8px}.more-menu{flex-direction:column;gap:10px;display:flex}.car{flex-direction:column;gap:12px;display:flex}.car__head{align-items:center;gap:10px;display:flex}.car__head h1{flex:1;margin:0;font-size:22px}.car__tabs{border-radius:var(--oktan-radius);grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.car__tabs .dock__item{font-size:13px}.car__panel{flex-direction:column;gap:10px;padding:18px 16px;display:flex}.car__panel h2{margin:6px 0 0;font-size:15px}.car__vin{color:var(--oktan-text-muted);margin:0;font-family:monospace;font-size:13px}.car__events{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.car__events li{justify-content:space-between;gap:10px;display:flex}.car__events time{color:var(--oktan-text-muted);font-size:12px}.car__nodes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.car__colors{flex-wrap:wrap;gap:8px;display:flex}.car__color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px}.car__color--active{border-color:var(--oktan-amber)}.car__options{flex-wrap:wrap;gap:8px;display:flex}.car__sell-confirm{border:1px solid var(--oktan-danger);border-radius:var(--oktan-radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.car__sell-confirm p{color:var(--oktan-text);margin:0}.profile{flex-direction:column;gap:12px;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-stat{flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.profile-stat strong{font-size:18px}.profile-stat span{color:var(--oktan-text-muted);text-align:center;font-size:12px}