body.member-app{display:block;margin:0;padding:0;min-width:320px;min-height:100vh;background:#0d1b2a;color:#14243c;font-family:Arial,Helvetica,sans-serif}body.member-app *{box-sizing:border-box}body.member-app button{cursor:pointer}body.member-app button:disabled{opacity:.55;cursor:wait}body.member-app :is(button,input,textarea,select,a):focus-visible{outline:3px solid #04bbd4;outline-offset:3px}.member-app .member-shell{display:grid;width:100%;grid-template-columns:255px minmax(0,1fr);min-height:100vh;max-width:1600px;margin:auto}.member-app .member-side{display:flex;flex-direction:column;min-height:100vh;background:#0a1423;border-inline-end:1px solid #35465c;padding:28px 18px;color:#f6e9d2}.member-app .member-brand{display:inline-flex;align-items:baseline;align-self:flex-start;gap:5px;border:3px solid #2d6a6f;border-radius:15px;padding:3px 10px 5px;text-decoration:none;direction:ltr;line-height:1}.member-app .member-brand b{color:#f6e9d2;font:900 31px monospace}.member-app .member-brand span{color:#8ec5e6;font:800 14px monospace}.member-app .side-kicker{font:700 10px monospace;color:#8ec5e6;letter-spacing:1.5px;margin:25px 6px 35px}.member-app .member-nav{display:grid;gap:7px;border:0;padding:0}.member-app .member-nav button{display:flex;align-items:center;gap:15px;width:100%;min-height:48px;text-align:start;margin:0;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:#bfcbd5;font:800 14px Arial,sans-serif}.member-app .member-nav button span{font-size:22px;width:25px;text-align:center;color:#8ec5e6}.member-app .member-nav button:hover,.member-app .member-nav button.active{background:#1e344a;border-color:#376575;color:#fff9ef}.member-app .member-nav button.active{box-shadow:inset 4px 0 #ff409c}.member-app .side-bottom{margin-top:auto;border-top:1px solid #42546a;padding-top:20px}.member-app .side-person{display:flex;align-items:center;gap:10px;min-width:0}.member-app .side-person b,.member-app .side-person small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-app .side-person b{font-size:13px}.member-app .side-person small{font-size:10px;color:#a5b4c5;margin-top:4px}.member-app #member-signout{margin:20px 0 0;padding:9px 5px;width:auto;min-width:0;border:0;background:transparent;color:#ff8bbd;text-align:start;font:700 13px Arial,sans-serif}.member-app .member-main{width:100%;max-width:none;margin:0;padding:35px clamp(22px,4vw,65px) 60px;background:radial-gradient(circle at 90% 0,#1e3853,#0d1b2a 55%);min-width:0}.member-app .member-top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:auto;border:0;background:transparent;padding:0;margin-bottom:26px}.member-app .member-top small{color:#8ec5e6;font:700 11px monospace;letter-spacing:2px}.member-app .member-top h1{color:#fff9ef;font-size:clamp(30px,3vw,42px);margin:7px 0 0}.member-app .top-sticker{color:#ff8bbd;font:italic 15px 'Comic Sans MS',cursive;transform:rotate(-6deg);white-space:nowrap}.member-app .member-window{max-width:1030px;min-height:570px;background:#fff9ef;border:2px solid #8ec5e6;box-shadow:10px 10px 0 #2d6a6f,15px 18px 34px #0006}.member-app .member-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:8px 13px;background:#8ec5e6;border-bottom:2px solid #14243c;font:800 12px monospace}.member-app .member-bar span:last-child{letter-spacing:3px;white-space:nowrap}.member-app .member-content{padding:clamp(18px,3vw,36px);min-height:530px}.member-app .member-bottom{display:none}.member-app .section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.member-app .eyebrow{font:900 11px monospace;color:#d9347e;letter-spacing:2px}.member-app .section-heading h2{font-size:27px;margin:7px 0 0}.member-app .outline,.member-app .text-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;margin:0;padding:10px 16px;background:#fff;border:1px solid #2d6a6f;border-radius:6px;color:#2d6a6f;font:800 13px Arial,sans-serif;text-decoration:none}.member-app .outline:hover,.member-app .text-button:hover{background:#e6f1f0}.member-app .text-button{padding:7px 0;border:0;background:transparent}.member-app .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:130px;min-height:46px;margin:0;padding:12px 19px;border:0;border-radius:7px;background:#ff409c;color:#151221;font:900 14px Arial,sans-serif}.member-app .primary:hover{background:#ff71b5}.member-app .primary.compact{margin-bottom:15px;min-height:40px}.member-app .filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}.member-app .filter-row button{width:auto;min-width:0;min-height:38px;margin:0;padding:8px 15px;border:1px solid #b7bec7;border-radius:6px;background:#fff;color:#14243c;font:700 12px Arial,sans-serif}.member-app .filter-row button.selected{background:#14243c;border-color:#14243c;color:#fff}.member-app .member-alert{padding:11px 14px;border-radius:6px;background:#e7f4ed;color:#236344;font-size:13px;line-height:1.5}.member-app .member-alert.error{background:#fff0f1;color:#a92345}.member-app .member-empty{text-align:center;padding:70px 20px;color:#2d6a6f;font-size:36px}.member-app .member-empty p{font-size:14px;color:#697681}.member-app .member-loading{text-align:center;padding:70px;color:#2d6a6f;font-weight:800}.member-app .muted{color:#697681;font-size:13px}.member-app .card-grid,.member-app .chat-list{display:grid;gap:11px}.member-app .event-card,.member-app .chat-card{display:flex;align-items:center;gap:16px;width:100%;margin:0;padding:14px;text-align:start;border:1px solid #d4c7b4;border-radius:8px;background:#fff;color:#14243c}.member-app .event-card:hover,.member-app .chat-card:hover{border-color:#2d6a6f;box-shadow:0 4px 15px #0d1b2a16}.member-app .event-icon{display:grid;place-items:center;flex:none;width:65px;height:70px;border-radius:7px;background:#f6e9d2;color:#d9347e;font-size:29px}.member-app .event-copy,.member-app .chat-copy{display:grid;gap:5px;min-width:0;flex:1}.member-app .event-copy b,.member-app .chat-copy b{font-size:15px}.member-app .event-copy small,.member-app .chat-copy small{font-size:12px;color:#667581}.member-app .event-copy>span{font-size:12px;color:#818c94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-app .join-chip{display:grid;place-items:center;gap:3px;min-width:60px;padding:7px;border:1px solid #2d6a6f;color:#2d6a6f;font-size:12px;font-weight:900}.member-app .join-chip.going{background:#2d6a6f;color:#fff}.member-app .join-chip small{font-size:10px}.member-app .detail-view{max-width:720px}.member-app .detail-cover{display:block;width:100%;height:240px;object-fit:cover;border-radius:8px;margin:20px 0}.member-app .detail-cover.placeholder{display:grid;place-items:center;background:#f6e9d2;color:#d9347e;font-size:80px}.member-app .detail-view h2{font-size:30px;margin:22px 0 16px}.member-app .detail-view h3{font-size:17px;margin:26px 0 8px}.member-app .detail-view p{line-height:1.6}.member-app .detail-meta,.member-app .attendee-count{color:#2d6a6f;font-size:14px}.member-app .detail-view .primary{margin-top:12px}.member-app .location-banner{padding:20px;background:#e9e0cf;color:#14243c;border-radius:7px;margin-bottom:16px;font-weight:800}.member-app .member-avatar{display:grid;place-items:center;overflow:hidden;flex:none;width:45px;height:45px;border-radius:50%;background:#f6e9d2;border:2px solid #8ec5e6;color:#2d6a6f;font:900 14px monospace}.member-app .member-avatar.small{width:36px;height:36px;font-size:12px}.member-app .member-avatar.large{width:82px;height:82px;font-size:24px}.member-app .member-avatar img{width:100%;height:100%;object-fit:cover}.member-app .chat-card{min-height:70px}.member-app .chat-arrow{color:#2d6a6f;font-weight:800;font-size:12px;white-space:nowrap}.member-app .room-view{display:flex;flex-direction:column;min-height:560px}.member-app .room-heading{display:flex;align-items:center;gap:20px;border-bottom:1px solid #d4c7b4;padding-bottom:15px}.member-app .room-heading h2{font-size:20px;margin:0}.member-app .message-list{flex:1;min-height:300px;max-height:55vh;overflow:auto;padding:20px 4px;display:flex;flex-direction:column;gap:18px}.member-app .message{display:flex;align-items:flex-start;gap:10px;max-width:80%}.member-app .message.own{align-self:flex-end;flex-direction:row-reverse}.member-app .message>div{padding:10px 13px;border-radius:10px;background:#e8ecf1}.member-app .message.own>div{background:#dcefeb}.member-app .message-meta{display:flex;gap:14px;align-items:center}.member-app .message-meta b{font-size:12px}.member-app .message-meta small{color:#76838c;font-size:10px}.member-app .message p{margin:8px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.member-app .room-composer{border-top:1px solid #d4c7b4;padding-top:13px}.member-app .retro-actions{display:flex;gap:8px}.member-app .retro-actions button{width:auto;min-width:0;margin:0;padding:7px 11px;background:#f6e9d2;border:1px solid #2d6a6f;border-radius:5px;color:#2d6a6f;font:900 11px monospace}.member-app #message-form{display:flex;gap:8px;margin-top:10px}.member-app #message-form input{flex:1;min-width:0;height:46px;border:1px solid #b7bec7;border-radius:6px;padding:10px 14px}.member-app #message-form button{width:48px;min-width:48px;margin:0;padding:0;border:0;border-radius:6px;background:#ff409c;color:#14243c;font-size:22px}.member-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.member-app .profile-head{display:flex;align-items:center;gap:16px}.member-app .profile-head>div{flex:1;min-width:0}.member-app .profile-head h2{margin:0 0 4px;font-size:22px}.member-app .profile-head p,.member-app .profile-head small{display:block;margin:3px 0;color:#61717c;font-size:12px;overflow-wrap:anywhere}.member-app .profile-actions{margin:22px 0}.member-app .bio-card{padding:18px;border:1px solid #b7bec7;background:#f0f1f1;border-radius:6px;line-height:1.6}.member-app h3{font-size:16px;margin:24px 0 12px}.member-app .interest-grid{display:flex;flex-wrap:wrap;gap:8px}.member-app .interest-grid span,.member-app .interest-grid button{width:auto;min-width:0;margin:0;padding:8px 12px;border:1px solid #a9bad7;border-radius:20px;background:#dbe6fa;color:#14243c;font:700 12px Arial,sans-serif}.member-app .interest-grid button.chosen{background:#2d6a6f;color:#fff}.member-app .profile-form{max-width:650px}.member-app .profile-form label,.member-app .invite-card label,.member-app .account-card label,.member-app .member-dialog label{display:block;margin:16px 0 7px;font-size:13px;font-weight:800}.member-app .profile-form input,.member-app .profile-form textarea,.member-app .invite-card input,.member-app .account-card select,.member-app .member-dialog input[type=text],.member-app .member-dialog input[name=name]{display:block;width:100%;min-height:46px;margin-top:7px;border:1px solid #b7bec7;background:#fff;border-radius:5px;padding:10px 12px;font:15px Arial,sans-serif}.member-app .profile-form textarea{min-height:100px}.member-app .profile-form .primary{margin-top:18px}.member-app .invite-card,.member-app .account-card{margin-top:32px;padding:20px;border:1px solid #d4c7b4;background:#fff}.member-app .invite-card h3,.member-app .account-card h3{margin:0 0 15px}.member-app .invite-card h3 small{color:#667581;font-weight:500}.member-app #invite-form{display:flex;gap:10px}.member-app #invite-form input{flex:1;margin:0}.member-app .avatar-grid{display:flex;flex-wrap:wrap;gap:10px}.member-app .avatar-grid button{display:grid;justify-items:center;gap:4px;width:auto;min-width:0;margin:0;padding:8px;border:1px solid #d4c7b4;background:#fff;border-radius:7px}.member-app .avatar-grid small{font-size:11px}.member-app .upload-label{display:block;margin:15px 0 20px;font-size:12px;color:#2d6a6f;font-weight:800}.member-app .upload-label input{display:block;margin-top:9px}.member-app .settings-list{display:grid}.member-app .setting-row{display:flex;align-items:center;gap:13px;min-height:77px;margin:0;border-bottom:1px solid #ded5c8}.member-app .setting-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#f6e9d2;color:#2d6a6f;font-size:21px}.member-app .setting-row>span:nth-child(2){flex:1;display:grid;gap:5px}.member-app .setting-row b{font-size:14px}.member-app .setting-row small{font-size:11px;color:#76838c}.member-app .setting-row input{width:20px;height:20px;accent-color:#2d6a6f}.member-app .account-card{max-width:650px}.member-app .account-card select{max-width:220px}.member-app .signout-main{margin-top:22px;color:#bd305d;border-color:#bd305d}.member-dialog{width:min(500px,calc(100vw - 24px));max-height:85vh;overflow:auto;border:2px solid #8ec5e6;background:#fff9ef;color:#14243c;padding:25px;box-shadow:10px 10px 0 #2d6a6f}.member-dialog::backdrop{background:#07101ccc}.member-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between}.member-dialog h2{font-size:22px;margin:0}.member-dialog #close-dialog{width:auto;min-width:0;margin:0;padding:2px 7px;border:0;background:transparent;font-size:27px;color:#14243c}.member-dialog fieldset{margin:20px 0;border:1px solid #d4c7b4;max-height:190px;overflow:auto}.member-dialog legend{font-size:13px;font-weight:800}.member-dialog .check-row{display:flex;align-items:center;gap:9px;margin:9px 0}.member-dialog .check-row input{width:17px;height:17px}.member-dialog .primary{background:#ff409c;color:#14243c;border:0;border-radius:6px;margin-top:10px}.member-dialog .member-alert{font-size:12px;color:#a92345}html[lang=ar] .member-app{font-family:Tahoma,Arial,sans-serif}html[lang=ar] .member-app .member-nav button{font-family:Tahoma,Arial,sans-serif}html[lang=ar] .member-app .member-nav button.active{box-shadow:inset -4px 0 #ff409c}html[lang=ar] .member-app .member-main{background:radial-gradient(circle at 10% 0,#1e3853,#0d1b2a 55%)}@media(max-width:950px){.member-app .member-shell{grid-template-columns:210px minmax(0,1fr)}.member-app .member-main{padding-inline:25px}.member-app .top-sticker{display:none}}@media(max-width:700px){.member-app .member-shell{display:block;padding-bottom:70px}.member-app .member-side{display:none}.member-app .member-main{padding:25px 14px 35px;min-height:calc(100vh - 70px)}.member-app .member-top{padding:0 7px;margin-bottom:19px}.member-app .member-top h1{font-size:29px}.member-app .member-window{min-height:calc(100vh - 180px);box-shadow:5px 5px 0 #2d6a6f}.member-app .member-content{padding:17px;min-height:calc(100vh - 225px)}.member-app .member-bottom{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-around;min-height:68px;padding:5px 3px calc(5px + env(safe-area-inset-bottom));background:#0a1423;border-top:1px solid #426076}.member-app .member-bottom button{display:grid;justify-items:center;gap:1px;flex:1;min-width:0;margin:0;padding:3px 1px;border:0;background:transparent;color:#bfcbd5;font-size:22px}.member-app .member-bottom button.active{color:#ff71b5}.member-app .member-bottom small{font-size:10px;font-weight:700}.member-app .section-heading h2{font-size:22px}.member-app .event-icon{width:50px;height:60px}.member-app .event-card{gap:10px;padding:10px}.member-app .event-copy b{font-size:13px}.member-app .event-copy small,.member-app .event-copy>span{font-size:10px}.member-app .join-chip{min-width:45px;font-size:10px}.member-app .profile-head{flex-wrap:wrap}.member-app .profile-head .outline{margin-inline-start:auto}.member-app #invite-form{display:grid}.member-app #invite-form .primary{width:100%}.member-app .message-list{max-height:55vh}.member-app .member-bar{font-size:10px}}@media(max-width:390px){.member-app .member-bottom small{font-size:9px}.member-app .filter-row button{font-size:11px;padding:7px 9px}.member-app .member-bar span:last-child{display:none}.member-app .chat-arrow{font-size:10px}}
.member-app .member-window.buzz-effect{animation:member-buzz .55s linear}.member-app .kiss-effect{position:fixed;z-index:100;left:50%;top:45%;font-size:80px;pointer-events:none;animation:member-kiss 1.1s ease-out forwards}@keyframes member-buzz{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@keyframes member-kiss{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}45%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.member-app .member-window.buzz-effect,.member-app .kiss-effect{animation:none}}
.member-app .kiss-effect{inset:0;left:0;top:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#0a102055;perspective:700px;animation:kiss-backdrop 1.6s ease-out forwards}.member-app .kiss-effect span{display:block;font-size:clamp(110px,20vw,210px);line-height:1;filter:drop-shadow(0 12px 18px #d9347e99);transform-style:preserve-3d;animation:kiss-pop-3d 1.6s cubic-bezier(.2,1.4,.4,1) forwards}.member-app .kiss-effect b{color:#fff9ef;font:900 clamp(15px,3vw,24px) monospace;letter-spacing:2px;text-shadow:0 3px 8px #0a1020,0 0 12px #ff409c;animation:kiss-label 1.6s ease-out forwards}@keyframes kiss-backdrop{0%{opacity:0}15%,72%{opacity:1}100%{opacity:0}}@keyframes kiss-pop-3d{0%{opacity:0;transform:translateZ(-280px) rotateY(-70deg) rotateX(35deg) scale(.3)}38%{opacity:1;transform:translateZ(100px) rotateY(18deg) rotateX(-10deg) scale(1.2)}65%{opacity:1;transform:translateZ(35px) rotateY(-8deg) rotateX(4deg) scale(1)}100%{opacity:0;transform:translateZ(180px) rotateY(12deg) scale(1.3)}}@keyframes kiss-label{0%,20%{opacity:0;transform:translateY(15px)}40%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.member-app .kiss-effect,.member-app .kiss-effect span,.member-app .kiss-effect b{animation:none}}
/* Keep every member view inside a narrow phone viewport. */
.member-app .member-shell,.member-app .member-main,.member-app .member-window,.member-app .member-content,.member-app .section-heading,.member-app .room-view,.member-app .room-heading,.member-app .profile-head,.member-app .settings-list,.member-app .card-grid,.member-app .chat-list{min-width:0;max-width:100%}.member-app .member-window{width:100%}.member-app .member-bar span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-app .member-content{overflow-wrap:anywhere}.member-app .card-grid,.member-app .chat-list,.member-app .settings-list{grid-template-columns:minmax(0,1fr)}.member-app .event-card,.member-app .chat-card,.member-app .setting-row{min-width:0;max-width:100%}.member-app .event-copy,.member-app .chat-copy,.member-app .setting-row>span:nth-child(2),.member-app .member-top>div,.member-app .room-heading h2{min-width:0;overflow-wrap:anywhere}.member-app #invite-form input,.member-app .profile-form input,.member-app .account-card select{min-width:0;max-width:100%}.member-app .member-bottom button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.member-app .member-main{width:100%;max-width:100%;overflow:clip}.member-app .section-heading{flex-wrap:wrap}.member-app .event-card,.member-app .chat-card{gap:8px}.member-app .message{max-width:calc(100% - 12px);min-width:0}.member-app .message>div{min-width:0}.member-app .message-meta{flex-wrap:wrap;gap:4px 10px}.member-app .room-heading{flex-wrap:wrap;gap:6px 12px}.member-app .profile-head .outline{max-width:100%}}@media(max-width:359px){.member-app .member-main{padding-inline:9px}.member-app .member-content{padding:12px}.member-app .member-top h1{font-size:25px}.member-app .event-icon{width:42px;height:50px}.member-app .join-chip{min-width:40px;padding:5px}}
@media(max-width:700px){.member-app .member-window:has(.room-view){min-height:0}.member-app .member-content:has(.room-view){display:flex;flex-direction:column;height:calc(100dvh - 220px);min-height:300px}.member-app .room-view{flex:1;height:100%;min-height:0}.member-app .message-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}.member-app .room-composer{flex:none;background:#fff9ef}}@media(max-height:560px) and (max-width:700px){.member-app .member-content:has(.room-view){height:calc(100dvh - 180px);min-height:220px}}
.member-app .mobile-signout{display:none}@media(max-width:700px){.member-app .member-top{flex-wrap:wrap;gap:8px}.member-app .mobile-signout{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;min-width:0;min-height:36px;margin:0;padding:7px 10px;border:1px solid #ff8bbd;border-radius:7px;background:#0a1423;color:#ffb0d1;font:800 12px Arial,sans-serif;white-space:nowrap}.member-app .mobile-signout:hover{background:#ff409c;color:#14243c}}@media(max-width:359px){.member-app .mobile-signout{font-size:11px;padding-inline:7px}}