.presence-badge{display:block;font:700 12px/1.5 inherit;color:#62666d;animation:none!important;margin:5px 0}.presence-badge[data-online=true]{color:#24740d}.presence-badge[data-online=false]{color:#62666d}.discover-panel,.people-content{border:1px solid #e6e5e1;background:#fff;padding:16px;margin:20px 0;color:#171719}.discover-panel h2,.people-content h1{margin:0 0 10px;color:#85152a}.discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.discover-card{text-align:center;min-width:0;border:1px solid #e6e5e1;padding:10px;background:#ffffff}.discover-identity{display:flex;align-items:center;flex-direction:column;gap:7px;text-decoration:none;overflow-wrap:anywhere}.discover-avatar{display:grid;place-items:center;aspect-ratio:1;width:min(100%,100px);background:#ffffff;color:#851429;font-size:36px;border:1px solid #e6e5e1}.discover-avatar img{width:100%;height:100%;object-fit:cover}.discover-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0}.discover-actions a{display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:10px 14px;color:#ce0633;min-height:44px}.friend-search-form{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:16px 0}.friend-search-form label{width:100%;font-weight:bold}.friend-search-form input{flex:1;min-width:120px;font-size:16px;padding:10px;border:1px solid #bcb19e}.friend-search-form button,.discover-panel>button,.people-content button{padding:10px 14px;border:1px solid #e6e5e1;background:#ffffff;color:#851429;font-weight:bold;cursor:pointer;min-height:44px}.view-all-members{display:flex;align-items:center;justify-content:flex-end;min-height:44px;text-align:right;margin-top:12px;font-weight:bold}.community-status{font-size:13px;line-height:1.6}.emoji-tools{margin:6px 0 12px}.emoji-tools button{cursor:pointer;min-height:44px}.emoji-tools>button{background:#ffffff;border:1px solid #e6e5e1;color:#85152a;padding:6px 12px}.emoji-tray{display:grid;grid-template-columns:repeat(7,40px);gap:3px;margin-top:6px;background:white;padding:8px;max-width:100%;border:1px solid #e6e5e1}.emoji-tray[hidden]{display:none}.emoji-tray button{font-size:23px;border:0;background:#faf9f7}.profile-online{animation:none!important}.member-clips-file-label{position:relative;display:block!important;padding:12px!important;min-height:48px!important;border:2px solid #8c192e;cursor:pointer}.member-clips-file-label input[type=file]{position:static!important;opacity:1!important;width:100%!important;height:auto!important;display:block!important;clip:auto!important;clip-path:none!important;margin-top:10px!important;font-size:16px!important}.member-clips-actions{flex-wrap:wrap}.member-clips-actions button{min-height:44px}.member-space-layout>.discover-panel{grid-column:1/-1}@media(max-width:700px){.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-nav{flex-wrap:wrap}.site-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.discover-panel{padding:12px}.emoji-tray{grid-template-columns:repeat(6,minmax(32px,40px))}}
.view-member-photos{display:block;font-size:14px;font-weight:700;margin:9px 0;min-height:44px}.album-caption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin:0 0 8px;color:#453830}.album-caption:empty{display:none}.member-photo-grid figure,.album-upload-selection figure{margin:0;min-width:0;border:1px solid #e6e5e1;padding:10px;background:#fff}.album-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.member-photo-album button{min-height:44px;padding:8px 12px;cursor:pointer}.member-photo-album textarea{display:block;width:100%;box-sizing:border-box;font-size:16px;margin:6px 0;resize:vertical}.member-photo-album form[hidden]{display:none}.member-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.member-photo-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.album-upload-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.album-upload-selection img{width:100%;height:120px;object-fit:contain}.album-lightbox{max-width:min(92vw,850px);max-height:92vh;overflow:auto;border:2px solid #c2b7a3;padding:16px;background:#fff}.album-lightbox img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:auto}.album-lightbox::backdrop{background:rgba(0,0,0,.75)}.member-space-main #public-member-album{margin:18px 0}.member-photo-album label{display:block}.member-photo-album input[type=file]{font-size:16px;max-width:100%;display:block;margin:8px 0}@media(max-width:700px){.member-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-upload-selection{grid-template-columns:1fr}.member-photo-grid figure{padding:8px}.album-photo-actions button{width:100%}.site-nav .nav-secondary{display:inline-flex}}

/* Chat Room tab status. Green means people are inside the room, gold means the
   site owner is inside. The wording carries the same meaning as the colour, and
   the glow is a ring rather than a border so it never fights a page's own nav. */
.chat-glow-state{display:inline;margin-left:5px;font-size:12px;font-weight:bold;white-space:nowrap}
.chat-glow-state[hidden]{display:none}
.chat-glow-short{display:none}
[data-chat-glow=green] .chat-glow-state{color:#8ef0a0}
[data-chat-glow=gold] .chat-glow-state{color:#ffe28a}
.nav-chat[data-chat-glow=green],.mobile-nav-chat[data-chat-glow=green],.member-chat-link[data-chat-glow=green]{box-shadow:0 0 0 1px #2f9d4a,0 0 9px #2f9d4a80;animation:chat-glow-green 4.5s ease-in-out infinite}
.nav-chat[data-chat-glow=gold],.mobile-nav-chat[data-chat-glow=gold],.member-chat-link[data-chat-glow=gold]{box-shadow:0 0 0 1px #c99418,0 0 11px #d8b23f8c;animation:chat-glow-gold 4.5s ease-in-out infinite}
.nav-chat[data-chat-glow=green]>span:first-child,.mobile-nav-chat[data-chat-glow=green]>span:first-child,.member-chat-link[data-chat-glow=green]>span:first-child{color:#8ef0a0}
.nav-chat[data-chat-glow=gold]>span:first-child,.mobile-nav-chat[data-chat-glow=gold]>span:first-child,.member-chat-link[data-chat-glow=gold]>span:first-child{color:#ffe28a}
@keyframes chat-glow-green{0%,100%{box-shadow:0 0 0 1px #2f9d4a,0 0 6px #2f9d4a66}50%{box-shadow:0 0 0 1px #3fbf5c,0 0 13px #3fbf5c99}}
@keyframes chat-glow-gold{0%,100%{box-shadow:0 0 0 1px #c99418,0 0 7px #c9a22766}50%{box-shadow:0 0 0 1px #e0be4c,0 0 15px #e0be4c99}}
@media(max-width:760px){.chat-glow-full{display:none}.chat-glow-short{display:inline}.mobile-nav-chat .chat-glow-state{margin-left:4px}}
/* Some people find pulsing motion uncomfortable, so the glow holds still. */
@media(prefers-reduced-motion:reduce){[data-chat-glow]{animation:none!important}}

/* The directory is member-only by design; logged-out visitors get a clear door,
   while real endpoint failures retain the retry control above it. */
.directory-access-gate{position:relative;overflow:hidden;margin:14px 0 18px;padding:clamp(20px,5vw,34px);border:1px solid rgba(133,21,42,.2);border-radius:22px;background:linear-gradient(145deg,#171315 0%,#090909 72%);color:#fff;box-shadow:0 18px 38px rgba(38,18,16,.14)}
.directory-access-gate::after{content:"";position:absolute;inset:auto -12% -55% 35%;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(206,6,51,.28),rgba(238,93,33,.08) 42%,transparent 70%);pointer-events:none}
.directory-access-gate[hidden]{display:none}
.directory-access-eyebrow{position:relative;z-index:1;display:block;margin-bottom:9px;color:#ff8467;font:700 11px/1.3 "Space Mono",monospace;letter-spacing:.14em}
.directory-access-gate h2{position:relative;z-index:1;margin:0 0 9px;color:#fff;font:700 clamp(22px,5vw,34px)/1.05 "Chakra Petch",sans-serif}
.directory-access-gate p{position:relative;z-index:1;max-width:580px;margin:0;color:#e9dfd8;font:500 15px/1.55 "Chakra Petch",sans-serif}
.directory-access-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.directory-access-actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #df254b;border-radius:12px;background:#ce0633;color:#fff;font:700 14px/1 "Chakra Petch",sans-serif;text-decoration:none}
.directory-access-actions a+ a{border-color:#67565a;background:transparent}
.directory-access-actions a:hover,.directory-access-actions a:focus-visible{transform:translateY(-1px);border-color:#ff7658;outline:3px solid rgba(255,118,88,.28);outline-offset:2px}

/* Business discovery uses the same warm paper, red, and gold as the app. */
.people-build{margin:22px 0 30px;padding:clamp(16px,3vw,25px);border:1px solid #efcdbf;border-radius:22px;background:linear-gradient(125deg,#fff4e9,#fffaf5 58%,#fff2ef);color:#302426}
.people-build[hidden]{display:none}
.people-build .people-build-eyebrow{margin:0 0 7px;color:#a34720;font:700 11px/1.4 "Space Mono",monospace;letter-spacing:.12em}
.people-build h2{margin:0 0 8px;color:#8b1831;font:700 clamp(24px,4vw,34px)/1.12 "Chakra Petch",sans-serif}
.people-build-intro{margin:0 0 18px;font-size:15px;line-height:1.5}
.people-build-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.people-build-controls label{font-size:13px;font-weight:700}
.people-build-controls select{min-height:44px;max-width:100%;padding:10px 34px 10px 12px;border:1px solid #d7bbad;border-radius:10px;background:#fff;color:#37262a;font:600 15px/1.3 inherit}
.people-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.people-build-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid #ecd7cf;border-radius:16px;background:#fff;box-shadow:0 5px 16px #693c2210}
.people-build-identity{display:flex;align-items:center;gap:11px;color:#302426;text-decoration:none;min-width:0}
.people-build-avatar{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;overflow:hidden;border-radius:16px;background:#fbe5cf;color:#9a203c;font-weight:700;font-size:23px}
.people-build-avatar img{width:100%;height:100%;object-fit:cover}
.people-build-who{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.people-build-who strong{font-size:16px;line-height:1.25}.people-build-who>span{font-size:12px;line-height:1.3;color:#6b5553}
.people-build .people-build-reason{margin:15px 0 12px;font-size:14px;line-height:1.45;color:#482e2a}
.people-build .people-build-nearby{margin:0 0 10px;font-size:11px;font-weight:700;color:#805118}
.people-build-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.people-build-actions .people-build-connect{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:10px 15px;border-radius:11px;background:#c62243;color:white;font-weight:700;font-size:14px;text-decoration:none}
.people-build-actions .people-build-pass{min-height:44px;padding:10px 8px;border:0;background:none;color:#705a56;font-size:12px;border-radius:9px}
.people-build-actions a:focus-visible,.people-build-actions button:focus-visible,.people-build-controls select:focus-visible{outline:3px solid #e4a12f;outline-offset:3px}
.people-build-status{margin:15px 0 0!important;color:#715650;font-size:12px;line-height:1.5}
.people-build-tune{display:inline-flex;align-items:center;min-height:44px;margin-top:7px;color:#9c1d38;font-size:13px;font-weight:700}
.people-build-tune[hidden]{display:none}.discover-relationship{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;font-weight:700;color:#765722}
@media(max-width:900px){.people-build-grid{grid-template-columns:1fr}.people-build-card{padding:15px}.people-build-actions{flex-wrap:nowrap}.people-build-actions .people-build-connect{flex:0 1 160px}}
@media(prefers-color-scheme:dark){body[data-roster-theme=dark] .people-build{color:#302426}}