:root{--bg:#050b14;--bg2:#071321;--panel:#0a1727;--panel2:#0d1d31;--panel3:#10243c;--line:#1c385b;--text:#eef5ff;--muted:#8da4c4;--blue:#2b70ff;--violet:#7453ff;--green:#39df84;--yellow:#f0be4f;--red:#ff6177;--shadow:0 24px 70px #0008}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#13294d 0,#07111f 38%,#030810 100%);color:var(--text)}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}.hidden{display:none!important}.grow{flex:1}.error{min-height:20px;color:#ff8798;margin-top:10px;font-size:13px}.primary{border:0!important;background:linear-gradient(90deg,var(--blue),var(--violet))!important;color:white!important;font-weight:800}.danger{color:#ff8f9e!important}.brandmark{width:94px;height:94px;border-radius:27px;display:grid;place-items:center;font-size:58px;font-weight:950;background:linear-gradient(135deg,#2469ff,#7a4eff);box-shadow:0 0 40px #306bff77}.brandmark.mini{width:48px;height:48px;border-radius:15px;font-size:29px;margin:8px auto}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.35fr .8fr;gap:5vw;align-items:center;padding:6vh 6vw}.login-hero{max-width:850px}.login-hero h1{font-size:clamp(44px,6vw,78px);line-height:.95;margin:28px 0 14px}.login-hero h1 span{display:block;color:#6f7cff}.login-hero>p{font-size:25px;color:#c4d2e7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.feature-grid div{padding:18px;border:1px solid #274468;background:#0b1a2db8;border-radius:17px;font-size:18px;box-shadow:0 12px 28px #0004}.feature-grid small{display:block;margin-top:7px;color:var(--muted)}.auth-card{background:#08172bdc;border:1px solid #315682;border-radius:26px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#07111f;border-radius:11px;padding:4px;margin-bottom:16px}.auth-tabs button{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:8px}.auth-tabs button.active{background:#132c49;color:white}.host-state{padding:10px 12px;border-radius:10px;background:#2a1e0b;color:#ffd47f;margin:10px 0 20px;font-size:13px}.host-state.ok{background:#0b2b1b;color:#6af0a1}.host-state.bad{background:#32121b;color:#ff93a1}.auth-card h2{margin:6px 0 18px}.auth-card label,.modal-card label{display:block;color:#c8d7ec;font-size:13px;margin-top:13px}.auth-card input,.modal-card input,.modal-card select,.wide-input{width:100%;margin-top:6px;background:#071426;border:1px solid #31527c;color:white;border-radius:11px;padding:13px;outline:none}.auth-card input:focus,.modal-card input:focus,.wide-input:focus{border-color:#4e7fff;box-shadow:0 0 0 3px #356cff20}.auth-card form>button{width:100%;padding:14px;border-radius:11px;margin-top:20px}.chat-shell{display:grid;grid-template-columns:72px 280px minmax(0,1fr) 300px;height:100vh;background:var(--bg)}.servers,.channels,.members{background:#071422;border-right:1px solid #17314f}.members{border-right:0;border-left:1px solid #17314f}.servers{display:flex;flex-direction:column;align-items:center;gap:12px;padding:3px 7px}.server{width:47px;height:47px;border:1px solid #264a74;border-radius:16px;background:#0c2138;color:white;font-weight:800;transition:.18s}.server:hover{transform:translateY(-1px);background:#143357}.server.active{background:linear-gradient(135deg,#2469ff,#754dff)}.server.soft.active2{outline:2px solid #477bff}.channels{display:flex;flex-direction:column;padding:0 10px;min-width:0}.workspace{height:65px;border-bottom:1px solid #193450;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.workspace strong{display:block}.workspace span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.workspace button{display:none;background:transparent;border:0;color:white;font-size:26px}.channels h4,.members h4{font-size:11px;letter-spacing:.12em;color:#7188aa;margin:18px 8px 8px}.channel,.voice-room,.dm-item{width:100%;border:0;background:transparent;color:#aec0d8;text-align:left;border-radius:9px;padding:10px 11px;margin:1px 0}.channel:hover,.channel.active,.voice-room:hover,.dm-item:hover,.dm-item.active{background:#102744;color:white}.channel span,.voice-room span,.dm-item span{float:right;color:#7590b2}.voice-room .count{background:#142d49;border-radius:999px;padding:2px 7px;font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title button{background:transparent;border:0;color:#9db4d1}.dm-item{display:flex;gap:9px;align-items:center}.dm-item .mini-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#254b78;color:white;font-weight:800}.dm-item .dm-copy{min-width:0;flex:1}.dm-item b,.dm-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-item small{font-size:11px;color:#7790b0;margin-top:2px}.badge{background:#2d6cff;color:white!important;min-width:19px;height:19px;border-radius:10px;display:grid!important;place-items:center;font-size:10px}.voice-panel{margin-top:auto;border-top:1px solid #193450;padding:13px 4px}.voice-panel b{display:block;color:#73eca1;font-size:12px}.voice-panel small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.voice-people{max-height:95px;overflow:auto;margin:8px 0}.voice-person{font-size:11px;padding:4px 5px;color:#bdcce0}.voice-person:before{content:'●';color:var(--green);margin-right:6px}.voice-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.voice-actions button{border:1px solid #2b4e79;background:#0c1f35;color:white;border-radius:8px;padding:8px}.voice-actions button.live{border-color:#2ed879;background:#0c2c1c}.voice-actions button.muted{border-color:#ff6579;background:#31121a}.chat-main{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#071321,#050b14)}.chat-main header{height:65px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #18334f;background:#081525}.head-title{flex:1;min-width:0}.head-title b,.head-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-title small{font-size:11px;color:var(--muted);margin-top:4px}.head-actions{display:flex;gap:7px}.head-actions button,.mobile-only{border:1px solid #294b74;background:#0c1e33;color:#c5d6eb;border-radius:9px;padding:8px 10px}.mobile-only{display:none}.messages{flex:1;overflow:auto;padding:18px}.empty{height:100%;display:grid;place-items:center;color:#6f86a7;text-align:center}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:8px 7px;border-radius:10px;position:relative}.message:hover{background:#09192b}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#286dff,#7e52ff);font-weight:850}.message .meta{font-size:11px;color:#6e86a7;margin-left:8px}.message p{margin:4px 0 0;color:#d6e2f2;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42}.message .delete-msg{display:none;position:absolute;right:8px;top:7px;border:0;background:#2a1420;color:#ff94a2;border-radius:7px;padding:4px 7px;font-size:11px}.message:hover .delete-msg{display:block}.attachment{margin-top:9px;border:1px solid #1e4169;background:#08182a;border-radius:12px;padding:9px;max-width:520px}.attachment img{display:block;max-width:100%;max-height:360px;border-radius:9px}.attachment a{color:#77a6ff;text-decoration:none;display:block}.attachment small{color:#7890b0}.composer{display:grid;grid-template-columns:48px minmax(0,1fr) 54px;gap:8px;padding:12px 16px 18px}.composer input,.composer button{background:#0d2036;border:1px solid #28496f;color:white;border-radius:12px;padding:12px;outline:none}.composer input:focus{border-color:#477cff}.composer .send{background:linear-gradient(135deg,#2869ff,#6a5aff);font-size:19px}.members{padding:10px;overflow:auto}.profilebox{display:flex;align-items:center;gap:9px;border-bottom:1px solid #18334f;padding:8px 2px 13px}.profilebox small{display:block;color:#8196b5;font-size:11px;margin-top:2px}.profilebox button{background:transparent;border:1px solid #2b4c74;color:#adc1da;border-radius:8px;padding:6px 8px}.presence-edit{padding:12px 0;border-bottom:1px solid #18334f}.presence-edit select,.presence-edit input{width:100%;background:#0a1b2e;border:1px solid #27466d;color:white;border-radius:8px;padding:8px;margin-bottom:6px}.presence-edit button{width:100%;border:0;border-radius:8px;padding:7px;background:#18395d;color:#dce9f9}.member{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;cursor:pointer}.member:hover{background:#0d2239}.dot{width:9px;height:9px;border-radius:50%;background:#4b5f79}.dot.online{background:var(--green)}.dot.idle{background:var(--yellow)}.dot.busy{background:var(--red)}.member b,.member small{display:block}.member small{font-size:10px;color:#7890b1;margin-top:2px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:30;padding:20px}.modal-card{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#09192c;border:1px solid #31557f;border-radius:18px;padding:20px;box-shadow:var(--shadow)}.modal-card.small{width:min(450px,96vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;color:white;font-size:24px}.search-results{margin-top:13px}.search-item{padding:10px;border-bottom:1px solid #17334f;cursor:pointer}.search-item:hover{background:#10243b}.search-item small{color:#7890b0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.stat{padding:12px;background:#0d2138;border:1px solid #23486f;border-radius:11px}.stat b{font-size:22px;display:block}.stat small{color:#7f96b6}.admin-card{width:min(1100px,96vw)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-list{border:1px solid #1d3c60;border-radius:12px;overflow:hidden}.admin-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #17334f}.admin-row:last-child{border-bottom:0}.admin-row small{display:block;color:#7890b0}.admin-row select,.admin-row button{background:#0b1d31;border:1px solid #294b73;color:white;border-radius:7px;padding:6px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#102a45;border:1px solid #3972af;color:white;border-radius:11px;padding:11px 14px;box-shadow:0 10px 35px #0007}.toast.error-toast{background:#32141d;border-color:#8f3246}.file-pending{font-size:11px;color:#7facff;margin-left:5px}@media(max-width:1100px){.chat-shell{grid-template-columns:64px 245px minmax(0,1fr)}.members{display:none}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{overflow:hidden}.login-shell{grid-template-columns:1fr;padding:18px}.login-hero{display:none}.auth-card{padding:22px}.chat-shell{grid-template-columns:1fr}.servers{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:20;flex-direction:row;justify-content:center;background:#071422;border-top:1px solid #17314f}.servers .brandmark,.servers .server:first-of-type{display:none}.channels{position:fixed;left:0;top:0;bottom:64px;width:min(310px,86vw);z-index:25;transform:translateX(-105%);transition:.2s;box-shadow:12px 0 40px #000a}.channels.open{transform:translateX(0)}.workspace button{display:block}.chat-main{height:calc(100vh - 64px)}.mobile-only{display:inline-block}.head-actions button{font-size:0}.head-actions button:before{content:'⌕';font-size:18px}.head-actions #installBtn{display:none!important}.composer{padding-bottom:12px}.modal{padding:8px}.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.message .delete-msg{display:block;opacity:.55}.feature-grid{grid-template-columns:1fr}}
/* V2 Social + realtime */
.notify-btn{position:relative}.nav-badge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;border-radius:10px;background:#ff4668;color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px;border:2px solid #081525}.typing-indicator{color:#65baff!important;min-height:14px;font-style:italic}.message{position:relative}.message-body{min-width:0}.message-actions{display:flex;gap:5px;align-items:flex-start;opacity:0;transition:.15s}.message:hover .message-actions{opacity:1}.message-actions button,.reaction-chip,.reaction-add{border:1px solid #27466f;background:#0c1c31;color:#bcd0eb;border-radius:8px;padding:5px 8px;font-size:11px}.reaction-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reaction-chip.mine{border-color:#526dff;background:#172957;color:#fff}.reaction-add{opacity:.6}.reaction-add:hover{opacity:1}.profilebox{flex-wrap:wrap}.profilebox #profileBtn,.profilebox #logoutBtn{font-size:11px}.social-card{width:min(1050px,94vw)!important}.social-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.social-search button,.row-actions button,.social-row>button,.modal-head button{border:1px solid #294b78;background:#0d2038;color:#dce8f8;border-radius:9px;padding:8px 10px}.social-results{max-height:200px;overflow:auto;margin-bottom:12px}.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-columns section{background:#081522;border:1px solid #1b3555;border-radius:14px;padding:12px;min-height:180px}.social-columns h4{margin:0 0 9px;color:#7f98ba;font-size:11px;letter-spacing:.08em}.social-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px;border-bottom:1px solid #142b47}.social-row:last-child{border-bottom:0}.social-row small{display:block;color:#7890b0;margin-top:3px}.row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.empty-mini{padding:12px;color:#7288a6;font-size:12px}.notification-list{max-height:65vh;overflow:auto}.notification-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #17304e;background:transparent;color:#dce8f8;padding:13px}.notification-item:hover{background:#0c1e34}.notification-item.unread{background:#102846}.notification-item b{display:block}.notification-item small{float:right;color:#7890b0;margin-top:-17px}.notification-item div{color:#9fb1c9;margin-top:5px}.modal textarea{width:100%;box-sizing:border-box;background:#091426;border:1px solid #32527c;color:#fff;border-radius:10px;padding:11px;resize:vertical}.head-title{min-width:0}.head-title .typing-indicator{display:block}.modal-head>div{display:flex;gap:6px}.wide-input{min-width:0}
@media(max-width:800px){.social-columns{grid-template-columns:1fr}.social-card{height:86vh;overflow:auto}.message-actions{opacity:1}.reaction-add{opacity:1}}
.audit-list{max-height:430px;overflow:auto}.audit-row{padding:9px 10px;border-bottom:1px solid #17334f}.audit-row b,.audit-row small{display:block}.audit-row small{color:#7890b0;font-size:10px;margin-top:3px}.admin-grid{grid-template-columns:1fr 1fr 1fr}@media(max-width:1200px){.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}
.voice-actions{grid-template-columns:repeat(5,1fr)}.voice-user-controls{display:flex;align-items:center;gap:5px;margin-top:3px}.voice-user-controls button{border:0;background:transparent;color:#dce8f8;padding:1px 3px}.voice-user-controls input[type=range]{width:88px;height:4px}.voice-person{display:flex;align-items:center;justify-content:space-between;gap:6px}.voice-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-card select{width:100%;margin-top:6px;background:#071426;border:1px solid #31527c;color:white;border-radius:11px;padding:12px}
.message{grid-template-columns:42px minmax(0,1fr) auto}.message .message-actions .delete-msg{display:inline-block;position:static;background:#2a1420;color:#ff94a2;border:1px solid #5a2b3a;border-radius:7px;padding:5px 8px;font-size:11px}.message:hover .message-actions .delete-msg{display:inline-block}
.auth-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.link-btn{border:0!important;background:transparent!important;color:#86aaff!important;padding:3px 0!important;width:auto!important}.security-card{width:min(760px,94vw)}.security-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.security-summary>div,.session-row{border:1px solid #213f66;background:#09182a;border-radius:12px;padding:12px}.security-summary small,.session-row small{display:block;color:#8299b8;margin-top:4px}.security-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.security-actions button,.session-row button{border:1px solid #2b4d78;background:#10223a;color:#d8e7ff;border-radius:9px;padding:8px 10px}.session-row{display:flex;align-items:center;gap:10px;margin:8px 0}.session-row>div{flex:1}.secret-code{display:block;padding:14px;background:#07111f;border:1px solid #31527e;border-radius:10px;word-break:break-all;font-size:16px;margin:10px 0}.current-session{border-color:#2d7cff}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.health-ok{color:#64e697}.health-bad{color:#ff7f91}@media(max-width:650px){.security-summary{grid-template-columns:1fr}.security-actions{display:grid;grid-template-columns:1fr 1fr}}

.bot-badge{display:inline-flex;align-items:center;padding:1px 5px;margin-left:4px;border:1px solid #496fb7;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#a9c9ff;background:#102746;vertical-align:middle}
.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:5px}
.auth-card select,.modal-card select{width:100%;margin-top:7px;background:#0d1b30;border:1px solid #385682;color:white;border-radius:12px;padding:12px}

.avatar img,.mini-member-avatar img,.profile-avatar-large img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover;display:block}
.avatar.has-image,.mini-member-avatar,.profile-avatar-large.has-image,.profile-avatar-xl.has-image{overflow:hidden}
.profile-click{cursor:pointer}.message-body .profile-click:hover{text-decoration:underline}
.member{display:flex;align-items:center;gap:8px;cursor:pointer}.mini-member-avatar{width:31px;height:31px;min-width:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#286dff,#7e52ff);font-size:12px;font-weight:850;overflow:hidden}
.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr 1fr}
.profile-editor-card{width:min(820px,94vw)!important;max-height:92vh;overflow:auto}
.profile-edit-head{display:flex;gap:16px;align-items:center;padding:12px;border:1px solid #203f64;border-radius:14px;background:#081a2c;margin-bottom:8px}
.profile-avatar-large{width:92px;height:92px;min-width:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#286dff,#7e52ff);font-size:38px;font-weight:900;overflow:hidden;border:3px solid #315f9a}
.profile-avatar-xl{width:120px;height:120px;min-width:120px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#286dff,#7e52ff);font-size:46px;font-weight:900;overflow:hidden;border:4px solid #315f9a;box-shadow:0 14px 34px #0006}
.soft-btn{border:1px solid #31527c;background:#0d2138;color:#d8e7fa;border-radius:9px;padding:9px 11px}
.profile-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:8px 0 16px}
.profile-photo{position:relative;aspect-ratio:1/1;border:1px solid #28496e;border-radius:12px;overflow:hidden;background:#071321}
.profile-photo.avatar-photo{outline:2px solid #4f7cff}
.profile-photo>img{width:100%;height:100%;object-fit:cover}
.photo-actions{position:absolute;left:0;right:0;bottom:0;display:flex;gap:5px;align-items:center;padding:7px;background:linear-gradient(transparent,#02060ee8);padding-top:28px}
.photo-actions button,.photo-actions span{font-size:10px;border:1px solid #40638f;background:#0b1c30;color:white;border-radius:7px;padding:5px 7px}.photo-actions span{color:#74efa2}
.gallery-empty{grid-column:1/-1;border:1px dashed #29496e;border-radius:11px;padding:18px;color:#829bbd;text-align:center}
.public-profile-card{width:min(760px,94vw)!important;max-height:90vh;overflow:auto}
.public-profile-hero{display:flex;align-items:center;gap:18px;padding:10px 0 18px}.public-profile-hero h2{margin:0 0 5px;font-size:28px}.profile-status-line{margin-top:8px;color:#79e7a1}
.profile-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.profile-facts>div{background:#091b2e;border:1px solid #203e61;border-radius:10px;padding:10px}.profile-facts small,.profile-facts b{display:block}.profile-facts small{color:#7892b4;font-size:10px;margin-bottom:5px}.profile-facts b{font-size:13px;overflow-wrap:anywhere}
.public-bio{padding:12px;border-radius:10px;background:#081828;color:#cbd9eb;white-space:pre-wrap}
.public-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-gallery a{aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid #29486e}.public-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.18s}.public-gallery img:hover{transform:scale(1.03)}
@media(max-width:720px){.form-grid.two,.form-grid.three{grid-template-columns:1fr}.profile-gallery,.public-gallery{grid-template-columns:repeat(3,1fr)}.profile-facts{grid-template-columns:1fr 1fr}.public-profile-hero{align-items:flex-start}.profile-avatar-xl{width:88px;height:88px;min-width:88px}}

.social-hub-card{width:min(1050px,95vw)!important;max-height:92vh;overflow:auto}.social-hub-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}.social-hub-tabs button{border:1px solid #294c76;background:#0b1d31;color:#9db4d0;border-radius:9px;padding:8px 12px}.social-hub-tabs button.active{background:#183a61;color:#fff;border-color:#477cff}
.social-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-person-card{display:flex;align-items:center;gap:10px;border:1px solid #203f63;background:#08192a;border-radius:12px;padding:10px}.suggest-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#286dff,#7e52ff);font-weight:850}.suggest-avatar img{width:100%;height:100%;object-fit:cover}.social-person-card small{display:block;color:#8098b8;margin-top:3px;font-size:11px}.card-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-actions button,.row-actions button{border:1px solid #31547f;background:#0c2138;color:#d9e7f9;border-radius:8px;padding:6px 8px}
.social-user-copy{display:flex;align-items:center;gap:8px}.activity-row,.follow-list-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid #16304d;background:transparent;color:#d8e4f3;padding:10px}.activity-row:hover,.follow-list-row:hover{background:#0c2035}.activity-row span{color:#aabbd0}.activity-row small,.follow-list-row small{display:block;color:#718cac;margin-top:3px}
.profile-social-counts{display:flex;gap:7px;margin-top:10px}.profile-social-counts button{border:1px solid #284a74;background:#091b2f;color:#dce9f8;border-radius:9px;padding:7px 11px;min-width:75px}.profile-social-counts b,.profile-social-counts small{display:block}.profile-social-counts b{font-size:15px}.profile-social-counts small{font-size:9px;color:#7f99b9;margin-top:2px}
.profile-main-actions{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 14px}.profile-main-actions button{padding:9px 13px;border-radius:9px}
.mutual-strip{border:1px solid #1f3e62;background:#08192a;border-radius:11px;padding:9px;margin-bottom:12px}.mutual-strip>small{display:block;color:#7690b0;margin-bottom:7px}.mutual-strip>div{display:flex;gap:6px;flex-wrap:wrap}.mutual-strip button{display:flex;align-items:center;gap:5px;border:1px solid #294b73;background:#0b2035;color:#cfe0f5;border-radius:999px;padding:4px 8px 4px 4px;font-size:11px}.mutual-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#315d93}.mutual-avatar img{width:100%;height:100%;object-fit:cover}
.social-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.social-photo-card{border:1px solid #26476d;background:#071624;border-radius:12px;overflow:hidden}.social-photo-card>a{display:block;aspect-ratio:1/1;border:0;border-radius:0}.social-photo-card>a img{width:100%;height:100%;object-fit:cover}.photo-social-bar{padding:7px}.photo-reaction-buttons{display:flex;gap:4px;flex-wrap:wrap}.photo-reaction-buttons button{border:1px solid #294b74;background:#0a1d31;color:#fff;border-radius:999px;padding:4px 7px}.photo-reaction-buttons button.active{background:#244f88;border-color:#5f91e6}.photo-social-bar small{display:block;color:#7f98b7;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-comments-wrap{margin-top:18px;border-top:1px solid #1b3859;padding-top:10px}.profile-comment-form{display:grid;grid-template-columns:1fr 90px;gap:7px;margin:8px 0}.profile-comment-form input{margin:0;background:#081a2b;border:1px solid #2b4f79;color:#fff;border-radius:9px;padding:10px}.profile-comment{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid #17324f;padding:9px 3px}.profile-comment small{display:block;color:#718cab;font-size:10px;margin-top:2px}.profile-comment p{margin:5px 0 0;color:#cbd8e9;white-space:pre-wrap}.profile-comment>button{border:0;background:transparent;color:#ff8797}.profile-comments{max-height:300px;overflow:auto}
@media(max-width:720px){.social-cards{grid-template-columns:1fr}.social-gallery{grid-template-columns:repeat(2,1fr)}.profile-social-counts{overflow:auto}.profile-social-counts button{min-width:70px}.profile-comment-form{grid-template-columns:1fr 70px}}