/* The install guide shares the social card's rainbow paper, lavender ink and rounded controls. */
.mergeek-pwa-backdrop{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;box-sizing:border-box;background:rgba(48,35,59,.18);color:#51425f;color-scheme:only light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%}
.mergeek-pwa-backdrop *{box-sizing:border-box}
.mergeek-pwa-dialog{position:relative;width:100%;max-width:380px;max-height:calc(100vh - 48px);overflow:auto;padding:3px;border:0;border-radius:30px;background:linear-gradient(110deg,#ffc3da,#ffe3a4 25%,#bbecdc 50%,#bae6f7 70%,#dbc8f8);box-shadow:0 8px 32px rgba(62,42,79,.16);text-align:left;line-height:1.6}
.mergeek-pwa-paper{padding:20px 20px 16px;border-radius:27px;background:#fff}
.mergeek-pwa-heading{display:flex;align-items:center;gap:9px;margin:0 0 20px}
.mergeek-pwa-symbol{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#f9edfa,#eee8fc);color:#9a7fb2}
.mergeek-pwa-heading svg{display:block;width:16px;height:16px}
.mergeek-pwa-dialog h2{flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.5;color:#40364e;letter-spacing:.1px}
.mergeek-pwa-dialog button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mergeek-pwa-close{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:1px solid #ece5f2;border-radius:50%;background:linear-gradient(#faf7fc,#f3eef7);color:#9682a9;box-shadow:inset 0 1px 0 #fff}
.mergeek-pwa-close::after{content:"";position:absolute;inset:-8px}
.mergeek-pwa-close:hover{background:#eee7f4;color:#79628f}
.mergeek-pwa-preview{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #f0eaf4;border-radius:16px;background:linear-gradient(120deg,#fcf8fd,#f6f9fd)}
.mergeek-pwa-preview img{flex:none;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(87,63,104,.07)}
.mergeek-pwa-preview div{min-width:0}
.mergeek-pwa-app-name{display:block;color:#51425f;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.mergeek-pwa-preview span{display:block;margin-top:3px;font-size:10px;color:#a397af}
#mergeek-pwa-help{display:grid;gap:14px;counter-reset:step;list-style:none;margin:23px 0 8px;padding:0}
#mergeek-pwa-help li{position:relative;min-height:24px;margin:0;padding:2px 0 0 34px;color:#70637d;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
#mergeek-pwa-help li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #eee5f5;border-radius:8px;background:#faf5fd;color:#a08ab1;font-size:10px;font-weight:500}
#mergeek-pwa-help.is-installed li::before{content:"✓";background:#f0faf5;border-color:#dfeee5;color:#75a48f}
.mergeek-pwa-note{margin:14px 0 0;padding-left:34px;color:#a397af;font-size:10px;line-height:1.8;overflow-wrap:anywhere}
.mergeek-pwa-note:empty{display:none}
.mergeek-pwa-methods{margin-top:12px;border-top:1px solid #f1edf5;color:#9b8ba8;font-size:10px}
.mergeek-pwa-methods[hidden]{display:none}
.mergeek-pwa-methods summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none}
.mergeek-pwa-methods summary::-webkit-details-marker{display:none}
.mergeek-pwa-methods summary::after{content:"";width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.mergeek-pwa-methods[open] summary::after{transform:translateY(1px) rotate(225deg)}
.mergeek-pwa-methods label{display:block;padding-bottom:8px;line-height:1.8}
.mergeek-pwa-methods select{display:block;width:100%;max-width:100%;min-height:44px;margin-top:7px;padding:8px;border:1px solid #ece5f2;border-radius:10px;background:#faf8fc;color:#70637d;font:inherit;font-size:16px}
.mergeek-pwa-install{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;margin:22px 0 0;padding:10px 14px;border:1px solid #d8e6f7;border-radius:16px;background:linear-gradient(135deg,#f1f8ff,#d5e8ff);color:#456ec0;font-size:12px!important;font-weight:500!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.mergeek-pwa-install[hidden]{display:none}
.mergeek-pwa-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;color:#81728f;font-size:9px}
.mergeek-pwa-copy{flex:none;min-height:44px;padding:6px 0;border:0;background:transparent;color:#655475;font-size:10px!important;white-space:nowrap}
.mergeek-pwa-copy:hover{color:#44304f}
.mergeek-pwa-status{margin:10px 0 0;color:#8b7a9a;font-size:11px;line-height:1.7;text-align:center}
.mergeek-pwa-status:empty{display:none}
.mergeek-pwa-dialog input{width:100%;max-width:100%;margin-top:12px;padding:10px;border:1px solid #ece5f2;border-radius:10px;background:#faf8fc;color:#70637d;font:inherit;font-size:16px}
.mergeek-pwa-dialog button:focus-visible,.mergeek-pwa-dialog input:focus-visible,.mergeek-pwa-dialog select:focus-visible,.mergeek-pwa-dialog summary:focus-visible{outline:2px solid #a993cf;outline-offset:3px}
@media(max-width:480px){.mergeek-pwa-backdrop{padding:16px 12px;justify-content:center}.mergeek-pwa-dialog{max-height:calc(100vh - 32px)}.mergeek-pwa-paper{padding:18px 16px 16px}.mergeek-pwa-footer{padding-right:12px;padding-left:12px}}