#pwa-panel { font: 14px/1.45 system-ui, -apple-system, sans-serif; letter-spacing: normal; text-transform: none; text-shadow: none; color: #f5f6f8; }
#pwa-panel [hidden] { display: none !important; }
#pwa-panel { position: fixed; inset: 0; box-sizing: border-box; width: min(530px, calc(100vw - 32px)); max-width: none; height: auto; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); margin: auto; padding: 22px; border: 1px solid #565d6b; border-radius: 14px; background: #14171f; box-shadow: 0 16px 80px #000b; overflow: auto; overscroll-behavior: contain; touch-action: pan-y; user-select: text; -webkit-user-select: text; color-scheme: dark; text-align: left; }
#pwa-panel::backdrop { background: #000b; }
#pwa-panel *, #pwa-panel *::before, #pwa-panel *::after { box-sizing: border-box; }
#pwa-panel h2 { margin: 0 44px 3px 0; font: 650 23px/1.2 system-ui, sans-serif; color: #fff; }
#pwa-panel h3 { margin: 0 0 7px; font: 650 16px/1.3 system-ui, sans-serif; color: #fff; }
#pwa-panel p { margin: 7px 0; font: inherit; color: #c2c8d4; }
#pwa-panel section { margin-top: 18px; padding-top: 17px; border-top: 1px solid #353b49; }
#pwa-panel button { position: static; display: inline-block; width: auto; height: auto; min-height: 40px; margin: 5px 6px 2px 0; padding: 9px 13px; border: 1px solid #647086; border-radius: 7px; background: #28364c; color: #fff; font: 600 13px/1.3 system-ui, sans-serif; letter-spacing: normal; text-transform: none; text-shadow: none; box-shadow: none; transform: none; cursor: pointer; touch-action: manipulation; }
#pwa-panel button:disabled { opacity: .5; cursor: default; }
#pwa-panel button:focus-visible { outline: 3px solid #9fcaff; outline-offset: 3px; }
#pwa-panel #pwa-close { position: absolute; top: 10px; right: 10px; margin: 0; padding: 8px 12px; background: transparent; }
#pwa-panel progress { display: block; width: 100%; height: 10px; margin: 10px 0; accent-color: #9fcaff; }
#pwa-panel .pwa-small { font-size: 12px; color: #aab2c1; }
#pwa-panel #pwa-message { color: #ffe0a1; min-height: 20px; }
@media (max-height: 440px) { #pwa-panel { padding: 16px 20px; } #pwa-panel section { margin-top: 12px; padding-top: 12px; } }