.dcpwa-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));z-index:2147483001;display:flex;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:12px 14px;border-radius:18px;background:var(--dcpwa-bg,#0f0f10);color:#f4f1ec;border:1px solid rgb(255 255 255 / .12);box-shadow:0 12px 40px rgb(0 0 0 / .45);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transform:translateY(140%);opacity:0;transition:transform 0.4s ease,opacity 0.4s ease}.dcpwa-banner.is-visible{transform:translateY(0);opacity:1}.dcpwa-banner img{width:44px;height:44px;border-radius:10px;flex:0 0 auto}.dcpwa-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.dcpwa-banner__text strong{font-size:.95rem;line-height:1.2}.dcpwa-banner__text span{font-size:.8rem;line-height:1.35;opacity:.75}.dcpwa-banner__btn{flex:0 0 auto;border:0;border-radius:999px;padding:10px 18px;background:var(--dcpwa-accent,#c8a96a);color:#0f0f10;font-weight:600;font-size:.85rem;cursor:pointer}.dcpwa-banner__close{flex:0 0 auto;border:0;background:#fff0;color:#f4f1ec;opacity:.6;font-size:1.5rem;line-height:1;padding:4px 6px;cursor:pointer}.dcpwa-banner__close:hover{opacity:1}.dcpwa-guide{position:fixed;inset:0;z-index:2147483002;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));background:rgb(0 0 0 / .62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s ease;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.dcpwa-guide.is-visible{opacity:1}.dcpwa-guide__card{width:100%;max-width:460px;max-height:80vh;overflow:auto;padding:22px 20px 20px;border-radius:24px;background:var(--dcpwa-bg,#0f0f10);color:#f4f1ec;border:1px solid rgb(255 255 255 / .12);box-shadow:0 20px 60px rgb(0 0 0 / .5)}.dcpwa-guide__card h2{margin:0 0 16px;font-size:1.15rem;line-height:1.2;color:#f4f1ec}.dcpwa-guide__card ol{list-style:none;margin:0 0 20px;padding:0;counter-reset:dcpwa-step}.dcpwa-guide__card li{display:flex;align-items:flex-start;gap:14px;margin:0 0 14px;padding:0;counter-increment:dcpwa-step}.dcpwa-guide__icon{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgb(255 255 255 / .08);color:var(--dcpwa-accent,#c8a96a)}.dcpwa-guide__icon::after{content:counter(dcpwa-step);position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;background:var(--dcpwa-accent,#c8a96a);color:#0f0f10;font-size:.72rem;font-weight:700;line-height:20px;text-align:center}.dcpwa-guide__txt{display:flex;flex-direction:column;gap:3px;min-width:0}.dcpwa-guide__txt strong{font-size:.98rem;line-height:1.25}.dcpwa-guide__txt span{font-size:.84rem;line-height:1.4;opacity:.72}.dcpwa-guide__done{width:100%;padding:14px 18px;font-size:.95rem}.dcpwa-guide__arrow{position:absolute;left:50%;color:var(--dcpwa-accent,#c8a96a);filter:drop-shadow(0 2px 8px rgb(0 0 0 / .6));animation:dcpwaBounceDown 1.3s ease-in-out infinite}.dcpwa-guide__arrow--bottom{bottom:calc(10px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%)}.dcpwa-guide__arrow--top{top:calc(10px + env(safe-area-inset-top, 0px));left:auto;right:22px;transform:rotate(180deg);animation-name:dcpwaBounceUp}@keyframes dcpwaBounceDown{0%,100%{translate:0 0}50%{translate:0 8px}}@keyframes dcpwaBounceUp{0%,100%{translate:0 0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.dcpwa-guide__arrow{animation:none}.dcpwa-guide{transition:none}}@media (max-width:1024px){.dcpwa-banner{bottom:calc(var(--dcpwa-offset, 96px) + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion:reduce){.dcpwa-banner{transition:none}}