.pwa-panel{box-sizing:border-box;text-align:center;color:#effaf3;background:#041612;border:1px solid #9d843c88;border-radius:23px;width:100%;max-width:380px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden;box-shadow:0 18px 34px #0007,inset 0 1px #ffeeaa08}.pwa-status{text-transform:uppercase}.pwa-panel.pwa-complete .pwa-app,.pwa-panel.pwa-complete .pwa-small-icon{visibility:hidden}.pwa-panel.pwa-complete .pwa-complete-badge{color:#d4f9ce;background:#1c5236;border-radius:17px;width:66px;height:66px;top:87px;left:calc(50% - 33px)}.pwa-panel.pwa-complete .pwa-complete-badge svg{width:48px;height:48px}.pwa-panel.pwa-reminder.pwa-complete>.pwa-complete-badge{top:23px}.pwa-panel a.pwa-primary{justify-content:center;align-items:center;margin-top:14px;text-decoration:none;display:flex}.pwa-complete{position:relative}.pwa-complete .pwa-app,.pwa-complete .pwa-caption{opacity:1;animation:none;transform:none}.pwa-complete .pwa-finger,.pwa-complete .pwa-orbit,.pwa-complete .pwa-stage:after{display:none}.pwa-complete-badge{z-index:5;color:#143d26;background:#8edfa4;border:2px solid #fff2bc;border-radius:50%;place-items:center;width:35px;height:35px;animation:.3s ease-out both pwa-complete-pop;display:grid;position:absolute;top:132px;left:calc(50% + 12px);box-shadow:0 3px 12px #0007}.pwa-complete-badge svg{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.pwa-complete-badge path{stroke-dasharray:26;stroke-dashoffset:26px;animation:.35s ease-out .15s forwards pwa-complete-tick}.pwa-reminder.pwa-complete>.pwa-complete-badge{top:62px;left:calc(50% + 12px)}@keyframes pwa-complete-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pwa-complete-tick{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.pwa-complete-badge path{stroke-dashoffset:0}}.pwa-panel *{box-sizing:border-box}.pwa-copy{padding:0 24px 20px}.pwa-panel .pwa-eyebrow{color:#b9d6c4;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:750}.pwa-panel h2{color:#ffe7b2;letter-spacing:-.045em;text-wrap:balance;margin:12px 0 0;font:750 25px/1.18 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue}.pwa-panel p{color:#a5bdb4;text-wrap:pretty;margin:14px 0 23px;font-size:15px;line-height:1.6}.pwa-panel button{touch-action:manipulation;cursor:pointer;font-family:inherit}.pwa-panel button:focus-visible{outline-offset:3px;outline:2px solid #c6ffd9}.pwa-panel .pwa-primary{isolation:isolate;color:#382006;background:linear-gradient(165deg,#ffd078,#f7ae38 45%,#e68a1e);border:1px solid #ffda8c;border-radius:14px;width:100%;min-height:50px;padding:13px 12px;font-size:14px;font-weight:750;transition:transform .14s,filter .14s;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff0bcbb,inset 0 -2px #a4541938,0 5px #995416,0 9px 16px #0006}.pwa-primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#fff4c91a 40%,#fff7d76b,#fff4c91a 60%,#0000 75%);animation:7s ease-in-out 1.5s infinite pwa-button-shimmer;position:absolute;inset:0;transform:translate(-125%)}.pwa-panel .pwa-primary:active{transform:translateY(4px);box-shadow:0 1px #995416,0 3px 7px #0005}.pwa-panel button:disabled{opacity:.6;cursor:wait}.pwa-panel .pwa-quiet,.pwa-panel .pwa-already{color:#a0bbb0;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:8px;margin:10px auto 0;padding:10px;font-size:13px;display:block}.pwa-panel .pwa-already{color:#9cb7aa;min-height:32px;margin-top:0;padding:5px 10px;font-size:11px}.pwa-panel [hidden]{display:none!important}.pwa-panel .pwa-error{color:#ffd5b3;font-size:13px}.pwa-stage{background:radial-gradient(at 50% 30%,#36623e,#0b281e 85%);border-bottom:1px solid #9d843c55;height:210px;margin:0 0 25px;position:relative;overflow:hidden}.pwa-grid{justify-content:space-between;align-items:center;width:230px;height:100px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.pwa-grid i,.pwa-app{border-radius:17px;width:66px;height:66px}.pwa-grid i{background:linear-gradient(145deg,#80b29122,#a9dbc40a);border:1px solid #a5d5af22}.pwa-grid .pwa-target{background:#092a1c55;border:1px dashed #d8c18077}.pwa-app{z-index:2;background:#071e17;border:1px solid #d7b85b;animation:7s infinite pwa-drag-app;position:absolute;top:87px;left:calc(50% - 33px);box-shadow:0 9px 17px #0006}.pwa-app img{object-fit:contain;width:100%;height:100%}.pwa-caption{color:#deebdc;font-size:11px;animation:7s infinite pwa-caption;position:absolute;top:160px;left:0;right:0}.pwa-orbit{opacity:0;border:1px solid #ffe19d;border-radius:23px;width:86px;height:86px;animation:7s infinite pwa-drag-ring;position:absolute;top:77px;left:calc(50% - 43px)}.pwa-status{color:#dce9cf;letter-spacing:.14em;font-size:10px;position:absolute;top:20px;left:0;right:0}.pwa-finger{z-index:3;background:#fff6d9cc;border:2px solid #fff8e3;border-radius:50%;width:22px;height:22px;animation:7s infinite pwa-drag-touch;position:absolute;top:131px;left:calc(50% + 14px);box-shadow:0 0 0 7px #fff5d918}.pwa-stage:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#0000 15%,#c9ffd30a 34%,#e3ffcf3b,#c9ffd30a 66%,#0000 85%);animation:1.35s ease-in-out 1s both pwa-stage-shimmer;position:absolute;inset:0;transform:translateY(-110%)}@keyframes pwa-drag-app{0%,12%{opacity:0;transform:translate(-77px,-49px)rotate(-9deg)scale(.86)}20%{opacity:1;transform:translate(-77px,-49px)rotate(-9deg)scale(1.08)}48%{transform:translate(0)rotate(3deg)scale(1.06)}56%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes pwa-drag-touch{0%,12%{opacity:0;transform:translate(-77px,-49px)}20%{opacity:1;transform:translate(-77px,-49px)}48%{opacity:1;transform:none}58%,to{opacity:0;transform:translateY(15px)}}@keyframes pwa-drag-ring{0%,49%{opacity:0;transform:scale(.9)}55%{opacity:.7}72%,to{opacity:0;transform:scale(1.45)}}@keyframes pwa-caption{0%,35%{opacity:0;transform:translateY(5px)}45%,87%{opacity:1;transform:none}to{opacity:0}}@keyframes pwa-button-shimmer{0%,76%{transform:translate(-125%)}94%,to{transform:translate(125%)}}@keyframes pwa-stage-shimmer{0%{transform:translateY(-110%)}to{transform:translateY(110%)}}.pwa-panel .pwa-steps{text-align:start;color:#d2e4d5;margin:18px 0;padding-inline-start:22px;font-size:14px;line-height:1.6}.pwa-steps li{margin:10px 0;padding-inline-start:4px}.pwa-panel .pwa-hint{margin:14px 0;font-size:12px;line-height:1.5}.pwa-panel .pwa-small-icon{object-fit:contain;margin:23px auto 16px;display:block}.pwa-panel .pwa-link{color:#ffe2a0;margin:18px 0;font-size:13px;text-decoration:underline;display:block}.pwa-reminder h2{font-size:23px}.pwa-reminder p{font-size:14px}.pwa-paused *,.pwa-paused:after{animation-play-state:paused!important}#modal:has(.pwa-panel){width:min(380px,100vw - 32px);max-height:calc(100dvh - 24px);box-shadow:none;background:0 0;border:0;border-radius:23px;padding:0}#modal:has(.pwa-panel) #modal-content{padding:0}#modal:has(.pwa-panel) .modal-bar{display:none}body:has(#modal[open] .pwa-panel) #toast{visibility:hidden}@media(max-width:380px){.pwa-copy{padding-inline-start:18px;padding-inline-end:18px}.pwa-panel h2{font-size:24px}.pwa-panel p{font-size:14px}.pwa-stage{height:195px;margin-bottom:20px}}@media(max-height:680px){#modal .pwa-stage{height:160px;margin-bottom:16px}#modal .pwa-grid{top:25px}#modal .pwa-app{top:42px}#modal .pwa-orbit{top:32px}#modal .pwa-finger{top:86px}#modal .pwa-caption{top:116px}#modal .pwa-status{top:10px}}@media(prefers-reduced-motion:reduce){.pwa-panel *,.pwa-panel :after{transition:none!important;animation:none!important}.pwa-app,.pwa-caption{opacity:1;transform:none}.pwa-finger,.pwa-orbit,.pwa-stage:after,.pwa-primary:after{display:none}}.pwa-picture-steps{text-align:start;gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.pwa-picture-step{box-sizing:border-box;background:#251c36;border:1px solid #54415d;border-radius:12px;align-items:center;gap:13px;min-height:76px;margin:0;padding:11px 12px;display:flex;position:relative}.pwa-picture-art{color:#f6d697;place-items:center;width:68px;min-width:68px;height:55px;display:grid;position:relative}.pwa-picture-glyph{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px;display:block}.pwa-picture-number{top:-5px;color:#2b1c07;box-sizing:border-box;background:#f3d18b;border:2px solid #140f26;border-radius:50%;place-items:center;width:21px;height:21px;font:700 12px/1 Arial;display:grid;position:absolute}.pwa-picture-number:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-4px}.pwa-picture-number:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-4px}.pwa-picture-number:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-4px}.pwa-picture-number:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-4px}.pwa-picture-text{color:#f6efff;flex:1;min-width:0}.pwa-picture-text strong{font-size:14px;line-height:1.35;display:block}.pwa-picture-text small{color:#c3b9ce;margin-top:4px;font-size:12px;line-height:1.4;display:block}.pwa-picture-dots{letter-spacing:1px;font:700 37px/1 Arial}.pwa-picture-vertical{transform:rotate(90deg)}.pwa-picture-orbit{box-sizing:border-box;border:2px solid #f2cf80;border-radius:12px;place-items:center;width:53px;height:43px;display:grid;box-shadow:0 0 0 4px #f2cf8011}.pwa-picture-orbit .pwa-picture-glyph{width:30px;height:30px}.pwa-picture-app{object-fit:contain;box-sizing:border-box;background:#0c201d;border:1px solid #dfb45e;border-radius:13px;width:49px;height:49px}.pwa-picture-play{color:#412108;white-space:nowrap;background:linear-gradient(#ffe59b,#efad27);border:1px solid #fff1b0;border-radius:5px;padding:9px 4px;font:800 10px/1 Georgia;box-shadow:0 3px #9e6017}.pwa-picture-add{color:#ffe9ae;background:#554024;border:1px solid #f2d283;border-radius:8px;padding:7px 12px;font:700 17px Arial}.pwa-picture-hero{color:#f5d282;background:#263d38;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pwa-picture-hero .pwa-picture-glyph{width:35px;height:35px}#pwa-install-dialog .pwa-picture-steps{padding:0;list-style:none}#pwa-install-dialog .pwa-picture-step{margin:0;padding:11px 12px}.pwa-panel .pwa-picture-steps{gap:8px}.pwa-panel .pwa-picture-step{background:#10291f;border-color:#395242;gap:10px;min-height:64px;padding:8px 10px}.pwa-panel .pwa-picture-art{width:60px;min-width:60px;height:44px}.pwa-panel .pwa-picture-text{color:#effaf3}.pwa-panel .pwa-picture-text strong{font-size:13px}.pwa-panel .pwa-picture-text small{color:#b0c4b8}.pwa-panel .pwa-picture-app{width:43px;height:43px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-stage{height:100px;margin-bottom:12px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-status{font-size:9px;top:9px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-grid{width:158px;height:44px;top:31px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-grid i{border-radius:12px;width:44px;height:44px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-app{border-radius:12px;width:44px;height:44px}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-app{opacity:1;animation:none;top:31px;left:calc(50% - 22px);transform:none}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-caption{opacity:1;font-size:10px;animation:none;top:80px;transform:none}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-finger{width:15px;height:15px;animation:none;top:62px;box-shadow:0 0 0 4px #fff5d918}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-orbit{display:none}.pwa-panel:has(.pwa-picture-steps):not(.pwa-complete) .pwa-stage:after{display:none}.pwa-panel:has(.pwa-picture-steps) .pwa-copy>p:not(.pwa-hint):not(.pwa-error){margin-bottom:12px;font-size:14px;line-height:1.45}@media(max-width:350px){.pwa-picture-step{gap:10px;padding:10px}.pwa-picture-art{width:57px;min-width:57px}.pwa-picture-text strong{font-size:13px}.pwa-panel .pwa-picture-art{width:49px;min-width:49px}.pwa-panel .pwa-picture-step{gap:9px;padding:8px}.pwa-panel .pwa-picture-orbit{width:45px}}
