@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0b1020;--panel:#10182b;--panel2:#141e34;--line:#243047;--text:#f1f5ff;--muted:#8794ad;--accent:#54cfff;--accent2:#5d7bff;--pink:#f070b4;--danger:#ff6b86;--green:#49dfac;--font:'DM Sans',system-ui,-apple-system,sans-serif;--heading:'Outfit','DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font)}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea,button{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}img{max-width:100%}.hidden{display:none!important}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-family:var(--heading);font-size:25px;font-weight:800;letter-spacing:-1.4px;color:var(--text)}.brand-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,var(--accent),#537eff 90%);color:#0c1930;font-size:25px;font-weight:900;letter-spacing:-3px;padding-right:3px;box-shadow:0 7px 30px #43b4ff2a}.brand-mark span{color:#fff}.brand-dot{color:var(--accent)}.primary-btn{border:0;border-radius:100px;background:linear-gradient(105deg,#5bd4ff,#5685ff);color:#071329;box-shadow:0 8px 28px #4f9afa24;font-weight:800;transition:transform .18s,filter .18s}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-btn:disabled{opacity:.55;cursor:wait}.outline-btn{background:transparent;border:1px solid #32445d;color:var(--text);border-radius:40px;padding:9px 16px;font-weight:700;transition:background .2s}.outline-btn:hover{background:#1c2a44}.outline-btn.slim{padding:7px 14px;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.1px;color:var(--accent);text-transform:uppercase}
/* auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr)}.auth-illustration{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:54px clamp(35px,7vw,100px);background:radial-gradient(ellipse at 77% 63%,#2a3265 0,transparent 43%),radial-gradient(ellipse at 0% 0%,#15456299 0,transparent 58%),linear-gradient(145deg,#112640,#11162e 70%)}.auth-illustration:after{content:'';position:absolute;width:720px;height:720px;right:-350px;bottom:-220px;border:1px solid #ffffff0e;border-radius:50%;box-shadow:0 0 0 85px #ffffff05,0 0 0 190px #ffffff03;pointer-events:none}.auth-illustration .brand{z-index:1}.auth-copy{margin-top:clamp(70px,12vh,150px);position:relative;z-index:1}.light-eyebrow{color:#8ee2ff}.dot-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px;box-shadow:0 0 14px #62ffd4}.auth-copy h1{font-family:var(--heading);font-size:clamp(44px,4.5vw,72px);line-height:1.06;letter-spacing:-2.4px;margin:24px 0 20px}.auth-copy h1 em{font-style:normal;background:linear-gradient(100deg,#69dbff,#a6a0ff);background-clip:text;color:transparent}.auth-copy p{color:#afc0d8;max-width:445px;font-size:17px;line-height:1.7}.illustration-cards{position:relative;min-height:235px;margin-top:50px;max-width:550px}.float-card{background:#152741de;border:1px solid #45618480;box-shadow:0 15px 40px #03091560;backdrop-filter:blur(10px);border-radius:17px;position:absolute}.mock-post{left:0;top:8px;width:min(360px,75%);padding:18px;display:flex;gap:12px;transform:rotate(-4deg)}.mock-post b{font-size:12px}.mock-post b span{color:#90a5bf;font-weight:400}.mock-post p{margin:4px 0 12px;font-size:13px}.mini-avatar{height:35px;width:35px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:800}.purple{background:linear-gradient(145deg,#f37cd5,#7454da)}.fake-actions{color:#afbed4;font-size:12px}.fake-actions span{padding-left:15px}.mock-chat{width:238px;right:2px;top:90px;padding:13px;transform:rotate(5deg)}.chat-bubble{font-size:12px;background:#2a3953;padding:11px 13px;border-radius:12px 12px 12px 4px;margin-bottom:9px}.chat-bubble.mine{background:#32649a;margin-left:26px;border-radius:12px 12px 4px 12px}.float-tag{position:absolute;top:210px;left:20px;color:#a7dfff;font-size:12px;font-weight:700}.auth-footer{margin-top:auto;color:#7791b1;font-size:11px;z-index:1}.auth-form-area{display:grid;place-items:center;padding:40px 28px;background:#0c1222}.auth-card{max-width:410px;width:100%}.auth-welcome h2{font-family:var(--heading);font-size:43px;line-height:1.2;letter-spacing:-1.6px;margin:12px 0 5px}.auth-welcome p{color:var(--muted);font-size:15px;margin:0 0 32px}.auth-tabs{display:flex;background:#141e32;border:1px solid #253349;padding:4px;border-radius:13px;margin-bottom:28px}.auth-tabs button{flex:1;background:none;color:#93a1b7;border:0;border-radius:9px;padding:12px 9px;font-weight:800}.auth-tabs button.active{background:#253b59;color:#edf8ff;box-shadow:0 2px 10px #070b1a55}.field{margin:0 0 18px}.field label{display:block;font-size:12px;color:#c1cce0;font-weight:700;margin-bottom:8px}.field input,.field textarea{display:block;width:100%;background:#111b30;border:1px solid #2c3b54;color:var(--text);border-radius:12px;padding:14px 15px;transition:border-color .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#5f718e}.input-icon{position:relative}.input-icon span{position:absolute;left:15px;top:14px;color:var(--accent);font-weight:800}.input-icon input{padding-left:34px}.auth-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:27px;padding:15px 21px}.auth-button span{font-size:20px}.auth-note{display:flex;gap:11px;background:#17253b80;border:1px solid #293854;border-radius:14px;padding:14px 15px;color:#91a0b8;font-size:11px;line-height:1.6;margin-top:25px}.auth-switch{text-align:center;color:#8495ad;font-size:12px;margin-top:27px}.auth-switch button{background:none;color:var(--accent);border:0;font-weight:800}.mobile-auth-brand{display:none}.form-error{color:#ff879a;background:#4b26353d;border:1px solid #9a3d55;border-radius:10px;padding:10px 12px;font-size:12px}
/* app layout */
.app-shell{width:min(1375px,100%);min-height:100vh;margin:auto;display:grid;grid-template-columns:250px minmax(440px,1fr) 310px;gap:0}.left-rail{position:sticky;top:0;height:100vh;padding:27px 21px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand-nav{background:none;border:0;padding:0 13px 33px;text-align:left}.brand-nav .brand-mark{width:43px;height:43px;font-size:24px}.main-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;position:relative;gap:16px;width:100%;padding:13px 15px;background:transparent;border:0;border-radius:13px;color:#abb7cc;font-weight:700;text-align:left;font-size:14px}.nav-link:hover{background:#18243b;color:#fff}.nav-link.active{background:linear-gradient(90deg,#234263, #1a2a45);color:var(--accent)}.nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:21px;height:21px}.nav-unread{margin-left:auto;background:var(--accent);width:7px;height:7px;border-radius:50%}.side-compose{padding:14px 20px;margin-top:23px;display:flex;align-items:center;justify-content:center;gap:11px}.side-spacer{flex:1}.left-user{border:1px solid #26364e;border-radius:15px;display:flex;align-items:center;gap:11px;padding:11px;background:#141e31;text-align:left;color:var(--text);width:100%}.left-user b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.left-user small{display:block;color:var(--muted);font-size:11px}.left-user svg{margin-left:auto}.logout-btn{border:0;background:none;text-align:left;color:#8494af;display:flex;align-items:center;gap:9px;margin:12px 0 0 8px;padding:10px;font-size:12px}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{color:#f69fb4}.main-column{border-right:1px solid var(--line);min-height:100vh;min-width:0}.right-rail{position:sticky;top:0;height:100vh;overflow-y:auto;padding:29px 20px}.bottom-nav{display:none}.page-top{position:sticky;top:0;z-index:8;background:#0b1020ef;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);min-height:78px;padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.page-top h2{font:800 22px var(--heading);margin:0;letter-spacing:-.5px}.page-top .subtitle{color:var(--muted);font-size:11px;margin:3px 0 0}.top-action{background:#192940;border:1px solid #2c4663;color:var(--accent);border-radius:12px;padding:9px 13px;font-weight:800;font-size:12px}.top-action:hover{background:#243a58}.section-label{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#92a4c2;font-weight:900;margin:0 0 15px}.avatar{display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;overflow:hidden;background:linear-gradient(145deg,#576fe5,#c76ebc);color:#fff;font-family:var(--heading);font-weight:800;letter-spacing:-.4px;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:35px;height:35px;font-size:13px}.avatar.md{width:45px;height:45px;font-size:18px}.avatar.lg{width:55px;height:55px;font-size:20px}.avatar.xl{width:93px;height:93px;border:5px solid var(--bg);font-size:30px;box-shadow:0 5px 25px #0005}.avatar.color-1{background:linear-gradient(135deg,#e98d82,#d1538f)}.avatar.color-2{background:linear-gradient(135deg,#68a7f6,#7d61d9)}.avatar.color-3{background:linear-gradient(135deg,#49cabb,#3785bd)}.avatar.color-4{background:linear-gradient(135deg,#e9b35c,#dd6f61)}.icon-button{background:transparent;color:#8e9bb0;border:0;border-radius:50%;display:inline-grid;place-items:center;width:36px;height:36px}.icon-button svg{height:19px;width:19px}.icon-button:hover{background:#24354c;color:var(--accent)}.icon-button.small-icon{width:29px;height:29px}
/* composer */
.composer{padding:23px 23px 16px;display:flex;gap:13px;border-bottom:8px solid #111a2c}.compose-main{flex:1;min-width:0}.compose-main textarea{background:none;width:100%;border:0;resize:vertical;min-height:72px;max-height:220px;color:var(--text);font-size:17px;padding:8px 0;line-height:1.5}.compose-main textarea::placeholder{color:#718098}.compose-main textarea:focus{outline:0}.compose-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #202e43;padding-top:13px;gap:8px}.compose-tools{display:flex;align-items:center;gap:11px}.compose-file{display:inline-flex;align-items:center;gap:6px;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700}.compose-file svg{height:18px;width:18px}.compose-file input{display:none}.community-chip{color:#bdd4f8;border:1px solid #36536b;background:#192a46;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700}.post-button{padding:10px 23px}.compose-preview{margin:10px 0 14px;position:relative;display:inline-block}.compose-preview img{border:1px solid #324360;max-height:190px;border-radius:13px;object-fit:contain}.remove-preview{position:absolute;top:6px;right:6px;background:#0a122bcd;border:0;border-radius:50%;color:white;padding:3px 7px}
/* posts */
.feed-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 22px;align-items:center}.feed-tabs>span{display:inline-block;padding:16px 3px;border-bottom:2px solid var(--accent);font-weight:800;color:var(--text);font-size:12px}.post{display:flex;gap:12px;padding:20px 24px 15px;border-bottom:1px solid var(--line);position:relative;animation:fadein .18s ease-out}.post:hover{background:#10192ba1}.post-main{min-width:0;flex:1}.post-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.post-meta .name{font-weight:800;color:var(--text);font-size:13px}.post-meta .user-handle,.post-meta .time{color:#7f8da5}.post-meta button{background:none;border:0;padding:0}.post-meta button:hover{text-decoration:underline}.post .post-community{display:inline-flex;gap:3px;align-items:center;font-size:10px;padding:2px 7px;border-radius:30px;color:#8ad9ff;background:#21405986;margin:8px 0 0}.post-text{font-size:14px;color:#e2e9f5;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 12px;line-height:1.65}.post-media{max-height:540px;width:auto;max-width:100%;object-fit:contain;border:1px solid #34425b;border-radius:17px;margin:2px 0 12px;display:block;cursor:zoom-in}.post-actions{display:flex;gap:33px;align-items:center}.post-actions button{border:0;background:none;color:#8393ae;display:inline-flex;align-items:center;gap:7px;padding:4px 0;font-size:11px}.post-actions button svg{width:16px;height:16px}.post-actions .like-btn.active{color:var(--pink)}.post-actions .like-btn.active svg{fill:#f070b4}.post-actions button:hover{color:var(--accent)}.post-actions .like-btn:hover{color:var(--pink)}.post-more{margin-left:auto;position:relative}.delete-btn{border:0;background:none;color:#8093ab;display:inline-grid;place-items:center;padding:4px}.delete-btn svg{width:17px;height:17px}.delete-btn:hover{color:var(--danger)}.load-more{display:block;margin:20px auto 32px;padding:11px 26px}.empty-state{text-align:center;padding:65px 30px}.empty-icon{font-size:40px;margin-bottom:13px}.empty-state h3{font:800 22px var(--heading);margin:8px}.empty-state p{color:var(--muted);max-width:300px;margin:0 auto 18px;line-height:1.6}.empty-state button{margin-top:12px;padding:10px 24px}
/* right sidebar */
.sidebar-search{width:100%;position:relative}.sidebar-search input{width:100%;padding:13px 15px 13px 40px;border-radius:15px;border:1px solid #2b3b54;background:#172237;color:#fff}.sidebar-search svg{position:absolute;left:13px;top:14px;width:18px;height:18px;color:#8096b0}.sidebar-search input::placeholder{color:#74839c}.sidebar-card{margin-top:22px;border:1px solid #25344c;background:#121c30;border-radius:19px;overflow:hidden}.sidebar-card h3{font:800 16px var(--heading);margin:0;padding:19px 18px 13px}.side-item{display:flex;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #222f46;background:none;width:100%;text-align:left;color:var(--text);cursor:pointer;border-right:0;border-bottom:0;border-left:0}.side-item:hover{background:#1b2941}.side-item strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.side-item small{color:#8293ad;font-size:10px;display:block}.side-item .mini-community{font-size:19px;display:grid;place-items:center;border-radius:11px;background:#22416a;width:39px;height:39px;flex-shrink:0}.side-item .mini-arrow{margin-left:auto;font-size:17px;color:#7790ac}.sidebar-banner{margin-top:22px;padding:19px;border-radius:17px;background:linear-gradient(135deg,#244f75,#2a2a63);border:1px solid #45739d}.sidebar-banner .banner-emoji{font-size:26px}.sidebar-banner h3{font:800 19px var(--heading);margin:9px 0 5px}.sidebar-banner p{color:#bfcee2;font-size:12px;margin:0 0 16px}.sidebar-banner button{background:#d5edff;border:0;border-radius:40px;color:#16385c;padding:9px 13px;font-size:11px;font-weight:800}.side-footer{color:#53657c;font-size:10px;line-height:2;margin:25px 5px}
/* explore */
.content-padding{padding:22px 24px}.large-search{position:relative}.large-search input{width:100%;background:#172339;border:1px solid #30405a;border-radius:15px;padding:15px 17px 15px 45px;color:#fff;font-size:14px}.large-search svg{position:absolute;left:16px;top:15px;width:19px;height:19px;color:#7890ac}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-heading h3{font:800 18px var(--heading);margin:0}.people-list,.community-list{display:grid;gap:10px}.person-card{display:flex;align-items:center;gap:13px;padding:15px;border-radius:15px;background:#141e31;border:1px solid #293850}.person-card:hover{background:#1a2840}.person-card .person-main{flex:1;min-width:0;cursor:pointer}.person-card b{font-size:13px}.person-card small{display:block;color:#889bb3;font-size:11px}.person-card p{margin:3px 0 0;color:#acbbcf;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.person-card button:not(.person-main){flex-shrink:0}.community-card{padding:18px;border:1px solid #293850;background:#141e31;border-radius:16px;display:grid;gap:12px;animation:fadein .2s}.community-row{display:flex;align-items:center;gap:11px}.community-icon{flex-shrink:0;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:linear-gradient(140deg,#253d67,#284a64)}.community-card h3{font:800 15px var(--heading);margin:0}.community-card small{color:#8399b6;font-size:11px}.community-card p{color:#aab8cd;margin:0;font-size:12px}.community-card .row-end{margin-left:auto}.community-card .row-end button{white-space:nowrap}.community-card .community-name-btn{border:0;background:none;color:white;text-align:left;padding:0}.community-card .community-name-btn:hover{color:var(--accent)}
/* profile */
.profile-banner{height:155px;background:radial-gradient(ellipse at 80% 20%,#76bfff70,transparent 40%),radial-gradient(ellipse at 25% 70%,#b77be65e,transparent 44%),linear-gradient(125deg,#263d78,#183d67 55%,#142849);position:relative}.profile-banner:after{content:'✦ 7B SOCIAL';color:#ffffff19;position:absolute;right:20px;bottom:12px;font:900 34px var(--heading);letter-spacing:2px}.profile-content{padding:0 24px 22px;border-bottom:8px solid #111a2c}.profile-overlap{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-47px;position:relative}.profile-actions{padding-top:55px;display:flex;gap:9px}.profile-name{font:800 24px var(--heading);margin:12px 0 0}.profile-handle{color:#8594ac;font-size:12px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0 11px;font-size:13px;line-height:1.65;color:#d5e0ee}.profile-info{display:flex;gap:17px;color:#8294ab;font-size:11px}.profile-info strong{color:#eaf3ff}.profile-title{font:800 16px var(--heading);padding:15px 24px;margin:0;border-bottom:1px solid var(--line)}
/* community header */
.community-hero{padding:27px 25px;border-bottom:8px solid #111a2c;background:radial-gradient(ellipse at top right,#1f4e6e99,transparent 70%)}.community-hero-icon{width:73px;height:73px;border-radius:22px;font-size:32px;display:grid;place-items:center;background:linear-gradient(120deg,#26517a,#3c4d9c);margin-bottom:13px}.community-hero h2{font:800 27px var(--heading);margin:0 0 6px}.community-hero p{color:#a0b3ce;margin:9px 0 15px}.community-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.community-hero-foot small{color:#99abc0}
/* threads */
.back-btn{display:flex;gap:7px;align-items:center;background:none;border:0;color:var(--accent);font-weight:700;padding:8px 0}.thread-section{padding:16px 24px;border-bottom:1px solid var(--line)}.thread-section h3{font:800 16px var(--heading)}.reply-form{display:flex;gap:10px}.reply-form textarea{background:#182339;border:1px solid #30435b;color:#fff;padding:13px;border-radius:13px;width:100%;min-height:65px;resize:vertical}.reply-form button{padding:9px 15px;margin-top:8px}.thread-reply-header{padding:15px 24px;color:#94a7c1;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}
/* messages */
.messaging-layout{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 78px)}.conversation-rail{border-right:1px solid var(--line)}.conversation-top{padding:17px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.conversation-top h3{font:800 14px var(--heading);margin:0}.conversation-item{display:flex;text-align:left;align-items:center;gap:9px;width:100%;padding:14px 10px;background:none;border:0;color:var(--text);border-bottom:1px solid #1c293f}.conversation-item.active{background:#203352;border-left:3px solid var(--accent);padding-left:7px}.conversation-item:hover{background:#1c2c44}.conversation-item .conversation-main{flex:1;min-width:0}.conversation-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.conversation-item small{display:block;color:#91a0b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.conversation-item .unread{width:17px;height:17px;border-radius:50%;background:var(--accent);color:#071629;font-size:10px;font-weight:900;display:grid;place-items:center}.chat-panel{min-width:0;display:flex;flex-direction:column;height:calc(100vh - 78px)}.chat-header{padding:12px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);min-height:68px}.chat-header b{font-size:13px}.chat-header small{color:var(--muted);font-size:10px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:20px 15px;display:flex;flex-direction:column;gap:12px}.message-row{display:flex;align-items:end;max-width:88%;gap:8px}.message-row.mine{margin-left:auto;flex-direction:row-reverse}.message-bubble{border-radius:15px 15px 15px 3px;background:#26344c;padding:10px 13px;max-width:100%;overflow-wrap:anywhere;font-size:12px;white-space:pre-wrap}.message-row.mine .message-bubble{background:linear-gradient(130deg,#3268b3,#396bb0);border-radius:15px 15px 3px 15px}.message-time{font-size:9px;color:#8293aa;margin-top:3px}.message-row.mine .message-time{text-align:right}.chat-input-area{border-top:1px solid var(--line);padding:13px;display:flex;align-items:center;gap:8px}.chat-input-area input{background:#19273f;border:1px solid #2d4162;flex:1;min-width:0;border-radius:100px;padding:11px 14px;color:var(--text);font-size:12px}.chat-input-area button{width:42px;height:42px;display:grid;place-items:center}.chat-input-area button svg{height:17px;width:17px}.chat-welcome{height:100%;display:grid;place-content:center;text-align:center;padding:20px}.chat-welcome .empty-icon{font-size:44px}.chat-welcome h3{font:800 21px var(--heading);margin:9px 0}.chat-welcome p{color:var(--muted);font-size:12px}.chat-welcome button{padding:11px 20px;margin:12px auto 0}.chat-return{display:none}
/* modal */
.modal-layer{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);z-index:40;display:grid;place-items:center;padding:15px}.modal{width:min(100%,520px);max-height:min(95vh,800px);overflow:auto;background:#141e31;border:1px solid #39506d;box-shadow:0 25px 100px #000b;border-radius:23px;animation:modalin .16s ease-out}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #2c3b52}.modal-heading h2{font:800 20px var(--heading);margin:0}.modal-body{padding:22px 23px}.modal-body .field textarea{resize:vertical;min-height:100px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.modal-footer button{padding:11px 23px}.modal .composer{padding:0;border:0}.modal .compose-main textarea{min-height:130px}.modal-note{font-size:11px;color:#92a3b9;line-height:1.5}.avatar-picker{display:flex;align-items:center;gap:18px;margin-bottom:25px}.avatar-picker label{color:var(--accent);cursor:pointer;font-weight:700;font-size:12px}.avatar-picker input{display:none}.toast-area{position:fixed;z-index:60;bottom:22px;right:22px;display:grid;gap:8px}.toast{background:#1d344b;border:1px solid #4b708c;color:#f5f8ff;padding:12px 17px;border-radius:12px;box-shadow:0 15px 35px #0008;font-size:12px;max-width:330px}.toast.error{background:#492733;border-color:#895064}.loading{display:grid;place-items:center;padding:55px;color:#8fa3ba}.spinner{width:26px;height:26px;border:3px solid #334664;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}.separator{border:0;border-top:1px solid var(--line);margin:20px 0}.hstack{display:flex;align-items:center;gap:9px}.fill{flex:1}.text-link{color:var(--accent);border:0;background:none;padding:0;font-weight:800}.text-link:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modalin{from{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:1170px){.app-shell{grid-template-columns:220px minmax(400px,1fr) 265px}.left-rail{padding-left:12px;padding-right:12px}.right-rail{padding:22px 13px}}@media(max-width:1000px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.right-rail{display:none}.auth-copy h1{font-size:49px}}@media(max-width:680px){.app-shell{display:block;padding-bottom:61px}.left-rail{height:auto;position:relative;border-bottom:1px solid var(--line);border-right:0;padding:10px 15px}.brand-nav{padding:0}.brand-nav .brand-mark{width:34px;height:34px;font-size:19px;border-radius:11px}.brand-nav{font-size:20px}.main-nav,.side-compose,.side-spacer,.left-user,.logout-btn{display:none}.main-column{border:0;min-height:calc(100vh - 112px)}.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;z-index:20;bottom:0;left:0;right:0;height:60px;background:#111b2cf2;border-top:1px solid #2d3b56;backdrop-filter:blur(15px)}.bottom-nav button{background:none;border:0;display:grid;place-items:center;width:20%;height:100%;color:#8b9cb7}.bottom-nav button.active{color:var(--accent)}.bottom-nav svg{width:23px;height:23px}.page-top{top:0;min-height:65px;padding:11px 17px}.page-top h2{font-size:19px}.post{padding:17px 15px 13px}.composer{padding:17px 14px 13px}.profile-content{padding:0 17px 20px}.profile-banner{height:125px}.community-hero{padding:22px 17px}.content-padding{padding:16px}.messaging-layout{grid-template-columns:1fr;min-height:calc(100vh - 180px)}.conversation-rail{border-right:0}.messaging-layout.show-chat .conversation-rail{display:none}.messaging-layout:not(.show-chat) .chat-panel{display:none}.chat-panel{height:calc(100vh - 175px)}.conversation-item{padding:15px}.conversation-item strong{font-size:13px}.conversation-item small{font-size:11px}.chat-return{display:inline-grid;place-items:center}.auth-shell{display:block}.auth-illustration{display:none}.auth-form-area{min-height:100vh}.mobile-auth-brand{display:flex;margin-bottom:38px}.auth-welcome h2{font-size:35px}.auth-card{max-width:410px}.toast-area{bottom:75px;left:12px;right:12px}.toast{max-width:100%}.profile-actions{gap:5px}.post-actions{gap:25px}}
@media(max-width:390px){.post-meta .user-handle{max-width:85px;overflow:hidden;text-overflow:ellipsis}.auth-form-area{padding:23px}.profile-actions .outline-btn{padding:8px 10px}.community-hero-foot{flex-direction:column;align-items:flex-start}.post-actions{gap:20px}}