:root{color-scheme:dark;--bg: #07060f;--surface: #12101a;--border: rgba(255, 255, 255, .09);--text: #f6f1e7;--muted: #8a8278;--muted-soft: #c9c0b2;--accent: #f5c842;--accent-text: #1a1400;--teal: #5eead4;--footer: #6b645a;--body: 20px;--title: 26px;--small: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--body);line-height:1.4}button,input{font:inherit}a{color:var(--accent)}.screen{min-height:100vh;background:var(--bg)}.frame{width:100%;max-width:520px;margin:0 auto;padding:48px 16px 32px}.title{margin:0 0 8px;font-size:var(--title);font-weight:700}.kicker{margin:0 0 8px;color:var(--muted);font-size:var(--small);letter-spacing:.04em;text-transform:uppercase}.hero{margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}.lede{margin:0 0 24px;font-size:var(--body);line-height:28px}.who{margin:0 0 24px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.who h2{margin:0 0 10px;font-size:var(--body);font-weight:700}.who .body{margin-bottom:12px}.who .body:last-child{margin-bottom:0}.body{margin:0 0 20px;color:var(--text);font-size:var(--body);line-height:28px}.muted{color:var(--muted);font-size:var(--body);line-height:28px}.header{display:flex;align-items:center;min-height:44px;margin-bottom:16px}.header button{width:72px;padding:0;border:0;background:transparent;color:var(--accent);text-align:left;cursor:pointer}.header h2{flex:1;margin:0;text-align:center;font-size:var(--body);font-weight:700}.header .spacer{width:72px}.primary,.row{display:block;width:100%;min-height:56px;margin:0 0 12px;padding:14px;border-radius:10px;text-align:left;cursor:pointer}.primary{border:0;background:var(--accent);color:var(--accent-text);font-weight:700;text-align:center}.row{border:1px solid var(--border);background:var(--surface);color:var(--text)}.row .detail{display:block;margin-top:4px;color:var(--muted);font-size:var(--small)}.empty{margin-top:12px;padding:18px;border-radius:10px;background:var(--surface)}.empty h3{margin:0 0 8px;font-size:var(--body)}.empty p{margin:0;color:var(--muted);line-height:28px}form{width:100%}.search{display:block;width:100%;max-width:100%;margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);appearance:none}.change{display:block;width:100%;margin:0 0 16px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.change .body,.change .hint{display:block}.change .body{margin:0 0 4px}.change .hint{color:var(--accent)}.pro-dealers{margin:0 0 16px}.pro-label{margin:0 0 8px;color:var(--muted);font-size:var(--body);line-height:28px}.pro-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pro-chip{flex:0 0 auto;min-height:52px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:var(--body);line-height:28px;text-decoration:none;white-space:nowrap}.card{margin-bottom:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.card h3{margin:0 0 6px;font-size:var(--body)}.card .price{margin:0 0 6px}.card .meta{margin:0 0 6px;color:var(--muted)}.card .note{margin:0 0 6px;color:var(--accent);font-size:var(--small);line-height:24px}.card a{display:inline-block;margin-top:4px}.home-screen{min-height:100vh;background:var(--bg);position:relative;display:flex;justify-content:center}.home-screen .stars{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 40px 80px,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 120px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 280px 140px,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 320px 420px,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 60px 520px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 200px 680px,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 350px 300px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90px 360px,rgba(255,255,255,.22),transparent)}.home-content{position:relative;z-index:1;width:100%;max-width:390px;min-height:100vh;padding:48px 18px 16px;display:flex;flex-direction:column;gap:11px}.home-screen button{font-family:inherit;color:inherit;cursor:pointer}.home-screen .topbar{display:flex;align-items:center;gap:10px}.home-screen .brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.home-screen .brand-mark{width:34px;height:34px;border-radius:10px;background:#f5c8421a;border:1px solid rgba(245,200,66,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-screen .brand-mark svg{width:20px;height:20px}.home-screen .brand h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.02em;color:var(--text)}.home-screen .brand .sub{font-size:11px;color:var(--muted);margin-top:1px}.home-screen .overflow{width:36px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted-soft);font-size:18px;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);letter-spacing:0;line-height:1;padding:0 2px}.home-screen .status-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#5eead412;border:1px solid rgba(94,234,212,.28)}.home-screen .status-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px #5eead4b3;flex-shrink:0}.home-screen .status-bar .t{font-size:13px;font-weight:650;color:var(--teal)}.home-screen .status-bar .d{font-size:11px;color:var(--muted);margin-top:1px}.home-screen .status-bar .spacer{flex:1}.home-screen .status-bar .mode{font-size:11px;font-weight:600;color:var(--accent);padding:4px 8px;border-radius:999px;background:#f5c8421a;border:1px solid rgba(245,200,66,.35)}.home-screen .fitment-panel{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:linear-gradient(145deg,#f5c8421a,#ffffff08 55%,#5eead40d);border:1px solid rgba(245,200,66,.3);box-shadow:0 0 24px #f5c84212}.home-screen .fit-ico{width:56px;height:56px;border-radius:14px;flex-shrink:0;background:#f5c84229;border:1px solid rgba(245,200,66,.4);box-shadow:0 0 20px #f5c8422e;display:flex;align-items:center;justify-content:center}.home-screen .fit-ico svg{width:28px;height:28px}.home-screen .fit-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-screen .fit-meta .label{font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.home-screen .fit-meta .t{font-size:15px;font-weight:650;color:var(--text);letter-spacing:-.01em}.home-screen .fit-meta .d{font-size:12px;color:var(--muted);line-height:1.3}.home-screen .fit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}.home-screen .fit-btn{padding:7px 11px;border-radius:9px;border:1px solid rgba(94,234,212,.45);background:#5eead414;color:var(--teal);font-size:12px;font-weight:650}.home-screen .fit-clear{padding:7px 4px;border:0;background:transparent;color:var(--muted-soft);font-size:12px;font-weight:650}.home-screen .search-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);width:100%;text-align:left}.home-screen .search-strip .sico{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:#f5c8421f;border:1px solid rgba(245,200,66,.3);display:flex;align-items:center;justify-content:center}.home-screen .search-strip .sico svg{width:16px;height:16px}.home-screen .search-strip .ph{flex:1;font-size:13px;color:var(--muted);font-weight:500}.home-screen .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-screen .tile{aspect-ratio:1 / .92;border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff09;border:1px solid rgba(255,255,255,.09);position:relative;overflow:hidden;width:100%;text-align:left}.home-screen .tile.primary{background:linear-gradient(155deg,#f5c8422e,#f5c8420a 60%,#ffffff05);border-color:#f5c84266;box-shadow:0 0 28px #f5c8421a}.home-screen .tile.teal{background:linear-gradient(155deg,#5eead41f,#5eead408 60%,#ffffff05);border-color:#5eead459}.home-screen .tile-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.home-screen .tile.primary .tile-ico{background:#f5c8422e;border-color:#f5c84266;box-shadow:0 0 18px #f5c84233}.home-screen .tile.teal .tile-ico{background:#5eead41f;border-color:#5eead459}.home-screen .tile-ico svg{width:22px;height:22px}.home-screen .tile-label .t{font-size:15px;font-weight:650;letter-spacing:-.02em;color:var(--text)}.home-screen .tile-label .d{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3}.home-screen .tile .badge-sm{position:absolute;top:10px;right:10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.home-screen .footer-hint{text-align:center;font-size:11px;color:var(--footer);margin-top:auto;padding-top:4px}.promo{min-height:100vh;background:var(--bg);position:relative;display:flex;flex-direction:column}.promo .stars{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 40px 80px,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 120px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 280px 140px,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 320px 420px,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 60px 520px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 200px 680px,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 350px 300px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90px 360px,rgba(255,255,255,.22),transparent)}.promo-main{position:relative;z-index:1;width:100%;max-width:42rem;margin:0 auto;padding:36px 18px 8px;flex:1}.promo-top{margin-bottom:16px}.promo-brand{display:flex;align-items:center;gap:12px}.promo-mark{width:44px;height:44px;border-radius:12px;background:#f5c8421a;border:1px solid rgba(245,200,66,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-mark svg{width:24px;height:24px}.promo-kicker{margin:0 0 2px;color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.promo h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.promo-lede{margin:0 0 22px;font-size:var(--body);line-height:28px;color:var(--muted-soft)}.promo-card{margin:0 0 14px;padding:18px;border-radius:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.09)}.promo-card-gold{background:linear-gradient(145deg,#f5c8421a,#ffffff08 55%,#5eead40d);border-color:#f5c8424d;box-shadow:0 0 24px #f5c84212}.promo-label{margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.promo-card h2{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.02em}.promo-card p{margin:0 0 10px;font-size:var(--body);line-height:28px}.promo-card p:last-child{margin-bottom:0}.promo-aside{color:var(--teal)}.promo-apps{margin:8px 0}.promo-apps h2{margin:0 0 12px;font-size:16px;font-weight:650;color:var(--muted-soft)}.promo-apps ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.promo-apps a{display:block;padding:14px 16px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);text-decoration:none;color:var(--text)}.promo-app-name{display:block;font-weight:650;font-size:var(--body)}.promo-app-detail{display:block;margin-top:2px;color:var(--muted);font-size:16px}.promo-cta-bar{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:100%;max-width:42rem;margin:auto auto 0;padding:16px 18px calc(20px + env(safe-area-inset-bottom,0px))}@media(min-width:560px){.promo-cta-bar{flex-direction:row}}.promo-cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 16px;border-radius:12px;font-size:var(--body);font-weight:700;text-align:center;text-decoration:none;flex:1}.promo-cta-gold{background:var(--accent);color:var(--accent-text)}.promo-cta-teal{background:#5eead41a;border:1px solid rgba(94,234,212,.45);color:var(--teal)}