:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#6366f11a;--primary-text:#4338ca;--primary-shadow:#6366f13d;--primary-border:#6366f14d;--primary-bg:#eef0ff;--green:#10b981;--green-dark:#059669;--green-shadow:#10b98138;--orange:#f59e0b;--orange-dark:#d97706;--orange-shadow:#f59e0b33;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-dim:#9ca3af;--bg-page:linear-gradient(180deg, #f5f6fa 0%, #edf0f7 100%);--bg-card:#ffffffe0;--bg-card-solid:#fff;--bg-subtle:#f3f4f8;--bg-inset:#f7f8fb;--border:#1118270f;--border-active:var(--primary-border);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 12px 40px #11182712;--shadow-hero:0 20px 50px #11182717;--shadow-btn:0 10px 24px;background:var(--bg-page);color:var(--text-primary);background-attachment:fixed;font-family:SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:0 0;min-height:100vh;margin:0}button,input,textarea{font:inherit}#app{min-height:100vh}.page-shell{min-height:100vh;padding:32px 20px 48px}.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 80px);display:flex}.state-error{color:#991b1b}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.product-page{max-width:1100px;margin:0 auto}.hero-card{border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-hero);border:1px solid var(--border);grid-template-columns:minmax(0,1.5fr) minmax(260px,340px);gap:24px;padding:28px;display:grid}.hero-copy{flex-direction:column;gap:16px;display:flex}.hero-kicker{border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary-text);letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(32px,5vw,52px);line-height:1}.hero-subtitle{max-width:600px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.5}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-tag{border-radius:var(--radius-pill);background:var(--primary-bg);color:var(--primary-text);padding:6px 12px;font-size:13px;font-weight:600}.hero-callout{border-radius:var(--radius-md);background:var(--text-primary);color:#f0f4ff;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.callout-label{color:#a5b4fc;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.hero-side{align-content:start;gap:14px;display:grid}.product-icon,.qr-card{border-radius:var(--radius-lg);background:var(--bg-card-solid);border:1px solid var(--border)}.product-icon{justify-content:center;align-items:center;min-height:170px;display:flex}.product-icon-image{object-fit:cover;border-radius:24px;width:104px;height:104px;box-shadow:0 14px 28px #6366f124}.product-icon-fallback{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:104px;height:104px;font-size:40px;font-weight:800;display:flex}.qr-card{flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.qr-title{color:var(--text-muted);margin:0;font-size:13px}.variant-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px;display:grid}.variant-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:22px;display:flex}.variant-card.recommended{border-color:var(--primary-border);box-shadow:0 16px 44px var(--primary-shadow)}.variant-header{justify-content:space-between;gap:16px;display:flex}.variant-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.variant-title{letter-spacing:-.02em;margin:0;font-size:24px}.variant-name{color:var(--text-muted);margin:4px 0 0}.recommended-badge,.meta-pill{border-radius:var(--radius-pill);align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.recommended-badge{background:var(--primary-bg);color:var(--primary-text)}.variant-meta-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.meta-pill{background:var(--bg-subtle);color:var(--text-secondary)}.variant-details{gap:10px;display:grid}.detail-item{gap:3px;display:grid}.detail-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.detail-value{color:var(--text-primary);font-size:14px}.code-text{word-break:break-all;font-family:SF Mono,Consolas,monospace;font-size:13px}.variant-actions{gap:8px;display:grid}.primary-action{border-radius:var(--radius-md);cursor:pointer;border:none;min-height:48px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.primary-action:hover:not(:disabled){transform:translateY(-1px)}.primary-action.download{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-btn) var(--primary-shadow)}.primary-action.install{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;box-shadow:var(--shadow-btn) var(--green-shadow)}.primary-action.bind{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;box-shadow:var(--shadow-btn) var(--orange-shadow)}.primary-action:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.action-hint{color:#b45309;margin:0;font-size:13px}.changelog-box{border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-secondary);padding:14px 16px}.changelog-title,.release-list-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:700}.changelog-box p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.release-list{flex-direction:column;gap:6px;display:flex}.release-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-solid);color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;gap:16px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.release-item:hover{background:var(--bg-subtle)}.release-item.active{border-color:var(--primary-border);background:var(--primary-bg)}.release-version{font-weight:600}.release-date{color:var(--text-dim);font-size:13px}@media (width<=900px){.hero-card{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}}@media (width<=640px){.page-shell{padding:16px 12px 32px}.hero-card,.variant-card{border-radius:var(--radius-md);padding:18px}.hero-side{grid-template-columns:1fr}.qr-card{display:none}.variant-header{flex-direction:column}.variant-meta-badges{justify-content:flex-start}.release-item{flex-direction:column;align-items:flex-start}}