.pwa-banner[hidden],.nav-links>li[hidden]{display:none!important}
.pwa-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px auto;padding:14px 18px;width:calc(100% - 32px);max-width:1200px;border:1px solid var(--border,#373a40);border-radius:12px;background:var(--bg-card,#1a1b1e);color:var(--text-bright,#fff)}
.pwa-banner>div{flex:1;min-width:180px}.pwa-banner p{font-size:.9rem;margin:2px 0 0;color:var(--text-main,#c1c2c5)}
.pwa-banner button,.pwa-help button,.nav-links .pwa-install{font:inherit;min-height:44px;min-width:44px;border:1px solid var(--border,#373a40);border-radius:8px;padding:9px 14px;cursor:pointer;background:var(--bg-card,#1a1b1e);color:var(--text-bright,#fff)}
.nav-links .pwa-install{font-size:.85rem;white-space:nowrap}
.pwa-banner .pwa-primary,.pwa-help .pwa-primary{background:var(--accent,#fbaf40);border-color:transparent;color:#101113;font-weight:700}
.pwa-banner .pwa-close,.pwa-help .pwa-close{font-size:1.5rem;padding:3px 10px;background:transparent;border-color:transparent}
.pwa-banner button:focus-visible,.pwa-help button:focus-visible,.nav-links .pwa-install:focus-visible{outline:3px solid var(--accent,#fbaf40);outline-offset:3px}
.pwa-help{box-sizing:border-box;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid var(--border,#373a40);border-radius:18px;background:var(--bg-card,#1a1b1e);color:var(--text-bright,#fff);font:inherit;box-shadow:0 24px 90px #0009}
.pwa-help::backdrop{background:#000a;backdrop-filter:blur(5px)}
.pwa-help>.pwa-close{position:absolute;right:8px;top:8px}.pwa-help h2{margin:0 28px 16px 0;font-size:1.5rem;line-height:1.3}.pwa-help p{margin:12px 0;line-height:1.5}
.pwa-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:16px}.pwa-steps li{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.pwa-steps svg,.pwa-step-symbol{width:32px;height:32px;flex:0 0 32px;color:var(--accent,#fbaf40)}.pwa-steps svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pwa-step-symbol{display:grid;place-items:center;font-size:1.5rem;font-weight:700}
.pwa-help .pwa-note{font-size:.88rem;color:var(--text-main,#c1c2c5)}
@media(max-width:480px){.pwa-banner{gap:10px;padding:12px}.pwa-banner>div{flex-basis:calc(100% - 54px);order:0}.pwa-banner>.pwa-close{order:1}.pwa-banner>.pwa-primary{order:2;width:100%}.pwa-help{padding:24px 18px}}
@media(display-mode:standalone){.pwa-banner,.nav-links li:has(.pwa-install){display:none!important}}