.install-dialog { width:min(440px,calc(100% - 28px)); max-height:calc(100dvh - 36px); overflow:auto; padding:30px 26px 26px; border:1px solid var(--line); border-radius:22px; background:var(--cream); color:var(--ink); box-shadow:0 24px 70px #173d3733; }
.install-dialog::backdrop { background:#173d3770; }
.install-close { position:absolute; top:8px; right:10px; width:44px; height:44px; border:0; background:transparent; color:var(--deep); font-size:27px; }
.install-dialog .eyebrow { padding-right:30px; font-size:9px; }
.install-dialog h2 { font-size:38px; line-height:1.08; margin:14px 0; max-width:320px; }
.install-dialog>p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.75; }
.install-platforms { display:flex; gap:8px; margin:22px 0; }
.install-platforms button { min-height:44px; padding:9px 13px; border:1px solid #bacac0; border-radius:9px; background:transparent; color:var(--deep); font-size:12px; }
.install-platforms button[aria-pressed=true] { background:var(--deep); border-color:var(--deep); color:white; }
.install-steps { padding-left:24px; margin:0; }
.install-steps li { padding-left:5px; margin:0 0 17px; font-size:13px; line-height:1.85; color:var(--ink); }
.install-steps li::marker { color:var(--teal); font-weight:600; }
.install-steps strong { font-weight:600; }
.install-share-icon { width:20px; height:20px; margin:0 2px; vertical-align:middle; }
.install-browser-note { padding:13px 15px; border-radius:10px; background:var(--soft); color:var(--deep); font-size:12px; line-height:1.8; }
.install-copy-link { margin:20px 0; }
.install-copy-link label { display:block; color:var(--muted); font-size:11px; margin:0 0 8px; }
.install-copy-link input { display:block; min-width:0; width:100%; padding:11px 12px; border:1px solid #bacac0; border-radius:9px; background:var(--paper); color:var(--ink); font-size:12px; }
.install-copy-link button { width:100%; margin-top:9px; min-height:44px; }
.install-copy-link p { font-size:12px; color:var(--deep); line-height:1.7; margin-top:8px; }
.install-dialog .install-account-note { font-size:11px !important; margin:18px 0; }
.install-help-link { border:0; padding:0; min-height:44px; color:inherit; background:transparent; font:inherit; font-size:11px; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:650px) {
  .app-header:has(#install:not([hidden])) { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  .app-header:has(#install:not([hidden])) .brand strong { font-size:24px; }
  .app-header:has(#install:not([hidden])) .header-socials { grid-column:2; grid-row:1; }
  #install { grid-column:1/-1; grid-row:2; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:10px; background:var(--soft); font-size:12px; }
  #install .install-label { display:inline; }
  #install .install-label-mobile { display:none; }
  .install-dialog { padding:27px 21px 22px; max-height:calc(100dvh - 28px); }
  .install-dialog h2 { font-size:36px; }
  .install-help-link { font-size:12px; }
}
@media(max-width:360px) {
  .app-header:has(#install:not([hidden])) .brand strong { font-size:21px; }
}