.meraki-bell{position:relative}.meraki-unread{position:absolute;top:-6px;right:-7px;background:#c7283c;color:#fff;border:2px solid #fff;border-radius:99px;min-width:22px;padding:2px 4px;font:700 11px Arial}.meraki-unread[hidden],.meraki-online[hidden]{display:none!important}.meraki-online{position:fixed;bottom:18px;right:22px;z-index:800;display:flex;gap:16px;align-items:center;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:20px;background:#fffdf8;border:1px solid #e7d9da;box-shadow:0 7px 30px #580c1f16}.meraki-online strong{font-size:12px;color:#580c1f}.meraki-online small{display:block;font-size:10px;color:#75704e}.online-faces{display:flex;gap:8px;max-width:260px;overflow:auto;padding:3px 2px 6px}.online-face{position:relative;flex-shrink:0;border:0;padding:0;width:38px;height:38px;border-radius:50%;background:#eadbdc;color:#580c1f;display:grid;place-items:center;font-weight:700}.online-face img{width:100%;height:100%;object-fit:cover;border-radius:50%}.online-face i{position:absolute;bottom:-2px;left:calc(50% - 5px);width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#21986a}.connect-dialog{border:1px solid #e6d9da;border-radius:22px;padding:24px;width:min(580px,94vw);max-height:85dvh;overflow:auto;background:#fffdfa;color:#382f31;box-shadow:0 24px 90px #25051044}.connect-dialog::backdrop{background:#27071970}.connect-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.connect-head h2{font-family:MerakiPlayfair,Georgia,serif;font-size:24px;color:#580c1f}.connect-body label{display:grid;gap:9px}.connect-body textarea{width:100%;padding:14px;border:1px solid #dac8ca;border-radius:12px;font:inherit;resize:vertical}.connect-tabs,.connect-pages{display:flex;gap:10px;margin:15px 0}.connect-tabs button{border:0;border-radius:99px;padding:10px 20px;background:#f3e9e9;color:#580c1f}.connect-tabs [aria-pressed=true]{background:#580c1f;color:#fff}.connect-item{display:block;text-align:left;width:100%;padding:16px;margin:10px 0;border:1px solid #e7d9da;border-radius:14px;background:#fff;color:#382f31}.connect-item strong{color:#580c1f}.connect-item p{white-space:pre-line;margin:8px 0;overflow-wrap:anywhere}.connect-item small,.connect-help{font-size:12px;color:#75704e}.connect-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.connect-error{color:#a7333f;margin-top:12px;white-space:pre-wrap}.connect-emojis{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.connect-emojis button{border:0;background:#f3ece3;padding:8px;font-size:22px;border-radius:10px}.meraki-interactions{position:fixed;right:22px;bottom:100px;width:min(340px,90vw);z-index:1500;display:grid;gap:12px}.interaction-card{position:relative;background:#fff9e9;padding:22px;border-radius:20px 20px 5px 20px;border:1px solid #e3d6bd;box-shadow:0 10px 40px #580c1f25;animation:interaction-in .5s ease-out;color:#580c1f}.interaction-card p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.interaction-close{position:absolute;right:8px;top:5px;border:0;background:none;font-size:22px;color:#580c1f}.profile-photo-grid{display:flex;flex-wrap:wrap;gap:24px}.profile-photo{display:grid;justify-items:center;gap:10px;padding:16px;min-width:150px}.profile-photo .online-face,.photo-preview{width:72px;height:72px}.connect-profiles{margin:24px 0 100px;padding:24px}.photo-preview{margin:0 auto 20px}.meraki-celebrate{position:fixed;inset:0;z-index:2200;pointer-events:none;overflow:hidden}.meraki-celebrate strong{position:absolute;top:15%;left:50%;transform:translateX(-50%);background:#580c1f;color:#fffaf2;padding:18px 25px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #580c1f30}.meraki-celebrate i{position:absolute;width:7px;height:7px;border-radius:50%;opacity:0;animation:meraki-spark 1.6s ease-out forwards}@keyframes meraki-spark{0%{opacity:1;transform:translate(0,0) scale(.5)}80%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.15)}}@keyframes interaction-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.interaction-card,.meraki-celebrate i{animation:none}}@media(max-width:600px){.meraki-online{right:12px;bottom:10px;padding:9px;gap:10px}.online-faces{max-width:160px}.connect-dialog{padding:18px}.meraki-celebrate strong{width:85%;font-size:16px}}
.meraki-interactions{max-height:calc(100dvh - 130px);overflow-y:auto;padding:4px}.connect-item:focus-visible,.online-face:focus-visible{outline:3px solid #dd6238;outline-offset:3px}.connect-empty{padding:26px 4px;color:#75704e}