.zpop{padding:0;border:0;background:transparent;max-inline-size:min(440px,calc(100vw - 32px));inline-size:100%;overflow:visible;color:var(--color-charcoal)}.zpop::-webkit-backdrop{background:rgba(41,36,35,.45)}.zpop::backdrop{background:rgba(41,36,35,.45)}.zpop__card{position:relative;background:var(--color-white);border-radius:var(--r-xl);box-shadow:0 18px 50px rgba(41,36,35,.28);overflow:hidden;max-block-size:calc(100dvh - 48px);overflow-y:auto}.zpop__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:1;inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.92);color:var(--color-charcoal);cursor:pointer;box-shadow:0 1px 4px rgba(41,36,35,.18)}.zpop__close:hover{background:var(--color-white);color:var(--color-coral-deep)}.zpop__close:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.zpop__img{display:block;inline-size:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-surface)}.zpop__body{padding:1.1rem 1.2rem 1.25rem;display:grid;grid-gap:.6rem;gap:.6rem}.zpop__title{margin:0;-webkit-padding-end:44px;padding-inline-end:44px;font-size:1.15rem;line-height:1.6}.zpop__img+.zpop__body .zpop__title{-webkit-padding-end:0;padding-inline-end:0}.zpop__text{margin:0;color:var(--color-graphite);line-height:1.9;white-space:pre-line}.zpop__code{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .7rem;border:1px dashed var(--color-coral);border-radius:var(--r-md);background:var(--color-coral-soft)}.zpop__code-label{color:var(--color-coral-ink);font-weight:700;font-size:.9rem}.zpop__code-value{font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:var(--color-charcoal)}.zpop__copy{-webkit-margin-start:auto;margin-inline-start:auto;min-block-size:40px;padding:.3em .9em;border:1px solid var(--color-coral);border-radius:var(--r-sm);background:var(--color-white);color:var(--color-coral-ink);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.zpop__copy:hover{background:var(--color-coral);color:var(--color-on-coral)}.zpop__copy:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.zpop__note{margin:0;color:var(--color-concrete);font-size:.8rem}.zpop__cta{justify-self:stretch;text-align:center;min-block-size:44px}@media (max-width:760px){.zpop{margin:auto auto calc(var(--bnav-h) + 10px + env(safe-area-inset-bottom, 0px));max-inline-size:calc(100vw - 24px)}.zpop__card{max-block-size:min(70dvh,calc(100dvh - var(--bnav-h) - 40px))}.zpop__img{aspect-ratio:2/1}.zpop__body{padding:.9rem 1rem 1rem;gap:.5rem}.zpop__title{font-size:1.02rem}}@media (prefers-reduced-motion:no-preference){.zpop[open] .zpop__card{animation:zpop-in .22s ease-out}@keyframes zpop-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}.zh-toasts{position:fixed;z-index:95;inset-inline:12px;inset-block-start:calc(env(safe-area-inset-top, 0px) + 76px);display:grid;justify-items:center;grid-gap:.4rem;gap:.4rem;pointer-events:none}.zh-toast{pointer-events:auto;display:flex;align-items:center;gap:.55rem;inline-size:min(100%,400px);padding:.6rem .8rem;border-radius:var(--r-md);background:var(--color-charcoal);color:#ffffff;font-size:.9rem;line-height:1.7;box-shadow:0 8px 24px rgba(41,36,35,.25)}.zh-toast__icon{flex:none;inline-size:22px;block-size:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--color-olive);color:#ffffff}.zh-toast--error .zh-toast__icon{background:var(--color-coral)}.zh-toast--info .zh-toast__icon{background:var(--color-graphite)}@media (prefers-reduced-motion:no-preference){.zh-toast{animation:zh-toast-pop .2s ease-out}@keyframes zh-toast-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}.zpop-preview{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.zpop-preview__frame{border:1px solid var(--color-border);border-radius:var(--r-lg);background:rgba(41,36,35,.45);padding:16px;display:grid;place-items:center}.zpop-preview__frame--phone{inline-size:360px;max-inline-size:100%}.zpop-preview__frame--desktop{inline-size:520px;max-inline-size:100%}.zpop-preview__frame .zpop__card{inline-size:100%;max-block-size:none}.zpop-preview__frame--phone .zpop__img{aspect-ratio:2/1}