.social-card,.direct-card,.group-card,.group-call-card,.call-inbox{border:1px solid #30273e;background:linear-gradient(145deg,#1c1727,#13121d);border-radius:20px;padding:22px;margin:18px 0}.social-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.social-card-head h2{margin:3px 0 0;font-size:20px}.social-kicker{font-size:10px;letter-spacing:2px;color:#b99aff;font-weight:700}.live-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #3b3448;background:#171520;border-radius:999px;padding:7px 10px;font-size:9px;color:#c8bbdc;white-space:nowrap}.live-chip i{width:7px;height:7px;border-radius:50%;background:#63dfb3;box-shadow:0 0 10px #63dfb3;animation:community-pulse 1.5s infinite}@keyframes community-pulse{50%{opacity:.35}}.people-search{display:flex;gap:9px}.people-search input{min-width:0;flex:1;background:#100f16;border:1px solid #3a304b;border-radius:10px;color:#fff;padding:12px 14px;font:inherit}.people-search button,.direct-call-actions button,.call-actions button{border:1px solid #443454;border-radius:10px;background:#282036;color:#f8f4ff;padding:10px 14px;cursor:pointer}.people-search button.primary{background:#9971f6;border:0}.people-list{display:grid;gap:8px;margin-top:12px}.person-row,.request-row{display:flex;align-items:center;gap:12px;border:1px solid #2b2635;border-radius:12px;background:#15131d;padding:11px 12px}.person-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9669df,#452d67);font-weight:800}.person-name{flex:1;min-width:0}.person-name strong{display:block;font-size:13px}.person-name small{display:block;margin-top:3px;color:#9891a3;font-size:10px}.person-row button,.request-row button{border:1px solid #40364f;border-radius:8px;background:#211a2d;color:#d7c5fa;padding:8px 10px;font-size:10px;cursor:pointer;white-space:nowrap}.person-row button:hover,.request-row button:hover,.direct-call-actions button:hover,.call-actions button:hover{border-color:#a47af0}.subheading{font-size:13px;margin:22px 0 8px;color:#e5dcef}.request-list{display:grid;gap:8px;margin-top:12px}.request-row .request-actions{display:flex;gap:6px;margin-left:auto}.request-row .accept{color:#89e8bd}.request-row .decline{color:#ff91a2}.direct-card{border-color:#634c82}.direct-call-actions,.call-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.direct-call-actions span{font-size:10px;color:#aaa3ba}.message-thread{height:320px;overflow:auto;border:1px solid #292432;border-radius:12px;background:#100f16;padding:12px}.message{max-width:82%;padding:11px 14px;margin:9px 0;border-radius:14px;background:#242032;overflow-wrap:anywhere}.message.mine{margin-left:auto;background:#382654}.message small{color:#a99dbd;font-size:10px}.message p{margin:5px 0 0;color:#f3eff9}.message img,.message video{max-width:100%;max-height:260px;border-radius:11px;display:block;margin-top:8px}.compose-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.compose-form textarea{min-width:0;background:#100f16;border:1px solid #393047;border-radius:11px;color:#fff;padding:12px;font:inherit;resize:vertical}.compose-form>button{align-self:end}.compose-tools{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.compose-tools span,.small-note{font-size:10px!important}.compose-tools input{max-width:100%;font-size:11px;color:#aaa3ba}.compose-tools button{margin-left:auto}.group-call-card{background:radial-gradient(ellipse at 85% 0,#271c3c,#15131e 55%)}.end-call{color:#ff9aab!important;border-color:#70404c!important}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.video-grid video{width:100%;max-height:320px;min-height:120px;background:#08070c;border-radius:13px}.small-note{line-height:1.5}#status,#call-status{color:#88e3d6}#call-inbox{border-color:#6b4e8c;box-shadow:0 0 24px #9c68e319}.incoming-call-row{display:flex;align-items:center;gap:12px}.incoming-call-row strong{flex:1}.incoming-call-row button{border:1px solid #443454;border-radius:9px;background:#292039;color:#fff;padding:9px 12px;cursor:pointer}.incoming-call-row .accept{background:#7150b0}.empty-state{padding:13px;color:#a49caf;font-size:12px}.direct-selected{outline:1px solid #8b64c1}@media(max-width:600px){.social-card,.direct-card,.group-card,.group-call-card,.call-inbox{padding:16px;border-radius:16px}.social-card-head h2{font-size:18px}.person-row{gap:8px;padding:9px}.person-row button{padding:8px 7px;font-size:9px}.message-thread{height:280px}.compose-form{grid-template-columns:1fr}.compose-form>button{justify-self:end}.compose-tools{align-items:flex-start}.compose-tools span{width:100%}.incoming-call-row{flex-wrap:wrap}.incoming-call-row strong{min-width:45%}}