.install-steps{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);background:var(--colors-surfaceAlt);font-weight:600}.install-banner{display:none}@media (max-height:500px) and (pointer:coarse),(max-width:600px){.install-banner{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-5);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);border:1px solid var(--colors-border);border-radius:var(--radius-lg);background:var(--colors-surface);box-shadow:var(--shadow-sm)}}.install-banner-icon{color:var(--colors-primary)}.install-banner-text{flex:1 1;min-width:0}.install-banner-title{margin:0;font-weight:700;line-height:1.3}.install-banner-steps{margin:var(--spacing-1) 0 0;color:var(--colors-textMuted);font-size:14px;line-height:1.4}.app-shell:has(:is(input:not([type=checkbox],[type=radio],[type=file],[type=range]),textarea):focus) .install-banner{display:none}.connectivity-banner{display:flex;align-items:center;gap:var(--spacing-3);height:0;overflow:hidden}.connectivity-banner.is-offline{height:auto;overflow:visible;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);border:1px solid color-mix(in srgb,var(--colors-warning) 55%,var(--colors-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--colors-warning) 18%,var(--colors-surface));box-shadow:var(--shadow-sm)}.connectivity-message{flex:1 1;min-width:0;margin:0;font-weight:600;line-height:1.4}.connectivity-banner .button{flex:none}.connectivity-icon{color:var(--colors-text)}.connectivity-banner.shell.is-offline{position:sticky;top:calc(var(--app-topbar-offset, 0px) + var(--spacing-2));z-index:25;margin-bottom:var(--spacing-5)}.connectivity-banner.account.is-offline{width:min(var(--page-width),calc(100% - 2 * var(--gutter)));margin:var(--spacing-4) auto 0}.standalone-back{display:none}@media (display-mode:standalone){.standalone-back{display:inline-grid}}.standalone-back .icon{transform:scaleX(-1)}