.pwa-install-card,.pwa-dialog,.pwa-update,.pwa-guide{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;line-height:1.5;color:#edf7f0}
.pwa-install-card *,.pwa-dialog *,.pwa-update *,.pwa-guide *{box-sizing:border-box}
.pwa-install-card[hidden],.pwa-dialog[hidden],.pwa-dialog [hidden],.pwa-update[hidden],.pwa-guide [hidden],[data-pwa-install-open][hidden],[data-pwa-install-trigger][hidden]{display:none!important}
.pwa-install-card{display:flex;align-items:center;gap:13px;margin:0 0 24px;padding:16px;border:1px solid #31533f;border-radius:16px;background:#13291f}
.pwa-install-card>img{width:48px;height:48px;flex:none;border-radius:12px;object-fit:cover}
.pwa-install-card__copy{flex:1;min-width:0}
.pwa-install-card .pwa-install-card__copy h2{margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0}
.pwa-install-card .pwa-install-card__copy p{margin:0;padding:0;font-size:12px;color:#b5ccbd;line-height:1.5}
.pwa-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:11px 17px;border:1px solid #a4eec9;border-radius:10px;background:#8aebbe;color:#0b3021;font:700 13px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pwa-button--small{flex:none;padding:10px 13px;font-size:12px}
.pwa-button--secondary{border-color:#466951;background:#1c382a;color:#d7eade}
.pwa-button:disabled{opacity:.65;cursor:wait}
.pwa-button:focus-visible,.pwa-close:focus-visible,.pwa-text-link:focus-visible,.pwa-guide a:focus-visible{outline:3px solid #baf8d6;outline-offset:4px}
.pwa-dialog{max-width:440px;width:calc(100% - 28px);max-height:calc(100% - 36px);max-height:calc(100dvh - 36px);padding:0;border:1px solid #436b51;border-radius:22px;background:#10251c;box-shadow:0 24px 80px #0009;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.pwa-dialog::backdrop{background:#000b}
.pwa-dialog__body{padding:27px;position:relative}
.pwa-dialog__icon{display:block;width:64px;height:64px;border-radius:17px;margin-bottom:20px}
.pwa-dialog h2{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.7px;margin:0 45px 13px 0}
.pwa-dialog p{font-size:14px;line-height:1.65;color:#b8cdbf;margin:0 0 17px}
.pwa-dialog .pwa-dialog__intro{font-size:14px}
.pwa-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #395d46;border-radius:50%;background:#183525;color:#d7eadd;font:25px/1 Arial,sans-serif;cursor:pointer}
.pwa-steps{list-style:none;counter-reset:pwa-steps;padding:0;margin:18px 0 22px;display:grid;gap:15px}
.pwa-steps li{counter-increment:pwa-steps;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:#d4e6da}
.pwa-steps li:before{content:counter(pwa-steps);display:grid;place-items:center;flex:none;width:25px;height:25px;margin-top:0;border-radius:50%;background:#29503a;color:#b8f6d3;font-size:12px;font-weight:700}
.pwa-steps strong{color:#eef9f1;font-weight:700}
.pwa-dialog__actions{display:grid;gap:10px;margin:20px 0 0}
.pwa-dialog .pwa-dialog__status{font-size:12px;color:#b9e9cb;margin:14px 0 0}
.pwa-dialog .pwa-dialog__note,.pwa-guide .pwa-guide__note{font-size:12px;color:#9eb6a7;line-height:1.65;margin:18px 0 0}
.pwa-dialog__fallback-overlay{position:fixed;inset:0;z-index:10001;background:#000b;display:flex;align-items:center;justify-content:center;padding:18px 0}
.pwa-dialog__fallback-overlay>.pwa-dialog{position:relative;margin:0;display:block}
.pwa-text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#9debc3;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:600}
.pwa-update{position:fixed;z-index:10000;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:550px;margin:auto;padding:16px 18px;border:1px solid #537d60;border-radius:16px;background:#173525;box-shadow:0 6px 35px #0008}
.pwa-update p{font-size:13px;margin:0 0 12px;color:#d7ecdf}
.pwa-update__actions{display:flex;gap:9px;flex-wrap:wrap}
.pwa-update .pwa-button{font-size:12px}
.pwa-guide-body{margin:0;background:radial-gradient(ellipse at 80% 0,#173d2c 0,transparent 550px),#091813;color:#edf7f0;font-family:Arial,Helvetica,sans-serif}
.pwa-guide{max-width:800px;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(50px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.pwa-guide__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:45px}
.pwa-guide__brand{text-decoration:none;color:#edf7f0;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.pwa-guide__brand span{color:#8aebbe}
.pwa-guide__back{display:inline-flex;align-items:center;min-height:44px;color:#bde6cd;text-decoration:none;font-size:12px;line-height:1.4}
.pwa-guide__hero{margin-bottom:28px}
.pwa-guide__hero>img{display:block;width:80px;height:80px;border-radius:22px;margin-bottom:24px}
.pwa-guide__eyebrow{font-size:10px;letter-spacing:1.7px;color:#8aebbe;font-weight:700;margin:0 0 12px}
.pwa-guide h1{font-size:clamp(32px,6vw,46px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 17px;max-width:550px}
.pwa-guide__hero>p:not(.pwa-guide__eyebrow){font-size:15px;color:#b8cdbf;line-height:1.7;max-width:570px;margin:0 0 23px}
.pwa-guide__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.pwa-guide__panel{padding:24px;border:1px solid #30533f;border-radius:18px;background:#12291e;min-width:0}
.pwa-guide__panel h2{font-size:20px;line-height:1.3;margin:0 0 10px;letter-spacing:-.4px}
.pwa-guide__panel>p{font-size:13px;color:#aec6b6;line-height:1.7;margin:0}
.pwa-guide__panel .pwa-steps{margin-bottom:0}
.pwa-guide__footer{border-top:1px solid #2b4838;margin-top:32px;padding-top:20px;color:#9bb7a6;font-size:12px;line-height:1.7}
@media(max-width:480px){.pwa-install-card{gap:10px;padding:13px;flex-wrap:wrap}.pwa-install-card>img{width:42px;height:42px;border-radius:10px}.pwa-install-card__copy{flex-basis:calc(100% - 52px)}.pwa-install-card .pwa-button{margin-left:52px}.pwa-dialog__body{padding:24px 21px}.pwa-dialog h2{font-size:24px}.pwa-guide{padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(35px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.pwa-guide__header{margin-bottom:30px}.pwa-guide__grid{grid-template-columns:1fr}.pwa-guide__panel{padding:22px}.pwa-guide__brand{font-size:20px}.pwa-update{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:14px}}
@media(display-mode:standalone){[data-pwa-install-card],[data-pwa-install-open],[data-pwa-install-trigger]{display:none!important}}
@media(prefers-reduced-motion:reduce){.pwa-dialog,.pwa-install-card,.pwa-update{scroll-behavior:auto;animation:none;transition:none}}
@media(hover:hover){.pwa-button:hover:not(:disabled){background:#b1f5d2}.pwa-button--secondary:hover:not(:disabled){background:#2a4a36}.pwa-close:hover{background:#294c36}}
