.install-app[hidden]{display:none!important}
.install-app{white-space:nowrap}
.pwa-status{position:fixed;z-index:260;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(520px,calc(100% - 24px));padding:11px 13px;border:1px solid rgba(216,173,92,.46);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#17171bf2;color:#f4efe6;box-shadow:0 20px 65px rgba(0,0,0,.44);font:700 .78rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;transform:translate(-50%,calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.pwa-status.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.pwa-status[data-state="offline"]{border-color:rgba(201,76,57,.56)}
.pwa-status span{display:flex;align-items:center;gap:9px}.pwa-status span::before{content:"✦";width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(216,173,92,.12);color:#f1d292}
.pwa-status[data-state="offline"] span::before{content:"⌁";background:rgba(201,76,57,.13);color:#ed806d}
.pwa-status button{min-height:34px;padding:0 12px;border:1px solid rgba(216,173,92,.4);border-radius:999px;background:rgba(216,173,92,.12);color:#f1d292;font:850 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
:root[data-theme="light"] .pwa-status{background:#fff9edf5;color:#18130f;border-color:rgba(104,65,13,.5);box-shadow:0 18px 48px rgba(65,42,22,.23)}
:root[data-theme="light"] .pwa-status span::before{color:#68410d;background:rgba(155,107,34,.13)}
:root[data-theme="light"] .pwa-status button{color:#5a360b;border-color:rgba(104,65,13,.4);background:rgba(155,107,34,.11)}
@media(max-width:680px){.pwa-status{align-items:flex-start;font-size:.72rem}.pwa-status button{flex:none}.install-app{width:100%}}
@media(prefers-reduced-motion:reduce){.pwa-status{transition:none}}
.pwa-install-guide{position:fixed;z-index:320;inset:0;display:grid;place-items:end center}.pwa-install-guide[hidden]{display:none}.pwa-guide-shade{position:absolute;inset:0;border:0;background:rgba(5,5,7,.72);backdrop-filter:blur(8px)}.pwa-install-guide>article{position:relative;width:min(520px,100%);padding:22px max(18px,env(safe-area-inset-right)) max(22px,calc(env(safe-area-inset-bottom) + 18px)) max(18px,env(safe-area-inset-left));border:1px solid rgba(216,173,92,.42);border-bottom:0;border-radius:24px 24px 0 0;background:#17171b;color:#f4efe6;box-shadow:0 -22px 70px rgba(0,0,0,.42);font:400 .82rem/1.55 Inter,ui-sans-serif,system-ui,sans-serif}.pwa-install-guide header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pwa-install-guide header span{color:#f1d292;font-size:.6rem;font-weight:900;letter-spacing:.16em}.pwa-install-guide h2{margin:4px 0 0;font:500 1.65rem Georgia,serif}.pwa-install-guide header button{width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:transparent;color:#f4efe6;font-size:1.4rem}.pwa-install-guide>article>p,.pwa-install-guide>article>small{color:#b9b1a7}.pwa-install-guide ol{margin:18px 0;padding:0;display:grid;gap:8px;list-style:none}.pwa-install-guide li{padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:13px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;background:#1d1c21}.pwa-install-guide li>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(216,173,92,.12);color:#f1d292}.pwa-install-guide li span{font-weight:550}.pwa-install-guide li i{float:right;color:#f1d292;font-size:1.25rem;font-style:normal}.pwa-guide-open{overflow:hidden}:root[data-theme="light"] .pwa-install-guide>article{background:#fff9ed;color:#18130f;border-color:rgba(104,65,13,.45)}:root[data-theme="light"] .pwa-install-guide header span,:root[data-theme="light"] .pwa-install-guide li>b,:root[data-theme="light"] .pwa-install-guide li i{color:#68410d}:root[data-theme="light"] .pwa-install-guide header button{color:#18130f;border-color:rgba(47,31,19,.2)}:root[data-theme="light"] .pwa-install-guide>article>p,:root[data-theme="light"] .pwa-install-guide>article>small{color:#56493d}:root[data-theme="light"] .pwa-install-guide li{background:#fffdf7;border-color:rgba(47,31,19,.16)}
