.px-install-guide{--pwai-accent:var(--px-accent,var(--lp-accent,#10bfd8));--pwai-bg:var(--px-panel,var(--lp-surface,#09100f));--pwai-soft:var(--px-panel-soft,var(--lp-surface-2,#101917));--pwai-text:var(--px-text,var(--lp-text,#f8fbfa));--pwai-muted:var(--px-muted,var(--lp-muted,#94a29d));--pwai-line:var(--px-border,var(--lp-line,rgba(255,255,255,.1)));position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:18px;visibility:hidden;pointer-events:none}
.px-install-guide.is-open{visibility:visible;pointer-events:auto}.px-install-guide__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.68);opacity:0;backdrop-filter:blur(8px);transition:opacity .25s ease}.px-install-guide.is-open .px-install-guide__backdrop{opacity:1}
.px-install-guide__sheet{position:relative;width:min(480px,100%);overflow:hidden;border:1px solid var(--pwai-line);border-radius:24px;background:var(--pwai-bg);color:var(--pwai-text);box-shadow:0 30px 90px rgba(0,0,0,.5);opacity:0;transform:translateY(22px) scale(.975);transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.px-install-guide.is-open .px-install-guide__sheet{opacity:1;transform:none}
.px-install-guide__handle{display:none;width:48px;height:5px;margin:9px auto 0;border-radius:6px;background:var(--pwai-line)}.px-install-guide__head{display:grid;grid-template-columns:54px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:22px 22px 17px;border-bottom:1px solid var(--pwai-line)}.px-install-guide__icon{width:54px;height:54px;padding:5px;object-fit:cover;border-radius:15px;background:var(--pwai-soft);box-shadow:0 0 0 1px var(--pwai-line)}
.px-install-guide__head h2{margin:0 0 4px;font-size:21px;letter-spacing:-.025em}.px-install-guide__head p{margin:0;color:var(--pwai-muted);font-size:12px;line-height:1.45}.px-install-guide__close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--pwai-line);border-radius:50%;background:var(--pwai-soft);color:var(--pwai-text);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.px-install-guide__close:hover{border-color:var(--pwai-accent);transform:rotate(5deg)}
.px-install-guide__body{padding:20px 22px 22px}.px-install-guide__body>p{margin:0 0 17px;color:var(--pwai-muted);line-height:1.55}.px-install-guide__steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:pwai-step}.px-install-guide__steps li{counter-increment:pwai-step;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;padding:10px 12px;border:1px solid var(--pwai-line);border-radius:14px;background:var(--pwai-soft)}.px-install-guide__steps li:before{content:counter(pwai-step);width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--pwai-accent) 18%,var(--pwai-bg));color:var(--pwai-accent);font-weight:900}.px-install-guide__steps b{display:block;margin-bottom:2px;font-size:13px}.px-install-guide__steps span{color:var(--pwai-muted);font-size:11px;line-height:1.4}
.px-install-guide__note{display:flex;align-items:flex-start;gap:9px;margin-top:15px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--pwai-accent) 9%,var(--pwai-soft));color:var(--pwai-muted);font-size:11px;line-height:1.5}.px-install-guide__note i{margin-top:2px;color:var(--pwai-accent)}.px-install-guide__done{width:100%;height:46px;margin-top:15px;border:1px solid color-mix(in srgb,var(--pwai-accent) 60%,var(--pwai-line));border-radius:12px;background:color-mix(in srgb,var(--pwai-accent) 20%,var(--pwai-bg));color:var(--pwai-accent);font-weight:850;cursor:pointer}
.px-pwa-toast{--pwai-bg:var(--px-panel,var(--lp-surface,#09100f));--pwai-text:var(--px-text,var(--lp-text,#f8fbfa));--pwai-line:var(--px-border,var(--lp-line,rgba(255,255,255,.1)));position:fixed;left:50%;bottom:92px;z-index:31000;max-width:min(440px,calc(100vw - 28px));padding:12px 17px;border:1px solid var(--pwai-line);border-radius:12px;background:var(--pwai-bg);color:var(--pwai-text);box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translate(-50%,14px);transition:.25s}.px-pwa-toast.is-visible{opacity:1;transform:translate(-50%,0)}
html[data-theme="light"] .px-install-guide,html.px-light .px-install-guide{--pwai-bg:#fff;--pwai-soft:#f2f6f7;--pwai-text:#101817;--pwai-muted:#5f706b;--pwai-line:rgba(8,28,24,.13)}body.px-install-guide-open{overflow:hidden}
@media(max-width:620px){.px-install-guide{align-items:end;padding:0}.px-install-guide__sheet{width:100%;max-height:min(86dvh,690px);overflow:auto;border-width:1px 0 0;border-radius:24px 24px 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom)}.px-install-guide__handle{display:block}.px-install-guide__head{padding:14px 17px}.px-install-guide__body{padding:17px}.px-install-guide__steps li{min-height:55px}.px-install-guide__done{height:48px}}
@media(prefers-reduced-motion:reduce){.px-install-guide *{transition:none!important}}
