.loop-pwa-notice{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:45;border:1px solid var(--loop-line,#333);background:var(--loop-raised,#171717);width:max-content;max-width:calc(100% - 32px);color:var(--loop-ink,#f8f7f5);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;font-family:inherit;font-size:14px;line-height:20px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0002}.loop-pwa-notice button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:44px;font-family:inherit;font-size:14px;font-weight:600}.loop-install{max-width:600px;padding:64px 24px calc(100px + env(safe-area-inset-bottom));color:var(--loop-ink,#f8f7f5);margin:0 auto}.loop-install h1{letter-spacing:-1px;margin-top:32px;font-size:36px;line-height:1.1}.loop-install p,.loop-install li{color:var(--loop-muted,#a1a7ae);line-height:1.65}.loop-install h2{margin-top:32px;font-size:20px}.loop-install li{margin:12px 0}.loop-install section{border-top:1px solid var(--loop-line,#333);margin:36px 0}.loop-install-action{background:var(--loop-ink,#f8f7f5);min-height:48px;color:var(--loop-bg,#090a0b);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;margin:12px 0;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.loop-install a:not(.loop-install-action){color:inherit}.loop-install :is(button,a):focus-visible,.loop-pwa-notice button:focus-visible{outline-offset:4px;outline:2px solid #ff5258}@media (min-width:761px){.loop-pwa-notice{bottom:24px}}html[data-loop-theme=light] .loop-pwa-notice{color:#090a0b;background:#f8f7f5;border-color:#ddd}