.pwa-install-banner{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(1rem, env(safe-area-inset-bottom,0px));left:max(1rem, env(safe-area-inset-left,0px));z-index:90;background:var(--liquid-glass-fill-strong);border:1px solid var(--glass-border);box-shadow:var(--liquid-glass-shadow);-webkit-backdrop-filter:blur(var(--liquid-glass-btn-blur));animation:ui-surface-enter var(--motion-open-duration) var(--motion-ease) both;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.875rem 1rem;display:flex;position:fixed}.pwa-install-banner__copy{color:var(--foreground);flex:12rem;margin:0;font-size:.9375rem;font-weight:500;line-height:1.35}.pwa-install-banner__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.session-corner__install-btn{background:var(--liquid-glass-btn-fill-strong);border:1px solid var(--liquid-glass-btn-border);min-height:2rem;color:var(--foreground);-webkit-backdrop-filter:blur(var(--liquid-glass-btn-blur));border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.home-welcome__top-chrome{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.join-page-shell__install{padding-block:1.25rem max(1.25rem, env(safe-area-inset-bottom,0px));justify-content:center;display:flex}.join-page-shell__install-btn{color:var(--foreground);text-underline-offset:.2em;font-size:.875rem;font-weight:600;text-decoration:underline}.pwa-ios-guide{--pwa-ios-screen-aspect:1080 / 2340;flex-direction:column;flex:1;align-items:center;gap:2.5rem;min-height:0;padding-top:.5rem;display:flex}.pwa-ios-guide__hero{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,20rem);padding-inline:1rem;display:flex}.pwa-ios-guide__headline{font-family:var(--font-newsreader), Newsreader, serif;letter-spacing:-.03em;color:var(--foreground);text-wrap:balance;margin:0;font-size:clamp(1.625rem,5.5vw,2rem);font-weight:400;line-height:1.12}.pwa-ios-guide__subline{letter-spacing:-.01em;color:color-mix(in srgb, var(--foreground) 55%, transparent);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.45}.pwa-ios-guide__demo{width:100%;margin-block:var(--app-surface-bleed);justify-content:center;padding-inline:1rem;display:flex}.pwa-ios-phone{--phone-width:min(100%, 16.5rem);--phone-bezel-x:.4375rem;--phone-bezel-y:.3125rem;--phone-outer-radius:2.375rem;--phone-screen-radius:1.875rem;--phone-frame:#2a2a2c;--phone-frame-edge:#6e6e73;--phone-frame-highlight:#ffffff38;--phone-frame-shadow:#00000047;width:var(--phone-width);filter:drop-shadow(0 18px 36px #120e0c33)drop-shadow(0 4px 12px #120e0c1f);position:relative}.pwa-ios-phone__body{padding:var(--phone-bezel-y) var(--phone-bezel-x);border-radius:var(--phone-outer-radius);background:linear-gradient(155deg, #ffffff24 0%, transparent 38%), linear-gradient(180deg, #454547 0%, var(--phone-frame) 18%, #1a1a1c 100%);box-shadow:inset 0 0 0 1px var(--phone-frame-highlight), inset 0 0 0 2px #00000073, 0 0 0 1px #00000014}.pwa-ios-phone__screen{aspect-ratio:var(--pwa-ios-screen-aspect);border-radius:var(--phone-screen-radius);background:#000;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000a6}.pwa-ios-phone__video{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pwa-ios-phone__btn{z-index:1;background:linear-gradient(90deg, #3a3a3c, var(--phone-frame-edge) 45%, #3a3a3c);border-radius:2px;position:absolute;box-shadow:inset 0 1px #ffffff1f,0 0 0 .5px #00000059}.pwa-ios-phone__btn--silent{width:.1875rem;height:1.375rem;top:21%;left:-.125rem}.pwa-ios-phone__btn--volume-up{width:.1875rem;height:2.125rem;top:27%;left:-.125rem}.pwa-ios-phone__btn--volume-down{width:.1875rem;height:2.125rem;top:35.5%;left:-.125rem}.pwa-ios-phone__btn--power{width:.1875rem;height:2.75rem;top:29%;right:-.125rem}.pwa-ios-guide__steps{flex-direction:column;align-items:center;gap:2rem;width:min(100%,18rem);margin:0;padding:0 1rem;list-style:none;display:flex}.pwa-ios-guide__step{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.pwa-ios-guide__glyph{width:1.75rem;height:1.75rem;color:var(--foreground)}.pwa-ios-guide__step-text{letter-spacing:-.01em;color:color-mix(in srgb, var(--foreground) 72%, transparent);text-wrap:pretty;margin:0;font-size:1rem;font-weight:400;line-height:1.45}.pwa-ios-guide__step-text strong{color:var(--foreground);font-weight:600}.pwa-ios-guide__enter{animation:ui-surface-enter var(--motion-open-duration) var(--motion-ease) both}@media (prefers-reduced-motion:reduce){.pwa-install-banner,.pwa-ios-guide__enter{animation:ui-backdrop-enter var(--motion-reduce-duration) var(--motion-ease) both}}
