:root{--bg:#f4f6fa;--panel:#fff;--text:#151820;--muted:#697386;--line:#e4e8f0;--brand:#5a42e8;--brand2:#7b67ff;--shadow:0 8px 28px rgba(30,34,60,.07);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.auth-body{min-height:100vh;background:radial-gradient(circle at top left,#ded9ff,transparent 38%),linear-gradient(135deg,#f5f7fb,#eef1f8);display:grid;place-items:center;padding:24px}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 30px 80px rgba(44,48,78,.15);overflow:hidden}.auth-brand{padding:64px;background:linear-gradient(145deg,#17192a,#25294b);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:48px;margin:18px 0 10px}.auth-brand p{font-size:18px;color:#cfd3e9;max-width:420px}.brand-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-size:36px;font-weight:900;box-shadow:0 14px 36px rgba(90,66,232,.35)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:20px}.auth-card{padding:48px}.auth-card h2{font-size:32px;margin:0 0 4px}.muted{color:var(--muted)}label{display:block;font-weight:650;margin:15px 0 0}input,textarea,select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:#9b8cff;box-shadow:0 0 0 4px rgba(90,66,232,.10)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn,.secondary-btn{border:0;border-radius:13px;padding:13px 18px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary-btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;width:100%;margin-top:20px}.primary-btn.compact{width:auto;margin:0;padding:10px 18px}.secondary-btn{background:#fff;border:1px solid var(--line)}.auth-switch{text-align:center;color:var(--muted);margin-top:20px}.auth-switch a{color:var(--brand);font-weight:800}.alert{background:#fff0f1;border:1px solid #ffd1d5;color:#9e1d2b;border-radius:13px;padding:12px 14px;margin:18px 0}.topbar{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px minmax(260px,560px) 1fr;align-items:center;gap:20px;padding:0 24px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.top-brand{display:flex;align-items:center;gap:10px;font-size:18px}.top-search input{margin:0;background:#f4f6fa}.top-actions{justify-self:end;display:flex;align-items:center;gap:18px}.logout-link{font-size:14px;color:var(--muted)}.app-shell{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:240px minmax(0,680px) 320px;gap:24px;padding:24px}.sidebar{position:sticky;top:92px;height:calc(100vh - 116px);overflow:auto}.profile-mini{display:flex;align-items:center;gap:12px;padding:12px}.profile-mini small,.post-head small{display:block;color:var(--muted);margin-top:2px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1e2239,#626a96);color:#fff;display:grid;place-items:center;font-weight:850;flex:0 0 auto}.avatar.xl{width:96px;height:96px;font-size:30px;border:5px solid #fff}.sidebar nav{margin-top:12px;display:grid;gap:5px}.sidebar nav a{padding:12px 14px;border-radius:13px;color:#3f4657;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#ece9ff;color:var(--brand)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feed-column{display:grid;gap:16px;align-content:start}.composer{padding:16px}.composer-row{display:flex;gap:12px}.composer-row button{flex:1;border:1px solid var(--line);background:#f6f7fa;color:#7a8190;border-radius:999px;padding:12px 16px;text-align:left;cursor:pointer}.composer form{display:none;margin-top:14px}.composer form.open{display:block}.composer textarea{min-height:110px;resize:vertical}.composer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.composer-actions select{width:auto;margin:0}.quick-strip{display:flex;gap:9px;overflow:auto}.quick-strip button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:750}.post{overflow:hidden}.post-head{display:flex;align-items:center;gap:11px;padding:16px}.post-head>div:nth-child(2){flex:1}.icon-btn{border:0;background:transparent;font-size:18px;cursor:pointer}.post-body{padding:0 16px 18px;line-height:1.55;font-size:16px}.post-stats{display:flex;justify-content:space-between;padding:10px 16px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.post-actions button{border:0;background:#fff;padding:12px;font-weight:750;color:#555e70;cursor:pointer}.post-actions button:hover{background:#f7f7fb}.rightbar{position:sticky;top:92px;height:max-content;display:grid;gap:16px}.side-card{padding:18px}.side-card h3{margin-top:0}.side-card p{color:var(--muted);line-height:1.5}.feature-pill{background:#f5f4ff;padding:10px 12px;border-radius:12px;margin-top:8px;font-weight:700;color:#4d3fd0}.empty-state{text-align:center;padding:42px 24px}.simple-page{width:min(860px,calc(100% - 32px));margin:42px auto}.profile-hero{overflow:hidden}.cover-placeholder{height:230px;background:linear-gradient(135deg,#1b1d31,#6657d8)}.profile-row{display:flex;align-items:end;gap:16px;margin:-48px 24px 0}.profile-row h1{margin:0}.profile-hero>p{padding:0 24px 24px;color:var(--muted)}.mobile-nav{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.rightbar{display:none}.topbar{grid-template-columns:220px minmax(220px,1fr) auto}}
@media(max-width:760px){body{padding-bottom:74px}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:32px}.auth-brand h1{font-size:34px}.auth-card{padding:28px 22px}.form-grid{grid-template-columns:1fr}.topbar{height:60px;grid-template-columns:1fr auto;padding:0 14px}.top-search,.logout-link{display:none}.app-shell{display:block;padding:12px}.sidebar{display:none}.feed-column{gap:12px}.rightbar{display:none}.card{border-radius:15px}.quick-strip{padding-bottom:2px}.post-actions button{font-size:13px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:5px 4px}.mobile-nav a,.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#626a78;font-size:19px}.mobile-nav span{font-size:10px;font-weight:700}.mobile-nav .active{color:var(--brand)}.mobile-nav button{width:100%;cursor:pointer}.simple-page{margin:18px auto}.cover-placeholder{height:170px}}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.lg{width:64px;height:64px;font-size:20px}.avatar.sm{width:32px;height:32px;font-size:11px}.top-icon{position:relative;font-size:13px;font-weight:750}.top-icon b,.nav-badge{background:var(--brand);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;font-size:10px;margin-left:4px}.sidebar nav a{display:flex;align-items:center;gap:9px}.nav-badge{margin-left:auto}.quick-strip a{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:750}.file-button{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;background:#f6f7fa;border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer}.file-button input{display:none}.post-media{display:block;width:100%;max-height:680px;object-fit:cover;background:#eef0f4}.post-actions form{margin:0}.post-actions form button{width:100%}.post-actions .reacted{color:var(--brand);background:#f5f3ff}.comments{padding:6px 16px 10px;border-top:1px solid var(--line);display:grid;gap:10px}.comment{display:flex;gap:9px;align-items:flex-start}.comment>div{background:#f4f6fa;border-radius:14px;padding:8px 11px;min-width:0}.comment strong{font-size:13px}.comment p{margin:3px 0;line-height:1.4}.comment small{color:var(--muted);font-size:10px}.comment-form{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line)}.comment-form input{margin:0;border-radius:999px;background:#f5f6f8;padding:10px 13px}.comment-form button{border:0;background:transparent;color:var(--brand);font-weight:850;cursor:pointer}.side-link{display:block;padding:10px 0;border-top:1px solid var(--line);font-weight:700}.profile-page{width:min(1000px,calc(100% - 32px));margin:24px auto 50px}.cover-image{height:300px;background-size:cover;background-position:center}.profile-title{flex:1}.profile-controls{margin-left:auto}.profile-about{padding:18px 24px 24px}.profile-about p{font-size:16px;line-height:1.55}.about-chips{display:flex;gap:8px;flex-wrap:wrap}.about-chips span{background:#f4f6fa;border-radius:999px;padding:8px 11px;color:#596174;font-size:13px}.profile-feed{width:min(680px,100%);margin:18px auto;display:grid;gap:14px}.form-card{padding:24px}.simple-page.wide{width:min(1100px,calc(100% - 32px))}.page-heading{display:flex;align-items:center;justify-content:space-between}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.person-card{padding:18px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.person-card small{display:block;color:var(--muted);margin-top:2px}.person-card p{color:var(--muted);margin:0;font-size:13px}.person-link{transition:transform .15s ease}.person-link:hover{transform:translateY(-2px)}.button-row{display:flex;gap:8px}.notification-list{overflow:hidden}.notification-item{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:#f4f2ff}.notification-item div{flex:1}.notification-item small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:760px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-page{margin:12px auto 80px}.cover-image{height:190px}.profile-row{align-items:center;flex-wrap:wrap}.profile-controls{width:100%;margin-left:112px}.top-actions .top-icon{font-size:0}.top-actions .top-icon b{font-size:10px}.top-actions .top-icon:before{content:'●';font-size:17px}.composer-actions{align-items:center}.comment-form{padding:9px 10px}.person-card{padding:14px}}
@media(max-width:430px){.people-grid{grid-template-columns:1fr}.profile-controls{margin-left:0}.profile-row{margin:-38px 16px 0}.avatar.xl{width:82px;height:82px}.profile-about{padding:14px 16px 20px}}
.link-button{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.privacy-note{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7f8fb}
.gh-alert-toast{position:fixed;right:20px;bottom:24px;z-index:9999;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}.gh-alert-toast.show{opacity:1;transform:translateY(0)}
.notification-item{text-decoration:none;color:inherit}
.post:target{outline:2px solid rgba(59,130,246,.35);outline-offset:3px}

/* CORE 03 */
.reaction-form select{width:100%;height:100%;border:0;margin:0;background:#fff;padding:12px;text-align:center;font-weight:750;color:#555e70;cursor:pointer}.reply-link{border:0;background:transparent;color:var(--brand);font-weight:700;padding:0;cursor:pointer}.reply-comment{margin-left:38px}.reply-form{display:flex;gap:6px;margin-top:7px}.reply-form input{margin:0;padding:7px 10px;border-radius:999px}.reply-form button{border:0;background:transparent;color:var(--brand);font-weight:800}.messages-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:18px}.conversation-list,.new-message-panel{overflow:hidden}.conversation-list h3,.new-message-panel h3{padding:0 18px;margin-top:18px}.conversation-row{display:flex;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line);color:inherit}.conversation-row.unread{background:#f4f2ff}.conversation-row>div{flex:1;min-width:0}.conversation-row small,.friend-message-row small,.chat-head small,.blocked-row small{display:block;color:var(--muted)}.conversation-row b{background:var(--brand);color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:11px}.friend-message-list{padding:8px 16px 16px}.friend-message-row,.blocked-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.friend-message-row>div,.blocked-row>div{flex:1}.friend-message-row .secondary-btn,.blocked-row .secondary-btn{padding:8px 11px}.chat-page{width:min(900px,calc(100% - 28px));margin:22px auto}.chat-card{height:calc(100vh - 112px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chat-head{display:flex;gap:11px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.message-stream{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:#f8f9fc}.message-bubble{max-width:min(72%,560px);padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--line)}.message-bubble.mine{align-self:flex-end;background:#ece9ff;border-color:#ddd6ff}.message-bubble.theirs{align-self:flex-start}.message-bubble small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.message-composer{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line);align-items:end}.message-composer textarea{margin:0;min-height:44px;resize:none}.message-composer .primary-btn{margin:0}.profile-action-row{align-items:center}.profile-more{position:relative}.profile-more summary{list-style:none;cursor:pointer;font-weight:900;padding:9px 12px}.profile-more[open]{background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px}.profile-more form button{border:0;background:transparent;padding:8px 10px;cursor:pointer;color:#9e1d2b}.settings-section{margin-top:16px}
@media(max-width:760px){.messages-layout{grid-template-columns:1fr}.chat-page{width:100%;margin:0}.chat-card{height:calc(100vh - 60px);border-radius:0}.message-bubble{max-width:86%}.reply-comment{margin-left:24px}}

/* CORE 03.1 — Discover + messaging polish */
.grok-badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:#111827;color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.discover-ai{padding:20px;margin:18px 0 30px}.discover-ai-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.discover-ai h2{margin:0 0 4px}.topic-tabs{display:flex;gap:8px;overflow:auto;padding:14px 0 4px}.topic-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.topic-tabs button.active{background:#ece9ff;color:var(--brand);border-color:#dcd5ff}.topic-results{margin-top:12px}.topic-results>h3{margin:8px 0 14px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fafbfe}.topic-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.topic-card h4{font-size:17px;margin:7px 0}.topic-card p{color:#485166;line-height:1.5;margin:0 0 10px}.topic-card small{display:block;color:var(--muted);line-height:1.45}.topic-card a{display:inline-block;margin-top:12px;color:var(--brand);font-weight:800;font-size:13px}.topic-foot{margin-top:13px;color:var(--muted);font-size:11px}.topic-loading,.topic-error{padding:26px 14px;text-align:center;color:var(--muted);background:#f7f8fb;border-radius:13px}.topic-error{color:#8a2d38;background:#fff5f6}.secondary-btn{cursor:pointer}
@media(max-width:760px){.grok-badge{font-size:10px;padding:7px 9px}.topic-grid{grid-template-columns:1fr}.discover-ai{padding:14px;margin-top:12px}.discover-page .page-heading{align-items:flex-start;gap:10px}}
/* SA CHAT HUB CORE 04 — Visual Discover */
.visual-discover{background:linear-gradient(180deg,#f6f7fb 0,#fff 420px)}
.discover-hero{margin:18px 0 18px;min-height:330px;border-radius:28px;overflow:hidden;position:relative;padding:46px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#111827 0%,#3f2a72 52%,#7c3aed 100%);color:#fff;box-shadow:0 22px 55px rgba(27,23,55,.18)}
.discover-hero-copy{max-width:650px;position:relative;z-index:2}.discover-hero h1{font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px}.discover-hero p{font-size:17px;line-height:1.6;max-width:610px;color:rgba(255,255,255,.82)}
.discover-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:#d8ccff}.discover-eyebrow.dark{color:var(--brand)}.discover-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.discover-hero-badges span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:750;backdrop-filter:blur(12px)}
.discover-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.2);transform:rotate(8deg);margin-right:30px}.discover-orb span{font-size:92px;font-weight:950;letter-spacing:-.08em}
.discover-ai{border:0!important;border-radius:24px!important;box-shadow:0 16px 45px rgba(17,24,39,.08)!important}.discover-ai-head{align-items:center}.topic-tabs{padding:16px 0 6px}.topic-tabs button{border:0!important;background:#f1f3f7!important;padding:10px 15px!important}.topic-tabs button.active{background:#111827!important;color:#fff!important}.topic-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:14px 0}.topic-heading-row h3{font-size:28px;margin:4px 0 0;letter-spacing:-.03em}.topic-heading-row small{color:var(--muted)}
.visual-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.visual-topic-grid .topic-card{padding:0!important;overflow:hidden;background:#fff!important;border-radius:18px!important;box-shadow:0 9px 28px rgba(17,24,39,.07);transition:transform .18s ease,box-shadow .18s ease}.visual-topic-grid .topic-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(17,24,39,.12)}.visual-topic-grid .topic-card.featured{grid-column:span 2}.topic-media{height:180px;position:relative;overflow:hidden;background:#e7e9f0}.topic-card.featured .topic-media{height:260px}.topic-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.topic-card:hover .topic-media img{transform:scale(1.025)}.topic-media-fallback{display:flex;align-items:flex-end;padding:18px;background:linear-gradient(135deg,#19132f,#6d3be7);color:#fff}.topic-media-fallback span{font-size:11px;font-weight:900;letter-spacing:.15em}.topic-play,.visual-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#111827;box-shadow:0 8px 24px rgba(0,0,0,.2)}.topic-card-copy{padding:17px}.topic-card-copy h4{font-size:18px;line-height:1.25}.topic-card-copy p{font-size:14px}.topic-card-copy>a{display:inline-flex;margin-top:14px}
.discover-section{margin:38px 0}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title-row h2{font-size:30px;letter-spacing:-.035em;margin:4px 0 0}.section-title-row>a{font-weight:850;color:var(--brand)}
.visual-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);grid-template-rows:280px;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.visual-tile{position:relative;border-radius:20px;overflow:hidden;min-width:190px;scroll-snap-align:start;background:#111}.visual-tile>img,.visual-tile>video{width:100%;height:100%;object-fit:cover;display:block}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.74) 100%)}.visual-owner{position:absolute;left:13px;right:13px;bottom:13px;display:flex;align-items:center;gap:9px;color:#fff}.visual-owner>span:last-child{display:flex;flex-direction:column;min-width:0}.visual-owner strong{font-size:13px}.visual-owner small{font-size:11px;color:rgba(255,255,255,.78)}
.discover-people{grid-template-columns:repeat(4,minmax(0,1fr))!important}.discover-people .person-card{border:0;box-shadow:0 8px 24px rgba(17,24,39,.06);border-radius:18px}.discover-profile-cta{margin-top:auto;color:var(--brand);font-size:12px;font-weight:850}
.discover-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.discover-post{overflow:hidden;border:0!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(17,24,39,.07)}.discover-post-media{display:block;height:280px;background:#e9ebf1}.discover-post-media img,.discover-post-media video{width:100%;height:100%;object-fit:cover;display:block}.discover-post-copy{padding:16px}.post-head.compact{padding:0;margin-bottom:12px}.discover-post-copy p{color:#3f4758;line-height:1.55}.discover-read{font-size:13px;font-weight:850;color:var(--brand)}
.discover-loader{display:inline-block;width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--brand);border-radius:50%;animation:discover-spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes discover-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.visual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visual-topic-grid .topic-card.featured{grid-column:span 2}.discover-people{grid-template-columns:repeat(3,minmax(0,1fr))!important}.discover-orb{width:130px;height:130px;margin-right:0}.discover-orb span{font-size:70px}}
@media(max-width:760px){.discover-hero{padding:28px 22px;min-height:300px;border-radius:20px}.discover-hero h1{font-size:42px}.discover-orb{position:absolute;right:-34px;top:22px;opacity:.28}.discover-hero-copy{max-width:90%}.visual-topic-grid{grid-template-columns:1fr!important}.visual-topic-grid .topic-card.featured{grid-column:auto}.topic-card.featured .topic-media,.topic-media{height:210px}.discover-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}.discover-post-grid{grid-template-columns:1fr}.discover-post-media{height:240px}.section-title-row h2{font-size:25px}.visual-strip{grid-auto-columns:74%;grid-template-rows:250px}}
@media(max-width:430px){.discover-hero{margin-top:10px}.discover-hero h1{font-size:36px}.discover-hero p{font-size:15px}.discover-hero-badges span:nth-child(2){display:none}.discover-people{grid-template-columns:1fr!important}.visual-strip{grid-auto-columns:82%}.topic-heading-row{align-items:flex-start;flex-direction:column;gap:4px}}
/* CORE 04.1 — reliable visual fallbacks */
.topic-media-label{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(12,16,28,.72);color:#fff;font-size:10px;font-weight:900;letter-spacing:.11em;backdrop-filter:blur(8px)}
.topic-media img[src$=".svg"]{object-fit:cover}
.topic-error strong{color:#641923}

/* CORE 05 — Communities + Discover evolution */
.community-page,.group-view,.page-view{padding-bottom:70px}.community-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border-radius:28px;margin:24px 0;background:linear-gradient(135deg,#111827,#241f46 60%,#0f766e);color:#fff;box-shadow:0 18px 55px rgba(17,24,39,.18)}.community-hero.page-hero{background:linear-gradient(135deg,#111827,#3b1d5a 55%,#7c2d12)}.community-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;margin:.35rem 0 .7rem}.community-hero p{max-width:650px;color:rgba(255,255,255,.82)}.community-grid,.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.community-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit;padding:12px;transition:transform .18s ease,box-shadow .18s ease}.community-card:hover,.page-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.1)}.community-cover{width:92px;height:92px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#6d28d9,#0f766e);display:grid;place-items:center;color:white;font-size:2rem;font-weight:800}.community-cover img,.page-avatar img,.page-cover img,.group-banner img,.hub-thumb img{width:100%;height:100%;object-fit:cover}.community-card strong,.page-card strong{display:block;font-size:1rem}.community-card small,.page-card small{display:block;color:var(--muted,#667085);margin-top:3px}.community-card p,.page-card p{font-size:.9rem;margin:.45rem 0 0;color:var(--muted,#667085)}.page-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;padding:16px}.page-avatar{width:62px;height:62px;border-radius:18px;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#f97316,#7c3aed);color:#fff;font-weight:800;font-size:1.5rem}.page-avatar.round,.hub-thumb.round{border-radius:50%}.page-avatar.xl{width:108px;height:108px;border-radius:26px;font-size:2.2rem}.page-avatar.sm{width:42px;height:42px;border-radius:12px;font-size:1rem}.group-banner,.page-cover{height:320px;border-radius:26px;overflow:hidden;margin-top:24px;background:#111827}.group-banner-fallback,.page-cover-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#1e1b4b,#0f766e);color:#fff;font-size:7rem;font-weight:900}.page-cover-fallback{background:linear-gradient(135deg,#3b0764,#9a3412)}.group-summary,.page-summary{margin-top:-54px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px}.group-summary h1,.page-summary h1{margin:.35rem 0}.page-identity{display:flex;align-items:center;gap:18px}.owner-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:700}.group-composer{margin:18px 0;padding:18px}.group-composer textarea{width:100%;min-height:100px;border:0;resize:vertical;background:#f8fafc;border-radius:14px;padding:14px}.group-post-list{display:grid;gap:16px;max-width:780px;margin:0 auto}.stack-form{display:grid;gap:16px}.stack-form label{display:grid;gap:7px;font-weight:600}.stack-form input,.stack-form textarea,.stack-form select{width:100%;border:1px solid #d7dce5;border-radius:12px;padding:12px 13px;background:#fff}.discover-community-hubs{margin-top:28px}.discover-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.discover-hub-panel{padding:18px}.mini-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf0f5}.mini-heading span{font-size:.8rem;color:var(--muted,#667085)}.hub-list{display:grid;gap:5px;margin-top:10px}.hub-list a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:10px;border-radius:14px}.hub-list a:hover{background:#f7f8fb}.hub-thumb{width:50px;height:50px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#0f766e);color:white;font-weight:800;flex:0 0 auto}.hub-list strong,.hub-list small{display:block}.hub-list small{color:var(--muted,#667085);margin-top:2px}.hub-links{display:flex;gap:14px}.trend-tags{margin-top:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.trend-tags small{display:block;color:var(--muted,#667085);margin-top:3px}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag-cloud a{padding:8px 11px;border-radius:999px;background:#f3f4f6;text-decoration:none;color:#374151;font-weight:700;font-size:.88rem}.tag-cloud span{font-size:.75rem;opacity:.65}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid #d7dce5;border-radius:12px;background:#fff;color:#111827;font-weight:700}.back-link{display:inline-block;margin-top:24px;text-decoration:none;font-weight:700}.form-card{margin-top:18px;padding:24px}.form-card h1{margin-top:0}
@media(max-width:900px){.community-grid,.page-grid{grid-template-columns:1fr 1fr}.discover-hub-grid{grid-template-columns:1fr}.group-banner,.page-cover{height:230px}.group-summary,.page-summary{margin-top:-34px}.trend-tags{align-items:flex-start;flex-direction:column}.tag-cloud{justify-content:flex-start}}
@media(max-width:620px){.community-hero{align-items:flex-start;flex-direction:column;padding:24px}.community-grid,.page-grid{grid-template-columns:1fr}.community-card{grid-template-columns:74px 1fr}.community-cover{width:74px;height:74px}.group-banner,.page-cover{height:190px;border-radius:0;margin-left:-16px;margin-right:-16px;margin-top:0}.group-summary,.page-summary{margin-top:-24px;align-items:flex-start;flex-direction:column}.page-identity{align-items:flex-start}.page-avatar.xl{width:82px;height:82px}.hub-links{flex-direction:column;gap:5px}}

/* CORE 06 */
.brand-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px rgba(0,0,0,.18);vertical-align:middle}.top-brand{display:flex!important;align-items:center;gap:9px}.auth-brand .brand-logo{width:78px;height:78px}.member-manage-row{display:flex;align-items:center;gap:14px;padding:14px;margin:10px 0}.grow{flex:1}.grow small{display:block;color:var(--muted);margin-top:3px}.manage-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-btn{border:0;border-radius:10px;padding:10px 13px;background:#fee2e2;color:#991b1b;font-weight:800}.owner-post-tools{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.owner-post-tools form{display:inline}.owner-post-tools button,.owner-post-tools a{border:0;background:#f3f4f6;padding:7px 9px;border-radius:8px;color:#374151}.discover-orb{background-image:url('../images/brand/sa-chat-hub-icon.png')!important;background-size:cover!important;background-position:center!important}.discover-orb span{display:none}@media(max-width:600px){.member-manage-row{align-items:flex-start;flex-wrap:wrap}.manage-actions{width:100%}}


/* CORE 07 — official icon lockup, stories, reels, video and Discover imagery */
.brand-lockup{display:flex;align-items:center;gap:9px}.brand-copy{display:flex;flex-direction:column;line-height:1.02}.brand-copy strong{font-size:17px;letter-spacing:.01em}.brand-copy small{font-size:9px;color:#8b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.11em}.brand-copy small b{color:#b07b13}.brand-logo{background:transparent;object-fit:contain}.auth-logo-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;width:max-content}.auth-brand-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}.auth-logo-wrap small{margin-top:8px;color:#d8caa0;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.auth-logo-wrap strong{color:#f4c84b}.stories-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.story-create,.story-bubble{position:relative;flex:0 0 116px;height:172px;border-radius:18px;overflow:hidden;background:#171923;color:#fff;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5)}.story-create{display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(155deg,#171923,#5a42e8 72%,#d9a514)}.story-create small{font-size:10px;opacity:.82}.story-plus{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5a42e8;font-size:22px;font-weight:800}.story-media,.story-media img,.story-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-bubble:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}.story-user{position:absolute;z-index:2;left:10px;right:9px;bottom:10px;display:flex;align-items:center;gap:6px}.story-user strong{font-size:11px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-more{flex:0 0 auto;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:800;color:var(--brand)}.post-video{background:#050505;object-fit:contain;max-height:740px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.story-card{position:relative;display:block;height:360px;border-radius:22px;overflow:hidden;background:#111827}.story-card-media,.story-card-media img,.story-card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-card-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.78))}.story-card-user{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;display:flex;gap:9px;align-items:center}.story-card-user span:last-child{display:flex;flex-direction:column}.story-card-user small{font-size:10px;color:rgba(255,255,255,.78)}.story-play{position:absolute;top:14px;right:14px;z-index:3;background:rgba(0,0,0,.55);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}.story-view-body{margin:0;min-height:100vh;background:#050506;color:#fff;display:grid;place-items:center}.story-view-shell{position:relative;width:min(520px,100vw);height:min(94vh,920px);background:#111;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.story-close{position:absolute;z-index:8;right:15px;top:12px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:28px}.story-view-head{position:absolute;z-index:6;top:16px;left:16px;right:64px;display:flex;align-items:center;gap:9px;text-shadow:0 1px 6px #000}.story-view-head span:last-child{display:flex;flex-direction:column}.story-view-head small{color:rgba(255,255,255,.78);font-size:11px}.story-full-media,.story-full-media img,.story-full-media video{width:100%;height:100%;object-fit:contain;background:#000}.story-caption{position:absolute;z-index:5;left:20px;right:20px;bottom:20px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.48);backdrop-filter:blur(10px);text-align:center}.reels-body{background:#0b0c10}.reels-page{width:min(760px,calc(100% - 24px));margin:28px auto 80px;display:grid;gap:24px}.reels-heading{color:#fff;text-align:center;padding:20px}.reels-heading span{color:#d9a514;font-size:11px;font-weight:900;letter-spacing:.18em}.reels-heading h1{font-size:44px;margin:5px 0}.reels-heading p{color:#aeb5c3}.reel-card{position:relative;width:min(520px,100%);height:min(78vh,780px);margin:0 auto;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 22px 60px rgba(0,0,0,.32)}.reel-card>video{width:100%;height:100%;object-fit:contain}.reel-overlay{position:absolute;left:0;right:0;bottom:0;padding:80px 18px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}.reel-user{display:flex;gap:10px;align-items:center}.reel-user span:last-child{display:flex;flex-direction:column}.reel-user small{font-size:11px;color:rgba(255,255,255,.72)}.reel-overlay p{line-height:1.45}.reel-overlay a{color:#ffe08a;font-weight:800;font-size:12px}.discover-story-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-template-rows:220px;gap:11px;overflow-x:auto;padding-bottom:8px}.discover-story-card{position:relative;border-radius:18px;overflow:hidden;background:#111}.discover-story-card>img,.discover-story-card>video{width:100%;height:100%;object-fit:cover}.discover-story-owner{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;color:#fff}.discover-story-owner strong{font-size:11px}.discover-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.discover-reel-card{position:relative;height:250px;border-radius:18px;overflow:hidden;background:#050505;color:#fff}.discover-reel-card video{width:100%;height:100%;object-fit:cover}.discover-reel-card>div{position:absolute;left:0;right:0;bottom:0;padding:36px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;flex-direction:column}.discover-reel-card small{font-size:10px;color:rgba(255,255,255,.74)}
@media(max-width:900px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discover-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px}.top-brand .brand-logo{width:34px;height:34px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-card{height:290px}.discover-reel-grid{grid-template-columns:1fr 1fr}.discover-reel-card{height:220px}.story-view-shell{width:100vw;height:100vh;border-radius:0}.auth-brand-logo{width:96px;height:96px}}


/* CORE 08 — PWA / Android / Apple installability */
.install-page{max-width:1050px}.install-hero{display:flex;gap:24px;align-items:center;padding:28px}.install-hero>img{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 18px 50px #0004}.install-hero h1{margin:.25rem 0 .5rem}.install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.install-grid .card{padding:22px}.install-grid h2{margin-top:0}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.topic-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.topic-card-actions button{border:1px solid var(--border,#e5e7eb);background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}.gh-standalone body{padding-top:env(safe-area-inset-top)}.gh-standalone .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.gh-standalone .mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}@media(max-width:700px){.install-hero{align-items:flex-start;flex-direction:column}.install-hero>img{width:104px;height:104px}.install-grid{grid-template-columns:1fr}.install-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}


/* CORE 09 — chat, moderation and PWA */
.chat-attachment{display:block;max-width:min(320px,72vw);max-height:360px;border-radius:14px;margin:0 0 8px;object-fit:cover;background:#111}.typing-indicator{display:block;font-size:.78rem;color:var(--muted,#777);margin-top:2px}.deleted-message{font-style:italic;opacity:.65}.inline-delete{display:inline;margin-left:8px}.inline-delete button{border:0;background:transparent;color:inherit;opacity:.55;font-size:.72rem;cursor:pointer}.message-attach-btn{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:12px;background:rgba(128,128,128,.12);cursor:pointer;font-size:1.15rem}.admin-hero{margin-bottom:18px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.admin-stats div{padding:16px;border-radius:16px;background:rgba(128,128,128,.08);display:flex;flex-direction:column}.admin-stats strong{font-size:1.6rem}.admin-report-list{display:grid;gap:12px}.admin-report{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:18px;padding:16px;border:1px solid rgba(128,128,128,.18);border-radius:16px}.admin-report small{display:block;color:var(--muted,#777);margin-top:3px}.admin-report form{display:grid;gap:8px}.admin-report input,.admin-report select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(128,128,128,.25);background:transparent;color:inherit}.pwa-notification-card{margin-top:18px}.pwa-notification-card small{display:block;margin-top:10px}@media(max-width:700px){.admin-stats{grid-template-columns:1fr}.admin-report{grid-template-columns:1fr}.chat-attachment{max-width:68vw}.message-composer{gap:6px}.message-attach-btn{min-width:38px}}
.social-link{font-weight:700;text-decoration:none}.mention-link{color:#7a5a00}.hashtag-link{color:#896700}.hashtag-hero{background:linear-gradient(135deg,#fff8dd,#fff);margin-bottom:18px}.pinned-label{font-size:.78rem;font-weight:800;color:#7a5a00;margin-bottom:8px}.group-rules{margin-top:12px;padding:12px;border-radius:12px;background:#fff8dd}.group-post-tools{display:flex;gap:8px;margin-top:10px}.alert.success{background:#eaf8ee;color:#166534}
/* CORE 11 — Events */
.page-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.event-card{overflow:hidden;padding:0}.event-cover{display:block;height:180px;background:#121826;overflow:hidden;position:relative}.event-cover img{width:100%;height:100%;object-fit:cover}.event-cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#171f2c,#31260d);color:#f4c84b}.event-cover-fallback span{font-size:3rem;font-weight:900;line-height:1}.event-cover-fallback small{font-size:1rem;letter-spacing:.12em}.event-card-copy{padding:16px}.event-card-copy>small,.event-time{color:#c99717;font-weight:700}.event-card-copy h3{margin:7px 0}.event-card-copy p{color:var(--muted);margin:6px 0}.event-card-meta{display:flex;gap:12px;color:var(--muted);font-size:.88rem;margin-top:12px}.event-detail{overflow:hidden;padding:0}.event-detail-cover{width:100%;max-height:430px;object-fit:cover;display:block}.event-detail-copy{padding:24px}.event-detail-copy h1{font-size:clamp(2rem,5vw,3.4rem);margin:.3rem 0}.event-description{margin:22px 0;line-height:1.7;white-space:normal}.event-response-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.event-response-bar form{display:flex;flex-wrap:wrap;gap:10px}.wide-form{max-width:760px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-person{padding:14px}.compact-person form{margin-top:8px}@media(max-width:900px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.page-hero{align-items:flex-start;flex-direction:column}.event-grid,.compact-grid,.form-grid-2{grid-template-columns:1fr}.event-cover{height:190px}.event-detail-copy{padding:18px}.event-response-bar form{width:100%}.event-response-bar form button{flex:1}}
/* CORE 12 — Marketplace */
.marketplace-hero{background:linear-gradient(135deg,rgba(217,165,20,.18),rgba(17,24,39,.04))}.market-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:18px 0}.market-filter input,.market-filter select{min-height:44px;border:1px solid #d9dde5;border-radius:12px;padding:0 13px;background:#fff}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.market-card{overflow:hidden;padding:0}.market-image{height:210px;display:flex;align-items:center;justify-content:center;background:#172033;color:#d9a514;font-weight:800}.market-image img{width:100%;height:100%;object-fit:cover}.market-copy{padding:15px}.market-copy h3{margin:5px 0}.market-copy p,.market-copy span,.market-copy small{color:#667085}.market-price{font-size:1.2rem;color:#111827}.market-price.big{font-size:2rem;font-weight:800;margin:10px 0}.market-detail{display:grid;grid-template-columns:minmax(280px,1fr) 1fr;gap:28px;padding:22px}.market-detail-image{width:100%;max-height:620px;object-fit:cover;border-radius:18px}@media(max-width:850px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-detail{grid-template-columns:1fr}.market-filter{grid-template-columns:1fr}}@media(max-width:520px){.market-grid{grid-template-columns:1fr 1fr;gap:10px}.market-image{height:150px}.market-copy{padding:10px}.market-copy h3{font-size:.95rem}.market-price{font-size:1rem}}
/* CORE 13 — communication */
.message-reply-quote,.reply-preview{border-left:3px solid #d9a514;background:rgba(217,165,20,.09);padding:7px 9px;border-radius:8px;margin-bottom:7px;font-size:.86rem}.reply-preview{display:flex;justify-content:space-between;gap:10px}.reply-preview[hidden]{display:none}.message-tools{display:flex;gap:5px;margin-top:5px}.message-tools button,.message-react-form button{border:0;background:transparent;cursor:pointer;padding:3px 5px}.message-react-form{display:inline-flex}.message-voice-btn{border:0;background:transparent;font-size:1.25rem;cursor:pointer}.message-voice-btn.recording{animation:ghpulse 1s infinite;color:#c22}.chat-audio{max-width:260px;width:100%;height:38px}.active-people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.active-person{display:flex;align-items:center;gap:10px;text-decoration:none}.presence-dot{width:10px;height:10px;border-radius:50%;background:#28b463;display:inline-block}@keyframes ghpulse{50%{transform:scale(1.2)}}
/* CORE 14 — group chat and message tools */
.message-heading-actions{display:flex;gap:10px;align-items:center}.group-chat-create{padding:22px}.group-member-picker{display:grid;gap:8px;max-height:380px;overflow:auto;margin:12px 0}.group-member-picker label{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;margin:0}.group-member-picker input{width:auto;margin:0}.group-member-picker small{display:block;color:var(--muted)}.message-search{padding:22px}.message-search-result{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}.message-search-result span,.message-search-result small{color:var(--muted)}.group-sender{display:block;font-weight:800;color:#a77b00;margin-bottom:4px}@media(max-width:620px){.message-heading-actions{width:100%;justify-content:flex-start}.page-heading{flex-wrap:wrap}}

/* CORE 15 — feed modes, stronger mobile navigation and interaction polish */
.feed-tabs{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow);position:sticky;top:80px;z-index:12}.feed-tabs a{flex:1;text-align:center;padding:10px 12px;border-radius:11px;color:var(--muted);font-weight:800;font-size:14px}.feed-tabs a:hover,.feed-tabs a.active{background:#f0edff;color:var(--brand)}.composer textarea{overflow-y:hidden}.post{transition:transform .18s ease,box-shadow .18s ease}.post:target{box-shadow:0 0 0 3px rgba(90,66,232,.18),var(--shadow)}.post-actions button:active,.quick-strip a:active,.mobile-nav a:active,.mobile-nav button:active{transform:scale(.97)}
@media(max-width:760px){.feed-tabs{top:70px;border-radius:13px;padding:4px}.feed-tabs a{padding:9px 7px;font-size:12px}.top-actions{gap:12px}.top-actions .top-icon{font-size:0}.top-actions .top-icon:before{font-size:18px}.top-actions .top-icon[href*="friends"]:before{content:"◎"}.top-actions .top-icon[href*="messages"]:before{content:"✉"}.top-actions .top-icon[href*="notifications"]:before{content:"◉"}.top-icon b{font-size:9px;position:absolute;top:-8px;right:-9px}.stories-strip{scroll-snap-type:x proximity}.story-bubble,.story-create{scroll-snap-align:start}.post-head{padding:13px}.post-body{padding:0 13px 15px}.post-stats{padding:9px 13px}.comment-form{padding:9px 12px}.mobile-nav{padding-bottom:max(5px,env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(30,34,60,.07)}.mobile-nav a,.mobile-nav button{min-width:0}.mobile-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.visual-discover{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.discover-page{width:min(100% - 20px,1100px)}}
.post-actions{grid-template-columns:repeat(4,1fr)}
@media(max-width:430px){.post-actions button,.post-actions select{font-size:11px}.post-actions button{padding:11px 5px}.reaction-form select{padding:10px 5px}}

/* SA CHAT HUB Core 16 brand refresh */
:root{--sach-green:#00c853;--sach-gold:#d4af37;--sach-charcoal:#0d0d14}
.brand-logo{border-radius:14px;box-shadow:0 4px 18px rgba(0,200,83,.22)}
.brand-copy strong{letter-spacing:.02em}.brand-copy strong::first-letter{color:inherit}
.primary-btn{background:linear-gradient(135deg,var(--sach-green),#08a946)}
.discover-orb{background-image:url('../images/brand/sa-chat-hub-icon.png')!important}