:root{--ink:#20202b;--muted:#777687;--purple:#6c4df6;--purple-dark:#5137d8;--soft:#f0edff;--line:#eceaf1;--bg:#f8f7fb}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 66% -10%,rgba(108,77,246,.09),transparent 30rem),var(--bg);font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(108,77,246,.24);outline-offset:2px}
.topbar{height:72px;position:sticky;z-index:20;top:0;display:grid;grid-template-columns:240px minmax(280px,560px) 1fr;align-items:center;gap:32px;padding:0 4vw;border-bottom:1px solid rgba(225,222,234,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}
.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:850;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px 10px 10px 3px;color:#fff;background:linear-gradient(145deg,#8c6cff,#5737e0);font-size:16px;letter-spacing:0;box-shadow:0 8px 18px rgba(92,63,224,.25)}
.search{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#f6f5f8}.search input{width:100%;border:0;outline:0;background:transparent;font-size:14px}.top-actions{justify-self:end;display:flex;align-items:center;gap:9px}.ghost-link,.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:11px;font-size:12px;font-weight:750}.ghost-link{color:var(--purple)}.primary-link{color:#fff;background:var(--purple)}
.notification-link{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:20px}.notification-link:hover{background:var(--soft)}.notification-link>span{position:absolute;top:0;right:-2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:12px;color:#fff;background:#ed4f6f;font-size:9px;font-weight:800}
.layout{width:min(1420px,94vw);margin:auto;display:grid;grid-template-columns:220px minmax(470px,680px) minmax(260px,320px);gap:clamp(22px,3.5vw,54px);align-items:start}.sidebar,.right-rail{position:sticky;top:94px;padding-top:28px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:13px;color:#5d5c68;font-weight:650}.nav-item span{width:24px;font-size:20px;text-align:center}.nav-item:hover,.nav-item.active{color:var(--purple);background:var(--soft)}.new-post{display:flex;justify-content:center;gap:7px;margin-top:22px;padding:13px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#795cf8,#5b3be0);font-weight:750;box-shadow:0 12px 24px rgba(91,59,224,.2)}.profile-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin-top:42px;padding:14px 5px;border-top:1px solid var(--line)}.profile-card strong,.profile-card span,.person strong,.person span{display:block}.profile-card strong,.person strong{font-size:13px}.profile-card div span,.person div span{margin-top:3px;color:var(--muted);font-size:12px}
.feed{min-width:0;padding:45px 0 80px}.welcome{margin-bottom:22px}.eyebrow{margin:0 0 9px!important;color:var(--purple)!important;font-size:11px!important;font-weight:800;letter-spacing:.15em}.welcome h1,.auth-card h1{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.welcome p{margin:8px 0 0;color:var(--muted);font-size:15px}.card,.side-card{border:1px solid rgba(229,226,235,.9);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 10px 40px rgba(39,29,76,.05)}.composer{padding:20px}.composer-row{display:grid;grid-template-columns:44px 1fr;gap:13px}.composer textarea{width:100%;min-height:72px;padding:4px 0;resize:vertical;border:0;outline:0;background:transparent;line-height:1.55}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0 57px;padding-top:13px;border-top:1px solid var(--line)}.media-actions{display:flex;gap:15px;color:var(--purple);font-size:18px}.post-controls{display:flex;align-items:center;gap:14px}.post-controls span{color:#aaa7b2;font-size:11px}.publish{padding:10px 20px;border:0;border-radius:11px;color:#fff;background:var(--purple);font-size:13px;font-weight:750}.publish:hover,.primary-link:hover{background:var(--purple-dark)}.join-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}.join-card p{margin:5px 0 0;color:var(--muted);font-size:13px}
.feed-tabs{display:flex;gap:24px;margin:27px 2px 15px;border-bottom:1px solid var(--line)}.feed-tabs a{padding:0 3px 11px;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:700}.feed-tabs .selected{color:var(--purple);border-color:var(--purple)}.posts{display:grid;gap:14px}.post{display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;padding:19px 20px 15px}.post-body{min-width:0}.post header{display:flex;justify-content:space-between}.post header strong{font-size:14px}.post header span{margin-left:7px;color:var(--muted);font-size:12px}.post header button{border:0;background:transparent;color:var(--muted)}.post-body>p{margin:10px 0 8px;font-size:14px;line-height:1.6}.tag{color:var(--purple);font-size:12px;font-weight:650}.post footer{display:flex;align-items:center;gap:clamp(18px,5vw,42px);margin-top:17px}.post footer form{margin:0}.post footer button{padding:5px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:12px}.post footer button:hover:not(:disabled){color:var(--purple);background:var(--soft)}.post footer .liked{color:#e74367}.comments{margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.comments>p{margin:7px 0;padding:8px 10px;border-radius:10px;background:#f8f7fb;font-size:12px;line-height:1.45}.comment-form{display:flex;gap:7px;margin-top:9px}.comment-form input{min-width:0;flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:10px}.comment-form button{border:0;border-radius:9px;color:#fff;background:var(--purple);font-size:11px;font-weight:700}.empty{padding:35px;text-align:center;color:var(--muted)}
.avatar{flex:0 0 auto;display:grid!important;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;font-size:12px;font-weight:800;object-fit:cover}.avatar.small{width:36px;height:36px;border-radius:11px;font-size:10px}.violet{background:linear-gradient(145deg,#836cf1,#523ad0)}.peach{background:linear-gradient(145deg,#ffaf9d,#e76a77)}.blue{background:linear-gradient(145deg,#68b8f7,#4674df)}.green{background:linear-gradient(145deg,#63ceb1,#309a78)}.pink{background:linear-gradient(145deg,#ef8fbc,#c95288)}
.media-actions{position:relative}.media-button,.emoji-toggle,.youtube-toggle,.poll-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;color:var(--purple);background:transparent;cursor:pointer;font-size:18px;transition:color .18s ease,background .18s ease,transform .18s ease}.media-button svg,.emoji-toggle svg,.youtube-toggle svg,.poll-toggle svg{width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-button .icon-plus{stroke-width:2.2}.youtube-toggle svg{width:22px}.youtube-toggle .icon-fill{fill:currentColor;stroke:none}.media-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.media-button:hover,.emoji-toggle:hover,.youtube-toggle:hover,.poll-toggle:hover{background:var(--soft);transform:translateY(-1px)}.file-name{align-self:center;max-width:150px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.emoji-picker{position:absolute;z-index:8;bottom:42px;left:30px;width:220px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 15px 40px rgba(45,30,90,.16)}.emoji-picker button{width:38px;height:36px;border:0;border-radius:8px;background:transparent;font-size:20px}.emoji-picker button:hover{background:var(--soft)}.post-media{display:block;width:100%;max-height:520px;margin-top:13px;border-radius:16px;background:#eeecf2;object-fit:cover}
.right-rail{display:grid;gap:16px}.side-card{padding:18px}.side-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.side-title h2{margin:0;font-size:15px}.side-title>span{color:var(--purple);font-size:11px}.trend{display:grid;grid-template-columns:25px 1fr;gap:7px;align-items:center;padding:12px 4px;border-top:1px solid var(--line)}.trend:hover{margin:0 -7px;padding-right:11px;padding-left:11px;border-radius:10px;background:var(--soft)}.trend>span{color:#aaa7b2;font-size:11px}.trend strong,.trend small{display:block}.trend strong{font-size:13px}.trend small{margin-top:4px;color:var(--muted);font-size:10px}.side-empty{margin:15px 2px 3px;color:var(--muted);font-size:11px;line-height:1.5}.person{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.person .avatar{width:38px;height:38px;border-radius:12px;font-size:10px}.person>form{margin:0}.person>form button,.person>.follow-link{padding:7px 10px;border:1px solid #d9d4ee;border-radius:9px;color:var(--purple);background:#fff;font-size:10px;font-weight:750}.legal{margin:4px 10px;color:#aaa7b2;font-size:10px;line-height:1.8}.mobile-nav{display:none}
.flash{margin-bottom:15px;padding:12px 14px;border-radius:12px;color:#23684f;background:#e9fbf4;font-size:13px}.flash.error{color:#9d3348;background:#fff0f3}.auth-page{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:25px;padding:30px}.auth-card{width:min(450px,100%);padding:32px}.auth-card>p{color:var(--muted);line-height:1.5}.auth-card form{display:grid;gap:14px;margin:25px 0}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfaff}.auth-card .publish{margin-top:5px}.auth-card a{color:var(--purple);font-weight:700}
.auth-card textarea{width:100%;padding:12px 13px;resize:vertical;border:1px solid var(--line);border-radius:11px;background:#fbfaff}.auth-card.wide{width:min(570px,100%)}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-layout{width:min(820px,94vw);margin:40px auto 100px}.back-link{display:inline-block;margin:0 0 18px;color:var(--purple);font-size:13px;font-weight:700}.profile-hero{overflow:hidden}.cover{height:220px;background:linear-gradient(135deg,#6c4df6,#bbaaff 58%,#f4d5e8);background-position:center;background-size:cover}.profile-main{position:relative;padding:0 30px 28px}.profile-avatar{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-top:-57px;border:5px solid #fff;border-radius:32px;color:#fff;background:linear-gradient(145deg,#836cf1,#523ad0);object-fit:cover;font-size:24px;font-weight:850;box-shadow:0 8px 25px rgba(42,29,82,.14)}.profile-actions{position:absolute;top:18px;right:30px}.profile-actions form{margin:0}.outline-button,.primary-button{display:inline-flex;padding:10px 16px;border:1px solid #d9d4ee;border-radius:11px;color:var(--purple);background:#fff;font-size:12px;font-weight:750}.primary-button{border-color:var(--purple);color:#fff;background:var(--purple)}.profile-main h1{margin:17px 0 2px;font-size:26px}.handle{margin:0;color:var(--muted);font-size:13px}.bio{max-width:570px;margin:17px 0;color:#4f4e59;font-size:14px;line-height:1.55}.profile-stats{display:flex;gap:25px;color:var(--muted);font-size:12px}.profile-stats strong{color:var(--ink);font-size:14px}.section-heading{margin:30px 3px 14px;font-size:17px}.notification-page{width:min(680px,94vw);margin:40px auto 100px}.activity-card{padding:25px}.activity-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.activity-heading form{margin:0}.activity-card h1{margin:0 0 20px;font-size:26px}.activity-form{margin:0}.activity{position:relative;width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 8px;border:0;border-top:1px solid var(--line);border-radius:10px;color:var(--ink);background:transparent;font-size:13px;text-align:left}.activity:hover{background:var(--soft)}.activity.unread{background:#f7f4ff}.activity small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.activity>i{width:8px;height:8px;border-radius:50%;background:var(--purple)}.empty-state{padding:30px;color:var(--muted);text-align:center}
@media(max-width:1100px){.topbar{grid-template-columns:180px minmax(240px,1fr) auto}.layout{grid-template-columns:190px minmax(440px,680px);justify-content:center}.right-rail{display:none}}
@media(max-width:760px){.topbar{height:62px;grid-template-columns:1fr auto;padding:0 18px}.search,.top-actions .ghost-link{display:none}.layout{width:min(100%,620px);display:block}.sidebar{display:none}.feed{padding:28px 14px 92px}.welcome{padding:0 4px}.welcome h1{font-size:29px}.card{border-radius:17px}.composer{padding:16px}.composer-row{grid-template-columns:40px 1fr}.composer-row .avatar{width:40px;height:40px}.composer-footer{margin-left:0}.post{grid-template-columns:40px 1fr;padding:16px 15px 12px}.post>.avatar{width:40px;height:40px}.post header span{display:block;margin:3px 0 0}.post footer{justify-content:space-between;gap:5px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);height:67px;padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(18px)}.mobile-nav a{display:grid;place-items:center;border-radius:13px;color:#797786;font-size:21px}.mobile-nav a.active{color:var(--purple);background:var(--soft)}.mobile-nav a:nth-child(3){align-self:center;justify-self:center;width:43px;height:43px;color:#fff;background:var(--purple)}.join-card{align-items:flex-start;flex-direction:column}.profile-layout,.notification-page{width:auto;margin:22px 12px 90px}.cover{height:160px}.profile-main{padding:0 20px 23px}.profile-avatar{width:88px;height:88px;margin-top:-45px;border-radius:26px}.profile-actions{top:14px;right:18px}.profile-main h1{font-size:23px}.upload-grid{grid-template-columns:1fr}.emoji-picker{left:0}}
@media(max-width:390px){.feed{padding-left:10px;padding-right:10px}.post-body>p{font-size:13px}.top-actions .primary-link{padding:9px 11px}.comment-form{flex-direction:column}.comment-form button{padding:9px}}
@media(prefers-reduced-motion:no-preference){.card{animation:rise .4s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}}}
.post-menu{display:flex;gap:8px}.post-menu a{padding:5px 7px;border-radius:7px;color:var(--muted);font-size:10px}.post-menu a:hover{color:var(--purple);background:var(--soft)}.danger-button{padding:10px 15px;border:1px solid #f1c6ce;border-radius:11px;color:#b7374e;background:#fff2f4;font-size:12px;font-weight:750}.text-button{padding:8px;border:0;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.auth-card select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfaff}.profile-action-row{display:flex;align-items:center;gap:7px}
.inbox-page,.chat-page,.admin-page{width:min(780px,94vw);margin:40px auto 100px}.inbox-card{padding:25px}.inbox-card h1{margin:0 0 20px}.inbox-card h2{margin:28px 0 12px;font-size:15px}.conversation{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px 8px;border-top:1px solid var(--line);border-radius:10px}.conversation:hover{background:var(--soft)}.conversation span strong,.conversation span small{display:block}.conversation span small{max-width:520px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation>b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:12px;color:#fff;background:var(--purple);font-size:10px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.people-grid>a{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.people-grid .avatar{width:40px;height:40px}.people-grid strong,.people-grid small{display:block}.people-grid small{margin-top:3px;color:var(--muted);font-size:10px}
.chat-card{overflow:hidden}.chat-card>header{display:flex;gap:11px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.chat-card>header strong,.chat-card>header small{display:block}.chat-card>header small{margin-top:3px;color:var(--muted)}.message-stream{display:flex;flex-direction:column;gap:8px;min-height:360px;max-height:60vh;padding:20px;overflow:auto}.message{align-self:flex-start;max-width:76%}.message p{margin:0;padding:10px 13px;border-radius:5px 15px 15px;color:#41404a;background:#f0eef3;font-size:13px;line-height:1.5}.message.mine{align-self:flex-end}.message.mine p{border-radius:15px 5px 15px 15px;color:#fff;background:var(--purple)}.message small{display:block;margin:4px 5px;color:#aaa7b2;font-size:9px}.message.mine small{text-align:right}.message-composer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px;border-top:1px solid var(--line)}.message-composer textarea{min-height:46px;max-height:130px;padding:12px;border:1px solid var(--line);border-radius:12px;resize:vertical}
.admin-head{display:flex;justify-content:space-between;align-items:center;padding:24px}.admin-head h1{margin:0}.admin-stats{display:flex;gap:25px}.admin-stats span{color:var(--muted);font-size:10px;text-align:center}.admin-stats strong{display:block;margin-bottom:3px;color:var(--ink);font-size:20px}.admin-tabs{display:flex;gap:8px;margin:18px 0}.admin-tabs a{padding:9px 12px;border-radius:10px;color:var(--muted);background:#fff;font-size:11px;font-weight:700}.admin-tabs a.active{color:#fff;background:var(--purple)}.report-list{display:grid;gap:12px}.report-card{padding:18px}.report-card header{display:flex;justify-content:space-between}.report-card .reason{padding:5px 8px;border-radius:8px;color:#9d3348;background:#fff0f3;font-size:10px;font-weight:800;text-transform:uppercase}.report-card blockquote{margin:12px 0;padding:12px;border-left:3px solid var(--purple);background:#f8f7fb;font-size:13px}.report-card>small{color:var(--muted)}.report-card form{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
@media(max-width:760px){.inbox-page,.chat-page,.admin-page{width:auto;margin:22px 12px 90px}.people-grid{grid-template-columns:1fr}.profile-action-row{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.admin-head{align-items:flex-start;flex-direction:column;gap:18px}.admin-tabs{overflow:auto}.message{max-width:88%}}
.post-controls select{max-width:150px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#fff;font-size:10px}.community-badge{display:inline-flex;margin-top:9px;padding:6px 9px;border-radius:9px;color:var(--purple);background:var(--soft);font-size:10px;font-weight:750}
.communities-page,.community-page{width:min(960px,94vw);margin:44px auto 100px}.communities-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.communities-heading h1{margin:0;font-size:36px;letter-spacing:-.04em}.communities-heading p:last-child{color:var(--muted)}.community-search{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:#fff}.community-search input{border:0;outline:0}.community-search button{padding:8px 13px;border:0;border-radius:9px;color:#fff;background:var(--purple);font-size:11px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.community-card{display:grid;grid-template-columns:55px 1fr auto;gap:14px;align-items:center;padding:18px}.community-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;color:#fff;font-size:25px}.community-card h2{margin:0;font-size:16px}.community-card p{margin:6px 0 9px;color:var(--muted);font-size:11px;line-height:1.4}.community-meta{display:flex;gap:13px;color:var(--muted);font-size:9px}.community-meta strong{color:var(--ink)}.community-card>.primary-button,.community-card>.outline-button{padding:8px 10px;font-size:10px}
.community-hero{overflow:hidden}.community-visual{display:grid;place-items:center;height:185px;color:#fff;font-size:58px}.community-visual>span{display:grid;place-items:center;width:100px;height:100px;border:2px solid rgba(255,255,255,.5);border-radius:30px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px)}.community-info{padding:25px}.community-title-row{display:flex;justify-content:space-between;align-items:flex-start}.community-title-row h1{margin:0;font-size:30px}.community-info>p{max-width:720px;color:var(--muted);line-height:1.55}.community-compose{margin-top:18px}.community-page>.posts{max-width:720px}
@media(max-width:760px){.communities-page,.community-page{width:auto;margin:25px 12px 90px}.communities-heading{align-items:flex-start;flex-direction:column;gap:15px}.communities-heading h1{font-size:29px}.community-grid{grid-template-columns:1fr}.community-card{grid-template-columns:48px 1fr}.community-mark{width:48px;height:48px}.community-card>a:last-child{grid-column:2;justify-self:start}.community-visual{height:135px}.community-title-row{gap:15px}.community-title-row h1{font-size:24px}.post-controls select{max-width:105px}}
.verify-banner{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;margin-bottom:16px;padding:13px 15px;border:1px solid #ddd6ff;border-radius:14px;color:#4f3aad;background:#f3f0ff}.verify-banner>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:var(--purple)}.verify-banner strong,.verify-banner small{display:block}.verify-banner small{margin-top:3px;color:#756da1;font-size:10px}.verify-banner>b{font-size:11px}.media-preview{margin:14px 0 0 57px}.media-preview img,.media-preview video{display:block;width:100%;max-height:360px;border-radius:15px;background:#efedf3;object-fit:cover}.post-media[role=button]{cursor:zoom-in}.lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:30px;background:rgba(14,12,20,.9);backdrop-filter:blur(8px)}.lightbox img{max-width:min(1200px,95vw);max-height:90vh;border-radius:16px;object-fit:contain}.lightbox button{position:absolute;top:20px;right:25px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:rgba(255,255,255,.1);font-size:26px}.result-card{text-align:center}.result-icon{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 20px;border-radius:21px;color:#fff;background:var(--purple);font-size:28px;font-weight:800}
@media(max-width:760px){.verify-banner{grid-template-columns:35px 1fr}.verify-banner>b{display:none}.media-preview{margin-left:0}}
.youtube-field{display:grid;gap:5px;margin:12px 0 0 57px}.youtube-field input{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#faf9fc}.youtube-field small{color:var(--muted);font-size:9px}.youtube-embed{position:relative;width:100%;margin-top:13px;padding-top:56.25%;overflow:hidden;border-radius:16px;background:#17151c}.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:760px){.youtube-field{margin-left:0}}
.hashtag{color:var(--purple);font-weight:700}.discover-page,.bookmarks-page{width:min(900px,94vw);margin:44px auto 100px}.discover-hero{padding:32px;border-radius:24px;background:linear-gradient(135deg,#211b3d,#6c4df6);color:#fff;box-shadow:0 20px 50px rgba(64,43,148,.2)}.discover-hero .eyebrow{color:#d8d0ff!important}.discover-hero h1{margin:0 0 22px;font-size:38px;letter-spacing:-.04em}.discover-hero form{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px 9px 15px;border-radius:14px;color:var(--muted);background:#fff}.discover-hero input{border:0;outline:0}.discover-hero button{padding:9px 14px;border:0;border-radius:9px;color:#fff;background:var(--purple);font-size:11px}.discover-page section>h2{margin:30px 2px 13px;font-size:17px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:var(--purple);background:#fff;font-size:12px;font-weight:750}.tag-cloud small{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-weight:400}.discover-people,.discover-communities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.discover-people>a,.discover-communities>a{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;padding:13px}.discover-people .avatar,.discover-communities .community-mark{width:42px;height:42px;border-radius:13px;font-size:15px}.discover-people strong,.discover-people small,.discover-communities strong,.discover-communities small{display:block}.discover-people small,.discover-communities small{margin-top:3px;color:var(--muted);font-size:9px}.media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.media-gallery .post-media{aspect-ratio:1;margin:0;border-radius:12px;object-fit:cover}.discover-posts,.bookmarks-page>.posts{max-width:700px}.bookmarks-heading{margin-bottom:24px}.bookmarks-heading h1{margin:0;font-size:34px}.bookmarks-heading>p:last-child{color:var(--muted)}
@media(max-width:760px){.discover-page,.bookmarks-page{width:auto;margin:25px 12px 90px}.discover-hero{padding:23px 18px}.discover-hero h1{font-size:29px}.discover-people,.discover-communities{grid-template-columns:1fr 1fr}.media-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:430px){.discover-people,.discover-communities{grid-template-columns:1fr}.media-gallery{grid-template-columns:repeat(2,1fr)}}
.stories-strip{display:flex;gap:12px;margin:0 0 18px;padding:14px;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.8);scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}.story-item,.story-add{flex:0 0 62px;display:grid;justify-items:center;gap:6px}.story-ring{display:grid;place-items:center;width:58px;height:58px;padding:3px;border-radius:20px;background:linear-gradient(145deg,#ff6d8d,#8060ff)}.story-ring img,.story-ring>b{display:grid;place-items:center;width:100%;height:100%;border:3px solid #fff;border-radius:17px;color:#fff;object-fit:cover;font-size:12px}.story-add .story-ring{background:#e9e5fb}.story-add .story-ring>b{border:0;color:var(--purple);font-size:22px}.story-item.viewed .story-ring{background:#d7d4dd}.story-item small,.story-add small{width:62px;overflow:hidden;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-upload{display:grid;place-items:center;padding:25px;border:2px dashed #cfc8ee;border-radius:16px;color:var(--purple);background:#faf8ff;cursor:pointer}.story-upload input{margin-top:10px}.story-image-preview img{display:block;width:100%;max-height:430px;border-radius:18px;object-fit:contain;background:#17151c}
.story-viewer{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:#100e15}.story-frame{position:relative;width:min(430px,94vw);height:min(760px,88vh);overflow:hidden;border-radius:24px;background:#27232e;box-shadow:0 25px 80px #000}.story-frame>img{width:100%;height:100%;object-fit:cover}.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 25%,transparent 60%,rgba(0,0,0,.75));pointer-events:none}.story-frame>header{position:absolute;z-index:2;top:22px;left:20px;display:flex;gap:10px;align-items:center;color:#fff}.story-frame>header strong,.story-frame>header small{display:block}.story-frame>header small{margin-top:3px;color:rgba(255,255,255,.7);font-size:9px}.story-frame>p{position:absolute;z-index:2;right:25px;bottom:65px;left:25px;margin:0;color:#fff;font-size:17px;font-weight:700;line-height:1.45;text-align:center;text-shadow:0 2px 10px #000}.story-close,.story-next{position:fixed;z-index:3;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.13);font-size:30px}.story-close{top:20px;right:24px;width:44px;height:44px}.story-next{top:50%;right:max(25px,calc(50% - 280px));width:48px;height:48px}.story-progress{position:fixed;z-index:3;top:12px;width:min(420px,88vw);height:3px;border-radius:3px;background:rgba(255,255,255,.25)}.story-progress span{display:block;width:100%;height:100%;border-radius:3px;background:#fff}.story-owner{position:absolute;z-index:3;right:18px;bottom:15px;left:18px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px}.story-owner form{margin:0}.story-owner button{border:0;color:#fff;background:transparent;font-size:10px}
@media(max-width:760px){.stories-strip{margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0}.story-viewer{padding:0}.story-frame{width:100vw;height:100vh;border-radius:0}.story-next{right:14px}.story-close{top:16px;right:16px}}
.poll-field{display:grid;gap:9px;margin:12px 0 0 57px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#faf9fc}.poll-field>input,.poll-inputs input,.poll-field select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.poll-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.poll{margin-top:14px;padding:15px;border:1px solid #e2dcfb;border-radius:15px;background:#faf8ff}.poll>strong{font-size:14px}.poll-options{display:grid;gap:7px;margin:12px 0 9px}.poll-options form{margin:0}.poll-options button{width:100%;padding:10px 12px;border:1px solid #d8d0f7;border-radius:10px;color:var(--purple);background:#fff;text-align:left;font-size:12px;font-weight:700}.poll-options button:hover{background:var(--soft)}.poll-result{position:relative;display:flex;justify-content:space-between;overflow:hidden;padding:10px 12px;border-radius:10px;background:#ebe8f2;font-size:11px}.poll-result i{position:absolute;inset:0 auto 0 0;background:#dcd5ff}.poll-result.chosen i{background:#c8bcff}.poll-result span,.poll-result b{position:relative;z-index:1}.poll>small{color:var(--muted);font-size:9px}
@media(max-width:760px){.poll-field{margin-left:0}.poll-inputs{grid-template-columns:1fr}}
.events-page,.event-page{width:min(980px,94vw);margin:44px auto 100px}.events-heading{display:flex;justify-content:space-between;align-items:flex-end}.events-heading h1{margin:0;font-size:36px}.events-heading p:last-child{color:var(--muted)}.event-tabs{display:flex;gap:8px;margin:24px 0 15px}.event-tabs a{padding:9px 13px;border-radius:10px;color:var(--muted);background:#fff;font-size:11px;font-weight:700}.event-tabs a.active{color:#fff;background:var(--purple)}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.event-card{overflow:hidden}.event-card>a>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.event-card-body{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px}.event-card time{text-align:center;color:var(--purple);font-size:9px;font-weight:800}.event-card time strong{display:block;font-size:21px}.event-card h2{margin:0 0 6px;font-size:15px}.event-card p,.event-card small{margin:0;color:var(--muted);font-size:10px}.event-card small{display:block;margin-top:8px}.event-detail{overflow:hidden}.event-cover{display:block;width:100%;max-height:470px;object-fit:cover}.event-content{padding:28px}.event-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.event-detail-head h1{margin:0;font-size:32px}.event-facts{display:flex;flex-wrap:wrap;gap:16px;margin:23px 0;padding:14px;border-radius:13px;background:#f8f7fb;color:var(--muted);font-size:11px}.event-facts strong{color:var(--ink)}.event-description{max-width:720px;font-size:14px;line-height:1.7}.event-host{color:var(--muted);font-size:11px}.event-host a{color:var(--purple);font-weight:700}.event-content h2{margin-top:28px;font-size:15px}.attendee-row{display:flex;flex-wrap:wrap;gap:7px}.attendee-row .avatar{width:38px;height:38px;border-radius:12px;font-size:9px}
@media(max-width:760px){.events-page,.event-page{width:auto;margin:25px 12px 90px}.events-heading{align-items:flex-start;flex-direction:column;gap:15px}.events-heading h1{font-size:29px}.event-grid{grid-template-columns:1fr}.event-content{padding:20px}.event-detail-head{flex-direction:column}.event-detail-head h1{font-size:25px}.event-cover{height:260px}.event-facts{flex-direction:column}}
.settings-page{width:min(900px,94vw);margin:44px auto 100px}.settings-heading{margin-bottom:22px}.settings-heading h1{margin:0;font-size:34px}.settings-heading>p:last-child{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{display:grid;align-content:start;gap:14px;padding:22px}.settings-card h2{margin:0 0 5px;font-size:16px}.settings-card>label{display:grid;gap:7px;color:#55535f;font-size:11px;font-weight:700}.settings-card input,.settings-card select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfaff}.settings-card .check-row{display:flex;align-items:center}.settings-card .check-row input{width:auto}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:20px}.danger-zone h2{margin:0;font-size:15px}.danger-zone p{margin:5px 0 0;color:var(--muted);font-size:11px}.private-notice{display:flex;gap:12px;align-items:center;margin-top:15px;padding:18px}.private-notice>span{font-size:25px}.private-notice p{margin:4px 0 0;color:var(--muted);font-size:11px}
.theme-dark{--ink:#f3f1f7;--muted:#aaa6b5;--line:#35313d;--bg:#15131a;color-scheme:dark}.theme-dark body,.theme-dark{background:#15131a}.theme-dark .topbar,.theme-dark .card,.theme-dark .side-card,.theme-dark .stories-strip,.theme-dark .community-search,.theme-dark .admin-tabs a,.theme-dark .event-tabs a,.theme-dark .tag-cloud a{background:#201d26}.theme-dark input,.theme-dark textarea,.theme-dark select,.theme-dark .search,.theme-dark .settings-card input,.theme-dark .settings-card select{color:var(--ink);background:#29252f}.theme-dark .post-menu a,.theme-dark .settings-card>label{color:var(--muted)}.theme-dark .post footer button,.theme-dark .profile-card button{color:var(--muted)}
@media(prefers-color-scheme:dark){.theme-system{--ink:#f3f1f7;--muted:#aaa6b5;--line:#35313d;--bg:#15131a;color-scheme:dark}.theme-system body,.theme-system{background:#15131a}.theme-system .topbar,.theme-system .card,.theme-system .side-card,.theme-system .stories-strip,.theme-system .community-search{background:#201d26}.theme-system input,.theme-system textarea,.theme-system select,.theme-system .search{color:var(--ink);background:#29252f}}
@media(max-width:760px){.settings-page{width:auto;margin:25px 12px 90px}.settings-grid{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}}
.mention{color:var(--purple);font-weight:700}.activity-tabs{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto}.activity-tabs a{flex:0 0 auto;padding:8px 10px;border-radius:9px;color:var(--muted);background:#f6f4f9;font-size:9px;font-weight:700}.activity-tabs a.active{color:#fff;background:var(--purple)}.theme-dark .activity-tabs a{background:#2d2933}.theme-dark .activity-tabs a.active{background:var(--purple)}
.user-admin-page{width:min(1050px,94vw);margin:44px auto 100px}.admin-user-search{display:grid;grid-template-columns:1fr 180px auto;gap:8px;margin:16px 0}.admin-user-search input,.admin-user-search select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.admin-user-search button{padding:10px 16px;border:0;border-radius:10px;color:#fff;background:var(--purple)}.user-table{overflow:hidden}.admin-user{display:grid;grid-template-columns:45px minmax(230px,1fr) auto auto;gap:12px;align-items:center;padding:14px 17px;border-top:1px solid var(--line)}.admin-user:first-child{border:0}.admin-user-info strong,.admin-user-info span,.admin-user-info small{display:block}.admin-user-info em{margin-left:7px;padding:3px 6px;border-radius:6px;color:var(--purple);background:var(--soft);font-size:8px;font-style:normal;text-transform:uppercase}.admin-user-info span{margin-top:3px;color:var(--muted);font-size:10px}.admin-user-info small{margin-top:5px;color:#aaa6b3;font-size:9px}.status-pill{padding:6px 8px;border-radius:8px;color:#287457;background:#e8fbf3;font-size:8px;font-weight:800;text-transform:uppercase}.status-pill.suspended{color:#a3374c;background:#fff0f3}.admin-user details{position:relative}.admin-user summary{padding:7px 9px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:9px}.admin-user details form{position:absolute;z-index:10;right:0;top:35px;display:grid;gap:6px;width:210px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(30,22,55,.18)}.admin-user details select{padding:8px;border:1px solid var(--line);border-radius:8px}
@media(max-width:760px){.user-admin-page{width:auto;margin:25px 12px 90px}.admin-user-search{grid-template-columns:1fr}.admin-user{grid-template-columns:42px 1fr auto}.status-pill{grid-column:2}.admin-user details{grid-column:3;grid-row:1/3}.admin-user details form{right:0}.admin-user-info span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.community-visual{background-position:center;background-size:cover}.community-head-actions,.community-admin-actions{display:flex;gap:7px;align-items:center}.community-head-actions form{margin:0}.community-admin-page{width:min(850px,94vw);margin:44px auto 100px}.member-list{overflow:hidden}.member-row{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:13px 16px;border-top:1px solid var(--line)}.member-row:first-child{border:0}.member-row>div strong,.member-row>div span{display:block}.member-row>div span{margin-top:3px;color:var(--muted);font-size:10px}.member-row form{display:flex;gap:6px}.member-row form button{padding:7px 9px;font-size:9px}
@media(max-width:760px){.community-admin-page{width:auto;margin:25px 12px 90px}.community-head-actions{align-items:flex-end;flex-direction:column}.member-row{grid-template-columns:40px 1fr}.member-row form{grid-column:2;flex-wrap:wrap}}
.event-manage-page{width:min(950px,94vw);margin:44px auto 100px}.event-head-actions{display:flex;gap:7px;align-items:center}.event-head-actions form{margin:0}.manage-attendees{display:grid;overflow:hidden}.manage-attendees article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 16px;border-top:1px solid var(--line)}.manage-attendees article:first-child{border:0}.manage-attendees strong,.manage-attendees small{display:block}.manage-attendees small{margin-top:3px;color:var(--muted);font-size:10px}.manage-attendees form{margin:0}.manage-attendees button{padding:7px 9px;font-size:9px}
@media(max-width:760px){.event-manage-page{width:auto;margin:25px 12px 90px}.event-head-actions{align-items:flex-end;flex-direction:column}.manage-attendees article{grid-template-columns:40px 1fr}.manage-attendees form{grid-column:2}}
.single-post-page{width:min(720px,94vw);margin:44px auto 100px}.single-post-page>.post{padding:24px}.post-stat{padding:5px;color:var(--muted);font-size:12px}.single-comments{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.single-comments h2{margin:0 0 12px;font-size:15px}.single-comments>article{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 3px;border-top:1px solid var(--line)}.single-comments>article strong,.single-comments>article small{display:block}.single-comments>article small{margin-top:3px;color:var(--muted);font-size:9px}.single-comments>article p{margin:7px 0 0;font-size:12px;line-height:1.5}.single-comments>.comment-form{margin-top:16px}
@media(max-width:760px){.single-post-page{width:auto;margin:25px 12px 90px}.single-post-page>.post{padding:17px 15px}}
.connections-page{width:min(720px,94vw);margin:44px auto 100px}.connections-head{padding:24px}.connections-head h1{margin:0 0 18px;font-size:28px}.connections-head nav{display:flex;gap:8px}.connections-head nav a{padding:9px 12px;border-radius:10px;color:var(--muted);background:#f6f4f9;font-size:11px;font-weight:750}.connections-head nav a.active{color:#fff;background:var(--purple)}.connection-list{margin-top:15px;overflow:hidden}.connection-list>article{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 18px;border-top:1px solid var(--line)}.connection-list>article:first-child{border:0}.connection-info strong,.connection-info span,.connection-info small{display:block}.connection-info span{margin-top:3px;color:var(--muted);font-size:10px}.connection-info small{margin-top:6px;color:var(--muted);font-size:10px}.connection-list form{margin:0}.profile-stats a{color:var(--muted)}.profile-stats a:hover{color:var(--purple)}
@media(max-width:760px){.connections-page{width:auto;margin:25px 12px 90px}.connection-list>article{grid-template-columns:40px minmax(0,1fr);padding:14px}.connection-list>article>form,.connection-list>article>.outline-button{grid-column:2;justify-self:start}.connection-info small{display:none}}
.mini-comment{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;margin:7px 0;padding:8px 10px;border-radius:10px;background:#f8f7fb;font-size:12px;line-height:1.45}.mini-comment p,.mini-comment form{margin:0}.comment-delete{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:16px}.comment-delete:hover{color:#b7374e;background:#fff0f3}.single-comments>article{grid-template-columns:36px minmax(0,1fr) auto}.single-comments>article>form{margin:0}
.nav-item svg,.new-post svg,.profile-arrow svg,.notification-link svg,.mobile-nav svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item svg{width:23px;height:23px}.new-post svg{width:19px;height:19px}.profile-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--muted)}.profile-arrow:hover{color:var(--purple);background:var(--soft)}.profile-arrow svg{width:16px;height:16px}.notification-link svg{width:22px;height:22px}.mobile-nav svg{width:23px;height:23px}.mobile-nav a:nth-child(3) svg{width:25px;height:25px;stroke-width:2}
.search-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.post footer .post-action,.post-stat.post-action{display:inline-flex;align-items:center;gap:6px}.post-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.post footer .liked svg,.post footer .saved svg{fill:currentColor}.post footer .saved{color:var(--purple)}.bookmark-action{justify-content:center}.post-stat.post-action{color:var(--muted);font-size:12px}.share-action span{white-space:nowrap}
@media(max-width:430px){.share-action span{display:none}.post footer .post-action{gap:4px}}
.feed-pagination{display:flex;justify-content:center;gap:10px;margin:24px 0}.feed-pagination a{min-width:120px;text-align:center}
.standalone-flash{width:min(780px,94vw);margin:25px auto -20px}