/* App download entry only; keeps the website's existing colors and buttons. */
.pc-app-scan { box-sizing:border-box; margin:auto; width:calc(100% - 32px); max-width:400px; max-height:calc(100dvh - 32px); overflow:auto; padding:32px 24px 26px; border:1px solid #e2eaf1; border-radius:24px; color:#081735; background:#fff; text-align:center; box-shadow:0 20px 80px #08173526; }
.pc-app-scan::backdrop { background:#08173566; }
.pc-app-scan h2 { margin:16px 0 8px; font-size:24px; font-weight:600; }
.pc-app-scan p { margin:8px 0; color:#64748b; font-size:14px; line-height:1.7; }
.pc-app-close { position:absolute; right:10px; top:10px; display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; color:#64748b; background:transparent; cursor:pointer; }
.pc-app-close:hover { background:#f1f5f9; }
.pc-app-close svg { width:22px; height:22px; }
.pc-app-brand { display:block; margin:0 auto; border-radius:18px; }
.pc-app-qr { display:grid; place-items:center; min-height:216px; margin:20px auto 8px; }
.pc-app-qr canvas { width:216px; height:216px; max-width:100%; object-fit:contain; }
.pc-app-qr-status:empty { display:none; }
.pc-app-scan .pc-app-scan-help { font-size:13px; margin:14px 0; }
.pc-app-text-link, .pc-app-home-link { color:#1677ff; font-size:14px; }
.pc-app-home-link { display:inline-flex; align-items:center; min-height:44px; }
.pc-app-platforms { display:flex; gap:20px; }
.pc-app-platform { flex:1; min-width:0; padding:24px; border:1px solid #e2eaf1; border-radius:20px; background:#fff; }
.pc-app-platform-heading { display:flex; gap:12px; align-items:center; margin-bottom:22px; }
.pc-app-platform-heading h3 { margin:0 0 4px; font-size:18px; font-weight:600; }
.pc-app-platform-heading p { margin:0; font-size:13px; color:#64748b; }
.pc-app-os-icon { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:12px; color:#1677ff; background:#eef8ff; }
.pc-app-os-icon svg { width:26px; height:26px; }
.pc-app-recommend { margin-left:auto; white-space:nowrap; font-size:12px; color:#0f5fd1; }
.pc-app-platform.is-current { border-color:#b4d4fa; order:-1; }
.pc-app-platform .pc-btn { display:flex; width:100%; justify-content:center; min-height:48px; align-items:center; }
.pc-app-platform .pc-app-unavailable { background:#f1f5f9; color:#64748b; border:1px solid #e2e8f0; cursor:default; box-shadow:none; opacity:1; }
.pc-app-release-note { margin:14px 0 0; color:#64748b; font-size:13px; line-height:1.7; }
.pc-app-download-shell { width:calc(100% - 40px); max-width:760px; margin:24px auto; padding-bottom:env(safe-area-inset-bottom,0); }
.pc-app-download-heading { text-align:center; padding:32px 0 36px; }
.pc-app-download-heading h1 { font-size:28px; font-weight:600; margin:20px 0 10px; }
.pc-app-download-heading p { color:#64748b; margin:0; }
.pc-app-download-intro { margin-bottom:20px; }
.pc-app-download-intro h2 { font-size:20px; margin:0 0 8px; font-weight:600; }
.pc-app-download-intro p, .pc-app-desktop-hint p { color:#64748b; font-size:14px; }
.pc-app-browser-guide { padding:20px; background:#fff8e8; border:1px solid #efdeaf; border-radius:16px; margin-bottom:28px; scroll-margin-top:20px; }
.pc-app-browser-guide h2 { font-size:17px; margin:0 0 10px; color:#765511; font-weight:600; }
.pc-app-browser-guide p { font-size:14px; color:#765511; line-height:1.8; margin:6px 0; }
.pc-app-browser-guide:focus { outline:2px solid #1677ff; outline-offset:3px; }
.pc-app-download-status { font-size:13px; color:#64748b; margin:16px 0; }
.pc-app-desktop-hint { text-align:center; margin:28px 0; }
.pc-app-download-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; margin:36px 0 20px; font-size:13px; color:#64748b; }
.pc-app-download-footer a { display:inline-flex; align-items:center; min-height:44px; }
.pc-app-scan :focus-visible, .pc-app-download-shell :focus-visible { outline:2px solid #1677ff; outline-offset:4px; }
[hidden].pc-app-browser-guide, [hidden].pc-app-desktop-hint, [hidden].pc-app-recommend { display:none; }
@media(max-width:600px) {
  .pc-app-platforms { flex-direction:column; gap:16px; }
  .pc-app-platform { padding:20px; }
  .pc-app-download-shell { margin:12px auto; }
  .pc-app-download-heading { padding:22px 0 30px; }
  .pc-app-download-heading h1 { font-size:25px; }
}