/* Social Night 3: real-time room feed, crafted for long-form night sessions.
   Responsive browser and iNight share ONE social surface. */
.social-night-v3{--sn-white:#f4f7ff;--sn-muted:#a2aec8;--sn-edge:#ffffff1a;--sn-accent:#e8a0cc;display:flex;flex-direction:column;gap:14px;min-height:100%;max-width:720px;margin:0 auto;color:var(--sn-white);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;line-height:1.5}
.social-night-v3 button,.social-night-v3 input,.social-night-v3 textarea{font:inherit}
.social-night-v3 button{cursor:pointer;touch-action:manipulation}
.social-night-v3 button:disabled{opacity:.5;cursor:default}
.social-night-v3 button:focus-visible,.social-night-v3 input:focus-visible,.social-night-v3 textarea:focus-visible{outline:2px solid #aaf7e4;outline-offset:3px}
.social-identity{display:flex;align-items:center;gap:11px;padding:6px 3px 4px}
.social-mark{height:41px;width:41px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#543b76,#a24281 72%,#fba8b5);color:#fff;box-shadow:0 5px 19px #af5ca441;font-size:26px;flex-shrink:0}
.social-identity>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.social-identity strong{font-size:19px;font-weight:850;letter-spacing:-.04em;line-height:1.15}
.social-identity small{font-size:9px;color:#f7bfdc;letter-spacing:.15em;font-weight:700;margin-top:3px}
.social-live-pill{font-size:10px;color:#b5ffdf;border:1px solid #77e7c64b;background:#1436348c;padding:5px 9px;border-radius:50px;white-space:nowrap}
.social-room{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;border:1px solid #9b83e333;background:linear-gradient(90deg,#36223a9e,#1a233c82);font-size:10px;letter-spacing:.045em;color:#e2c6f4}
.social-room span:last-child{color:#aed7d8;white-space:nowrap}
.social-feed-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;overscroll-behavior-x:contain;padding:2px 1px 7px;scroll-snap-type:x proximity}
.social-feed-tabs::-webkit-scrollbar{display:none}
.social-tab{color:#aab2cd;border:1px solid transparent;border-radius:13px;background:transparent;padding:9px 13px;font-size:12px!important;font-weight:700!important;white-space:nowrap;min-height:38px;scroll-snap-align:start}
.social-tab.active{color:#fff;border-color:#ef9dc363;background:linear-gradient(130deg,#71345d89,#55335f90);box-shadow:0 2px 13px #a74b8d20}
.social-search{display:flex;align-items:center;gap:8px;border:1px solid #96a1c035;border-radius:13px;background:#111b31cf;padding:0 9px;color:#bbcde3;min-height:42px}
.social-search>span{font-size:25px;line-height:1}
.social-search input{border:0!important;outline:0!important;min-width:0;flex:1;background:transparent!important;color:#f7f8ff!important;font-size:13px!important;padding:7px 0!important}
.social-search button{border:0;background:transparent;color:#a8b5d0;padding:4px 8px;font-size:22px}
.social-composer-v3{padding:14px;background:linear-gradient(147deg,#1e2845eb,#181d34dd);border:1px solid #d1a6df3b;border-radius:18px;display:flex;flex-direction:column;gap:11px;box-shadow:0 14px 37px #07091445}
.social-compose-author{display:flex;align-items:center;gap:10px}
.social-compose-author>div{display:flex;flex-direction:column;min-width:0}
.social-compose-author strong{font-size:13px;color:#f4ecfa}
.social-compose-author small{font-size:10px;color:#a7b7d0}
.social-avatar{--avatar-hue:285;display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;border:1px solid #ffffff54;background:linear-gradient(150deg,hsl(var(--avatar-hue),52%,38%),#161e36);color:white;font-size:12px;font-weight:900;letter-spacing:.03em}
.social-avatar-self{background:linear-gradient(145deg,#c365ac,#54366a)}
.social-composer-v3 textarea{display:block;width:100%;box-sizing:border-box;min-height:72px;max-height:230px;resize:vertical;background:#10172a94!important;border:1px solid #ffffff16!important;border-radius:11px!important;color:#f0f4ff!important;padding:12px!important;font-size:14px!important;line-height:1.5}
.social-composer-v3 textarea::placeholder,.social-search input::placeholder{color:#9eabc5}
.social-quote-draft{position:relative;background:#10182bbc;border-left:3px solid #da87c4;border-radius:9px;padding:8px 36px 8px 12px;font-size:12px}
.social-quote-draft b{font-size:11px}
.social-quote-draft p{margin:2px 0 0;font-size:12px}
.social-quote-draft button{position:absolute;right:7px;top:7px;border:0;background:none;color:#efbbd8;font-size:22px}
.social-compose-bottom{display:flex;gap:7px;align-items:center}
.social-compose-tools{display:flex;gap:3px;flex:1}
.social-compose-tools button{min-width:37px;min-height:37px;border-radius:10px;border:0;background:#2d3b57a1;color:#f3cae5;font-size:22px}
.social-compose-tools button:active{scale:.94}
.social-limit{font-size:10px;color:#a0abc5}
.social-publish{background:linear-gradient(115deg,#e896c6,#b9a5fa)!important;color:#171225!important;border:0!important;border-radius:12px!important;padding:10px 13px!important;font-size:12px!important;font-weight:900!important;min-height:39px}
.social-composer-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}
.social-composer-emojis button{background:#2b3452;border:1px solid #ffffff17;min-height:38px;border-radius:10px;font-size:21px}
.social-stream-title{display:flex;align-items:center;justify-content:space-between;padding:5px 2px 0}
.social-stream-title>div{display:flex;flex-direction:column}
.social-stream-title strong{font-size:15px;letter-spacing:-.015em}
.social-stream-title small{font-size:10px;color:#93a5bf}
.social-stream-title button{border:1px solid #ffffff2b;background:#2630477a;border-radius:12px;width:36px;height:36px;color:#b5e9de;font-size:21px}
.social-new-posts{position:sticky;top:0;z-index:8;align-self:center;display:block;background:#c976b8!important;color:#11132a!important;border:0;border-radius:30px;padding:8px 18px;font-weight:850;font-size:12px;box-shadow:0 9px 25px #0007}
.social-new-posts[hidden]{display:none}
.social-stream{display:flex;flex-direction:column;gap:10px}
.social-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px 13px;border-radius:17px;border:1px solid #bfc2e726;background:#151c31e8;contain-intrinsic-size:auto 260px;content-visibility:auto;box-shadow:0 9px 23px #00000021}
.social-card.social-moment{background:linear-gradient(134deg,#1b2238ee,#1a2034e9)}
.social-card.social-spotlight{border-color:#e09dc5;box-shadow:0 0 0 3px #c64d9c27}
.social-card-head{display:flex;align-items:center;gap:10px}
.social-card-meta{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0;flex:1}
.social-card-author{font-size:13px;font-weight:850;color:#f4f7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.social-card-detail{font-size:10px;color:#94a8c6;white-space:nowrap}
.social-card-you{font-size:9px;color:#e49cd1;letter-spacing:.08em}
.social-menu-button{background:transparent;border:0;color:#c8d1e5;font-size:25px;min-width:38px;min-height:38px}
.social-text{white-space:pre-wrap!important;overflow-wrap:anywhere!important;margin:0!important;color:#edf0fc!important;font-size:14px!important;line-height:1.62!important}
.social-tag{color:#91d6ed;font-weight:650}
.social-card-media{position:relative;margin:0;border:1px solid #ffffff10;border-radius:15px;overflow:hidden;background:#0d1221;min-height:40px;max-height:480px}
.social-card-media img{width:100%;max-height:480px;object-fit:cover;display:block;aspect-ratio:4/3}
.social-media-open{position:absolute;right:9px;bottom:9px;background:#121727c9;color:#faf8ff;border:1px solid #ffffff70;border-radius:9px;padding:6px 9px;font-size:10px!important}
.social-quote{margin:0;border:1px solid #ffffff24;border-left:3px solid #b66bd0;border-radius:11px;background:#0f182b9e;padding:11px;font-size:12px}
.social-quote b{color:#e4b2db}
.social-quote p{margin:4px 0!important;color:#bac6d9!important}
.social-quote-photo{color:#a9dded;font-size:11px}
.social-engagement{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#98a6bf;font-size:10px;border-bottom:1px solid var(--sn-edge);padding-bottom:8px}
.social-engagement span:first-child{font-size:14px;min-width:20px}
.social-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:3px}
.social-actions button{display:grid;place-items:center;min-width:0;min-height:39px;background:#29304945;color:#d9e4f1;border:0;border-radius:9px;font-size:17px;white-space:nowrap}
.social-actions .social-action-heart{font-size:12px;font-weight:800;white-space:nowrap}
.social-actions button.is-saved{color:#ffce82;background:#624b4652}
.social-actions button:active{scale:.93}
.social-reaction-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:9px;border-radius:14px;background:#293553bf;border:1px solid #ffffff33;animation:sn-pop .2s ease-out}
.social-reaction-picker button{border:0;border-radius:9px;background:#1a2941;color:#fff;min-height:43px;font-size:15px}
.social-burst{animation:sn-burst .28s ease-out}
@keyframes sn-burst{50%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes sn-pop{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.social-tools-menu{display:flex;flex-direction:column;gap:5px;background:#0e1629;border:1px solid #cbb5db39;padding:7px;border-radius:12px}
.social-tools-menu button{border:0;background:#24304b;color:#e9e9fb;padding:10px;text-align:left;border-radius:8px;font-size:12px}
.social-thread{display:flex;flex-direction:column;gap:7px}
.social-reply{display:flex;flex-direction:column;gap:3px;border-left:2px solid #8299c34b;padding:8px 10px;background:#111b30ab;border-radius:0 11px 11px 0}
.social-reply.nested{margin-left:13px;border-color:#d180ba}
.social-reply-head{display:flex;align-items:center;gap:10px}
.social-reply-head b{font-size:11px;color:#e1b4e6}
.social-reply-head small{color:#8498b4;font-size:10px}
.social-reply p{font-size:12px!important;line-height:1.5!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:0!important}
.social-reply button{align-self:flex-start;background:transparent;border:0;color:#95d3dd;font-size:11px;padding:4px 0}
.social-thread>button{background:transparent;border:0;color:#b8a5f1;text-align:left;font-size:12px;padding:7px}
.social-comment-form{display:flex;gap:7px;border-top:1px solid var(--sn-edge);padding-top:10px}
.social-comment-form input{flex:1;min-width:0;color:#e6eaf7!important;background:#0c1528!important;border:1px solid #8ba6bf52!important;border-radius:11px!important;padding:9px!important;font-size:12px!important}
.social-comment-form button{width:39px;min-height:39px;border:0;border-radius:10px;background:#9be9df;color:#182338;font-size:21px;font-weight:850}
.social-reply-target{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d1a3df}
.social-reply-target button{font-size:20px;border:0;background:transparent;color:#d1a3df}
.social-load-more{width:100%;border:1px solid #adacc84f;background:#1b2b41b5;color:#f1e8f5;padding:12px 16px;border-radius:12px;font-size:12px;font-weight:800}
.social-zero{min-height:230px;background:linear-gradient(148deg,#232641,#151d32);border:1px solid #ffffff1e;border-radius:19px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:25px}
.social-zero-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#583961;color:#ecc5f7;font-size:38px}
.social-zero strong{font-size:17px}
.social-zero p{font-size:12px;max-width:260px;color:#a9b6cb}
.social-scope{padding:10px 6px 30px;font-size:10px!important;color:#9ea9c1!important;text-align:center;line-height:1.5!important}
.social-photo-lightbox{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#040812ed;backdrop-filter:blur(15px)}
.social-photo-lightbox img{max-width:min(95vw,1100px);max-height:75vh;object-fit:contain;border-radius:10px}
.social-photo-lightbox p{color:#e7ecf6;text-align:center;max-width:600px}
.social-photo-close{position:absolute;right:24px;top:25px;border:1px solid #ffffff50;background:#172137;color:white;padding:10px 14px;font-size:18px;border-radius:12px}
.inight-overlay.social-split .inight-device{width:min(560px,47vw);min-width:min(440px,96vw);border-radius:27px;padding:4px}
.inight-overlay.social-split .inight-page-body{padding:4px 14px 24px}
.inight-overlay.social-immersive{justify-content:center;pointer-events:auto;background:#070b17de;backdrop-filter:blur(13px)}
.inight-overlay.social-immersive .inight-shade{background:transparent;backdrop-filter:none;pointer-events:none}
.inight-overlay.social-immersive .inight-device{width:min(850px,96vw);height:97dvh;margin:0;max-height:98dvh;border-radius:20px;pointer-events:auto;padding:5px}
.inight-overlay.social-immersive .inight-page-body{padding:5px clamp(10px,4vw,56px) 30px}
@media(max-width:650px) and (orientation:portrait){
 .social-night-v3{gap:12px;padding-bottom:env(safe-area-inset-bottom,0px)}
 .social-card{border-radius:13px;padding:12px 11px}
 .social-identity{padding:1px 1px}
 .social-tab{padding:7px 11px}
 .social-actions button{min-height:42px}
 .social-composer-v3{padding:11px}
 .social-card-media img{max-height:350px}
}
@media(orientation:landscape) and (max-height:560px){
 .inight-overlay.social-split .inight-device{width:min(510px,58vw);min-width:0;height:96dvh}
 .social-identity{padding:0}
 .social-feed-tabs{padding-bottom:1px}
 .social-composer-v3 textarea{min-height:46px;max-height:80px}
 .social-card{padding:10px}
}
@media(prefers-reduced-motion:reduce){.social-night-v3 *, .social-night-v3 *:before,.social-night-v3 *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html[data-anw-quality="ultra"] .social-photo-lightbox,
html[data-anw-quality="low"] .social-photo-lightbox,
html[data-anw-quality="ultra"] .inight-overlay.social-immersive,
html[data-anw-quality="low"] .inight-overlay.social-immersive{backdrop-filter:none}

/* Single social entertainment entry from the iNight launcher */
.inight-social-launch{display:flex;align-items:center;gap:11px;text-align:left;position:relative;z-index:3;flex-shrink:0;border:1px solid #e5a8d35f;border-radius:17px;background:linear-gradient(126deg,#813b7fba,#293860e6);box-shadow:0 8px 26px #06071265;padding:13px 11px;color:#fff;min-height:69px;width:100%;margin:12px 0 2px}
.inight-social-symbol{width:41px;height:41px;border-radius:13px;background:#eeb3d038;display:grid;place-items:center;font-size:25px;color:#ffdef7}
.inight-social-launch span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.inight-social-launch strong{font-size:12px;letter-spacing:.07em}
.inight-social-launch small{font-size:10px;color:#e2d1ed;line-height:1.4}
.inight-social-launch b{font-size:10px;white-space:nowrap;color:#f9dbef}
.social-expand{border:1px solid #ffffff29;border-radius:11px;background:#28314b87;color:#e7dbee;min-height:35px;min-width:35px;font-size:21px}
@media(max-width:650px){.social-expand{display:none}.inight-social-launch{min-height:65px;margin-top:8px}}

/* Stories-like horizontal preview is populated ONLY by real images from this room. */
.social-highlights{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-height:112px;padding:3px 2px 8px;overscroll-behavior-x:contain}
.social-highlights[hidden]{display:none!important}
.social-highlights::-webkit-scrollbar{display:none}
.social-story{min-width:73px;max-width:73px;background:transparent;border:0;color:#e6eafa;display:flex;flex-direction:column;gap:5px;align-items:center;padding:0}
.social-story-ring{width:67px;height:67px;border-radius:50%;padding:3px;background:linear-gradient(140deg,#e3a1c9,#7555ca,#69cfe5);display:block;box-shadow:0 4px 14px #a25ca523}
.social-story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #15192f;display:block;box-sizing:border-box}
.social-story small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#b9c4db}

/* A quick 3D speech moment is just another item in the ONE shared feed. */
.social-compose-types{display:flex;gap:5px;padding:4px;background:#10182ba8;border:1px solid #ffffff1c;border-radius:13px}
.social-compose-types button{min-height:36px;flex:1;border:0;background:transparent;color:#aebad5;font-size:11px;font-weight:800;border-radius:9px;padding:8px}
.social-compose-types button.active{background:linear-gradient(110deg,#704778ad,#373b78b8);color:#f8e7f5;box-shadow:0 2px 8px #0003}