.product-state-page{--state-bg:#f1f3f6;--state-surface:#fff;--state-ink:#17191d;--state-copy:#5d6775;--state-muted:#7d8790;--state-line:#dfe3e8;--state-accent:#0a66ff;min-height:100vh;color:var(--state-ink);background:var(--state-bg);place-items:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;display:grid}.product-state-panel{border:1px solid var(--state-line);background:var(--state-surface);border-radius:14px;width:min(640px,100%);padding:clamp(28px,6vw,54px);box-shadow:0 14px 42px #121b260f}[data-theme=dark] .product-state-page{--state-bg:#090b0f;--state-surface:#111620;--state-ink:#f5f7fa;--state-copy:#aeb7c5;--state-muted:#7d8797;--state-line:#ffffff1c;--state-accent:#4f8cff;background:radial-gradient(circle at 82% 14%, #4f8cff24, transparent 30%), var(--state-bg)}[data-theme=dark] .product-state-panel{box-shadow:none}.product-state-brand{color:var(--state-muted);align-items:center;gap:10px;margin-bottom:52px;font-size:.7rem;font-weight:700;display:flex}.product-state-brand-mark{color:#fff;background:var(--state-accent);border-radius:8px;justify-content:center;align-items:end;gap:2px;width:28px;height:28px;padding:7px 6px;display:flex}.product-state-brand-mark i{background:currentColor;border-radius:2px;width:2px}.product-state-brand-mark i:first-child{height:6px}.product-state-brand-mark i:nth-child(2){height:13px}.product-state-brand-mark i:nth-child(3){height:9px}.product-state-brand-mark i:nth-child(4){height:4px}.product-state-icon{width:42px;height:42px;color:var(--state-accent);background:color-mix(in srgb, var(--state-accent) 14%, transparent);border-radius:11px;place-items:center;margin-bottom:18px;display:grid}.product-state-panel[data-tone=error] .product-state-icon{color:#ff766f;background:#ff766f1f}.product-state-panel[data-tone=progress] .product-state-icon i{animation:1.4s ease-in-out infinite product-state-pulse}.product-state-label{color:var(--state-accent);font-size:.72rem;font-weight:700}.product-state-panel h1{max-width:18ch;color:var(--state-ink);letter-spacing:-.035em;text-wrap:balance;margin:10px 0 12px;font-size:clamp(2rem,7vw,3.4rem);font-weight:690;line-height:1.04}.product-state-panel>p{max-width:60ch;color:var(--state-copy);text-wrap:pretty;margin:0;font-size:.9rem;line-height:1.7}.product-state-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:34px 0 0;padding:0;list-style:none;display:grid}.product-state-steps li{color:var(--state-muted);gap:8px;font-size:.68rem;display:grid}.product-state-steps i{background:var(--state-line);border-radius:2px;width:100%;height:2px}.product-state-steps li.is-active{color:var(--state-copy)}.product-state-steps li.is-active i{background:var(--state-accent)}.product-state-detail{color:#ffaaa5;overflow-wrap:anywhere;background:#ff766f17;border-radius:9px;margin-top:24px;padding:12px 14px;font-size:.75rem;line-height:1.55}.product-state-actions{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.product-state-actions a,.product-state-actions button{min-height:40px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.76rem;font-weight:680;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.product-state-primary{border:1px solid var(--state-accent);color:#fff;background:var(--state-accent)}.product-state-secondary{border:1px solid var(--state-line);color:var(--state-copy);background:0 0}.product-state-primary:hover,.product-state-primary:focus-visible{border-color:color-mix(in srgb, var(--state-accent) 82%, #000);background:color-mix(in srgb, var(--state-accent) 82%, #000);outline:none}.product-state-secondary:hover,.product-state-secondary:focus-visible{border-color:color-mix(in srgb, var(--state-line) 68%, var(--state-ink));color:var(--state-ink);background:color-mix(in srgb, var(--state-surface) 92%, var(--state-ink));outline:none}.product-state-actions a:active,.product-state-actions button:active{transform:scale(.98)}.product-app-shell .product-state-page{--state-bg:var(--product-page);--state-surface:var(--product-surface);--state-ink:var(--product-ink);--state-copy:var(--product-copy);--state-muted:var(--product-muted);--state-line:var(--product-line);--state-accent:var(--product-blue);background:var(--state-bg);min-height:calc(100dvh - 64px)}.product-app-shell .product-state-panel{width:min(560px,100%);box-shadow:none;padding:34px}.product-app-shell .product-state-brand{margin-bottom:34px}.product-app-shell .product-state-brand-mark{color:#fff}.product-app-shell .product-state-panel h1{font-size:2rem}.product-app-shell .product-state-secondary{border-color:var(--product-line);color:var(--product-copy);background:var(--product-surface)}.product-app-shell .product-state-secondary:hover,.product-app-shell .product-state-secondary:focus-visible{border-color:var(--product-line-strong);color:var(--product-ink);background:var(--product-surface-2)}.product-app-shell .product-state-detail{color:#a83340;background:#fff1f2;border-color:#c33d4938}@keyframes product-state-pulse{50%{opacity:.36}}@media (max-width:560px){.product-state-page{padding:10px}.product-state-panel{padding:28px 22px}.product-state-brand{margin-bottom:42px}.product-state-panel h1{font-size:2.15rem}.product-state-actions{flex-direction:column}.product-state-actions a,.product-state-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.product-app-shell *,.product-login-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.product-state-panel[data-tone=progress] .product-state-icon i{animation:none}.product-state-actions a,.product-state-actions button{transition:none}.product-app-shell .product-modal-backdrop,.product-app-shell .product-modal{animation:none}}