.app-prompt { position: fixed; inset: auto 0 0; width: 100%; max-width: 100%; max-height: 90svh; margin: 0; padding: 38px 24px calc(20px + env(safe-area-inset-bottom)); border: 0; border-radius: 22px 22px 0 0; background: #fff; color: #142942; font-family: var(--sans); box-shadow: 0 -12px 50px #0c20302e; overflow-y: auto; }
.app-prompt::backdrop { background: rgba(12, 25, 41, .5); }
.app-prompt[open] { animation: app-sheet-enter .3s ease-out; }
.app-prompt__close { position: absolute; right: 12px; top: 8px; width: 44px; height: 44px; display: grid; place-items: center; color: #77808b; }
.app-prompt__close svg { width: 22px; height: 22px; }
.app-prompt__intro { display: flex; align-items: center; gap: 18px; margin-top: 8px; }
.app-prompt__mark { display: grid; place-items: center; flex: 0 0 72px; height: 82px; border-radius: 16px; background: #182f4c; color: #d7b57c; }
.app-prompt__mark svg { width: 43px; height: 43px; }
.app-prompt__brand { font-size: 12px; font-weight: 800; letter-spacing: .12em; color: #9a7848; }
.app-prompt h2 { margin: 7px 0 0; font-size: 22px; font-weight: 800; line-height: 1.4; letter-spacing: -.6px; }
.app-prompt > p { margin: 24px 0; font-size: 15px; font-weight: 500; line-height: 1.7; color: #697380; }
.app-prompt__primary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 14px 16px; border-radius: 7px; color: #142942; background: #d7b57c; font-size: 16px; font-weight: 750; }
.app-prompt .app-prompt__pending { border: 1px solid #e1e5ea; background: #f5f7f9; border-radius: 7px; text-align: center; padding: 14px 12px; margin-bottom: 8px; }
.app-prompt__web { display: block; width: 100%; min-height: 52px; margin-top: 7px; padding: 12px; font-size: 15px; font-weight: 600; color: #67717e; }
@keyframes app-sheet-enter { from { transform: translateY(100%); } to { transform: translateY(0); } }
@media (min-width: 821px) { .app-prompt { display: none; } }
@media (prefers-reduced-motion: reduce) { .app-prompt[open] { animation: none; } }