.install-banner{border:1px solid color-mix(in srgb,var(--primary)26%,var(--border));background:var(--card);border-radius:1rem;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:start;display:grid}.install-banner-main{text-align:left;border-radius:1rem;align-items:center;gap:.8rem;min-width:0;padding:.9rem 0 .9rem 1rem;display:flex}.install-app-icon{border:1px solid var(--border);border-radius:.7rem;flex-shrink:0}.install-banner-copy{gap:.2rem;min-width:0;display:grid}.install-banner-copy strong{font-size:.875rem;font-weight:600;line-height:1.4}.install-banner-copy>span{color:var(--muted-foreground);font-size:.75rem;line-height:1.5}.install-banner-copy .install-banner-action{color:var(--primary);align-items:center;gap:.35rem;margin-top:.15rem;font-weight:600;display:flex}.install-dismiss{width:2.75rem;min-height:2.75rem;color:var(--muted-foreground);border-radius:.8rem;place-items:center;display:grid}.install-banner--landing{max-width:38rem;margin:1rem max(1.25rem,env(safe-area-inset-right,0px))0 max(1.25rem,env(safe-area-inset-left,0px))}.install-banner--reader{margin:.75rem max(1.25rem,env(safe-area-inset-right,0px))0 max(1.25rem,env(safe-area-inset-left,0px))}.install-drawer{max-width:34rem;margin-inline:auto}.install-drawer .modal-heading h2{font-size:clamp(1.5rem,6vw,1.8rem)}.install-drawer .modal-description{margin-bottom:1.4rem;line-height:1.65}.install-platforms{background:var(--muted);border:1px solid var(--border);border-radius:.85rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.install-platforms button{min-height:2.75rem;color:var(--muted-foreground);border-radius:.6rem;padding:.5rem;font-size:.85rem;font-weight:500}.install-platforms button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 4px #00000014}.install-steps{gap:1.5rem;margin:1.75rem 0;padding:0;list-style:none;display:grid}.install-steps li{align-items:start;gap:.9rem;display:flex}.install-step-symbol{border:1px solid var(--border);background:var(--gold-tint);height:2.75rem;color:var(--primary);border-radius:.85rem;flex:0 0 2.75rem;place-items:center;display:grid}.install-steps strong{font-size:.9rem;font-weight:600;line-height:1.6;display:block}.install-steps p{color:var(--muted-foreground);margin:.3rem 0 0;font-size:.8rem;line-height:1.7}.install-steps p svg{vertical-align:middle;display:inline}.install-help{color:var(--muted-foreground);font-size:.75rem;line-height:1.7}.install-help a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.install-guide-close{min-height:3rem;margin-top:1.4rem}.install-native{min-height:3rem;margin-top:1.25rem}.install-error{color:var(--destructive);margin-top:1rem;font-size:.8rem;line-height:1.6}.install-settings{border-bottom:1px solid var(--border);padding-block:.4rem}.install-settings summary{cursor:pointer;border-radius:.65rem;align-items:center;gap:.8rem;min-height:4.5rem;list-style:none;display:flex}.install-settings summary::-webkit-details-marker{display:none}.install-settings summary>svg:first-child{color:var(--primary);flex-shrink:0}.install-settings summary>svg:last-child{color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.install-settings[open] summary>svg:last-child{transform:rotate(180deg)}.install-settings summary span{gap:.25rem;display:grid}.install-settings summary strong{font-size:.9rem;font-weight:500}.install-settings summary small{color:var(--muted-foreground);font-size:.75rem;line-height:1.5}.install-settings .install-instructions{padding-block:.75rem}.install-banner button,.install-instructions button,.install-settings summary,.install-guide-close{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease-out}.install-banner button:active,.install-platforms button:active,.install-settings summary:active{background-color:var(--muted)}.install-native:active,.install-guide-close:active{transform:scale(.98)}.install-banner button:focus-visible,.install-instructions button:focus-visible,.install-settings summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (min-width:1024px){.install-banner{display:none}}@media (hover:hover) and (pointer:fine){.install-dismiss:hover{color:var(--foreground);background:var(--muted)}}@media (prefers-reduced-motion:reduce){.install-banner button,.install-instructions button{transition:none}.install-native:active,.install-guide-close:active{transform:none}}