/* TeenConnect PWA install prompt. */
.tc-pwa-install-banner{position:fixed;z-index:120;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 10px 10px 12px;border:1px solid rgba(183,197,255,.95);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(34,55,151,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tc-pwa-install-banner[hidden]{display:none!important}.tc-pwa-install-mark,.tc-pwa-panel-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#2e5cf1,#8d55e8);box-shadow:0 8px 18px rgba(65,78,229,.24);color:#fff;font-weight:950;font-size:14px;letter-spacing:-.6px}.tc-pwa-install-copy{display:grid;min-width:0;gap:2px;flex:1}.tc-pwa-install-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e2d62;font-size:13px;letter-spacing:-.35px}.tc-pwa-install-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#727d9d;font-size:10px}.tc-pwa-install-actions{display:flex;align-items:center;gap:5px}.tc-pwa-install-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:0;border-radius:11px;background:linear-gradient(135deg,#365ff2,#7a58e8);color:#fff;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}.tc-pwa-install-close,.tc-pwa-panel-close{display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:10px;background:#f0f3fb;color:#6f7890;font-size:20px;line-height:1;cursor:pointer}.tc-pwa-install-sheet[hidden]{display:none!important}.tc-pwa-install-sheet{position:fixed;z-index:500;inset:0;display:grid;place-items:end center;padding:18px}.tc-pwa-install-backdrop{position:absolute;inset:0;border:0;background:rgba(13,20,52,.48);cursor:default}.tc-pwa-install-panel{position:relative;width:min(470px,100%);padding:26px 22px 20px;border:1px solid rgba(219,226,255,.96);border-radius:26px;background:#fff;box-shadow:0 24px 64px rgba(15,23,68,.28)}.tc-pwa-panel-close{position:absolute;right:14px;top:14px}.tc-pwa-panel-mark{width:48px;height:48px;border-radius:16px;font-size:17px}.tc-pwa-install-panel h2{margin:15px 34px 8px 0;color:#15245a;font-size:20px;letter-spacing:-.8px}.tc-pwa-install-panel p{margin:0;color:#6d7897;font-size:13px;line-height:1.65}.tc-pwa-install-panel ol{margin:14px 0 18px;padding-left:22px;color:#344262;font-size:14px;line-height:1.95}.tc-pwa-panel-confirm{width:100%;min-height:46px;border:0;border-radius:14px;background:#edf1ff;color:#3455d9;font-size:14px;font-weight:850;cursor:pointer}@media(min-width:801px){.tc-pwa-install-banner{display:none!important}}@media(max-width:390px){.tc-pwa-install-banner{left:8px;right:8px;gap:8px;padding:9px}.tc-pwa-install-mark{flex-basis:34px;width:34px;height:34px;border-radius:11px}.tc-pwa-install-copy small{display:none}.tc-pwa-install-button{min-height:34px;padding:0 9px}.tc-pwa-install-close{width:28px;height:28px}}@media(max-width:800px){body.page-teenroom .tc-pwa-install-banner{bottom:calc(12px + env(safe-area-inset-bottom))}}
/* App mark: use the current TeenConnect brand logo rather than a generic TC badge. */
.tc-pwa-install-mark,.tc-pwa-panel-mark{overflow:hidden;background:#fff;color:#315ff0;border:1px solid rgba(211,222,255,.95);box-shadow:0 8px 18px rgba(65,78,229,.15)}
.tc-pwa-install-mark img,.tc-pwa-panel-mark img{display:block;width:82%;height:82%;object-fit:contain}

/* TC_SOCIAL_MATCH_GUEST_PWA_LOWER_V1 */
@media (max-width:800px){
  .tc-pwa-install-banner.tc-pwa-install-guest{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  }
}