[data-app-install][hidden]{display:none!important}
#app-install-dialog{width:min(90vw,420px);max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);text-align:center}
#app-install-dialog::backdrop{background:#080610bb}
#app-install-dialog img{border-radius:18px;margin-bottom:16px}
#app-install-dialog h2{font-size:24px;margin-bottom:14px}
#app-install-dialog p{font-size:16px;line-height:1.6;margin-bottom:20px}
#app-install-dialog button{width:100%}
#online-reconnect-status{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:1200;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid #ddc775;border-radius:14px;background:#302716f5;color:#fff3c9;font-size:14px;text-align:center;box-shadow:0 4px 18px #0005;pointer-events:none}

.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-width:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.site-footer .visitor-count{padding-bottom:0;min-width:0;flex:0 1 auto;font-size:12px}.site-footer .footer-install{margin-left:auto;flex:0 0 auto;padding:6px 10px;font-size:12px;min-height:32px;white-space:nowrap}.shell:has(main:not([data-screen="hub"]))>.site-footer{display:none}@media(max-width:400px){.site-footer{gap:6px}.site-footer .visitor-count,.site-footer .footer-install{font-size:11px}}

.hub-gallery .hub-install-note{margin:0;padding:9px 12px;border:1px solid #dfff8744;border-radius:10px;background:#dfff870c;color:#d8d1e5;font-size:12px;line-height:1.4;text-align:left}.site-footer .footer-install:not([hidden]){display:inline-flex;align-items:center;justify-content:center}

.app-standalone .hub-install-note{display:none!important}@media(display-mode:standalone){.hub-install-note{display:none!important}}

#online-send-status{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:1300;max-width:calc(100vw - 32px);width:max-content;padding:9px 14px;border:1px solid #f8d866;border-radius:12px;background:#302716f5;color:#fff2bb;font-size:13px;text-align:center;pointer-events:none}

.site-footer .footer-community{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.site-footer .footer-instagram{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:#d6b8ff;font-size:14px;line-height:1.25;text-decoration:none}.footer-instagram svg{flex-shrink:0}.footer-instagram:hover{color:#efffc5}.footer-instagram:focus-visible{outline:2px solid #dfff87;outline-offset:3px;border-radius:4px}

.site-footer{flex-wrap:wrap}#app-refresh-status{flex-basis:100%;font-size:14px;line-height:1.35;color:#d6b8ff}.site-refresh[aria-busy="true"]{opacity:.6}

.site-footer .registered-user-count{color:#93909b;font-size:12px;line-height:1.4;white-space:nowrap}@media(max-width:400px){.site-footer .registered-user-count{font-size:11px}}

#visitor-count[role=button]{cursor:pointer}#visitor-count[role=button]:focus-visible{outline:2px solid #dbfa84;outline-offset:4px;border-radius:4px}.user-stats-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #79658a;border-radius:25px;background:linear-gradient(145deg,#30253e,#17131f);color:#f5f1fa;box-shadow:0 22px 80px #0009}.user-stats-dialog::backdrop{background:#0c0915b8;backdrop-filter:blur(6px)}.user-stats-dialog h2{margin:6px 35px 22px 0;font-size:25px}.user-stats-eyebrow{color:#c3df86;font-size:11px;letter-spacing:.16em;font-weight:700}.user-stats-close{position:absolute;right:13px;top:13px;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;background:#ffffff09;border:1px solid #ffffff18;border-radius:12px;color:#e8def4;font-size:28px}.user-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-stats-tile{position:relative;overflow:hidden;min-width:0;padding:17px 15px 12px;background:#ffffff04;border:1px solid #ffffff12;border-radius:16px}.user-stats-tile>span{display:block;color:#bcb0ca;font-size:12px}.user-stats-tile>strong{display:block;font-size:34px;font-variant-numeric:tabular-nums;margin-top:8px;color:#eee5fa}.user-stats-tile.live{border-color:#a6cf5b55}.user-stats-tile.live>strong{color:#d6f493}.user-stats-bars{display:flex;align-items:flex-end;gap:5px;height:28px;margin-top:10px;opacity:.45}.user-stats-bars i{flex:1;border-radius:3px 3px 0 0;background:#a98bd4}.live .user-stats-bars i{background:#b7d772}.user-stats-note{color:#9f94ad;font-size:11px;line-height:1.5;margin:18px 0 0}.user-stats-error{color:#e8a4ae;font-size:12px}.user-stats-error:empty{display:none}@media(orientation:landscape) and (max-height:550px){.user-stats-dialog{width:min(760px,calc(100vw - 32px));padding:20px}.user-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-stats-dialog h2{margin-bottom:14px}.user-stats-tile>strong{font-size:28px}}
