.social-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(260px,340px);gap:24px;align-items:start}.post-composer,.social-post,.notification-panel{background:var(--card,#fff);border:1px solid var(--line,#eadfdb);border-radius:22px;box-shadow:0 12px 35px rgba(79,31,35,.07)}.post-composer{padding:20px;margin-bottom:18px}.post-composer>label{font-weight:700}.post-composer textarea{width:100%;min-height:94px;margin:10px 0;border:0;resize:vertical;background:transparent;color:inherit;font:inherit}.post-compose-actions,.social-post-head,.social-post-actions,.notification-panel header{display:flex;align-items:center;gap:10px}.post-compose-actions small{margin-left:auto;color:var(--muted,#756a68)}.attach-label,.media-upload,.feed-more{cursor:pointer;border:1px solid var(--line,#eadfdb);border-radius:999px;padding:9px 14px;font-weight:700}.post-compose-actions button,.feed-more,.notification-panel header button{border:0;border-radius:999px;background:var(--accent,#f4315a);color:#fff;padding:10px 18px;font-weight:700}.social-feed{display:grid;gap:16px}.social-post{padding:18px}.social-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f9dce3;display:grid;place-items:center;font-weight:800}.social-post-head div{display:grid}.social-post-head time{font-size:12px;color:var(--muted,#756a68)}.social-follow{margin-left:auto;border:0;background:transparent;color:var(--accent,#f4315a);font-weight:700}.social-body{white-space:pre-wrap;line-height:1.55}.social-media{width:100%;max-height:560px;object-fit:cover;border-radius:16px;background:#180f13}.social-post-actions{margin-top:13px;flex-wrap:wrap}.social-post-actions button{border:0;background:transparent;color:inherit;padding:7px;cursor:pointer}.social-post-actions button.active{color:var(--accent,#f4315a);font-weight:700}.notification-panel{position:sticky;top:24px;overflow:hidden}.notification-panel header{padding:16px;border-bottom:1px solid var(--line,#eadfdb)}.notification-panel header button{margin-left:auto;font-size:12px;padding:7px 10px}.notification-item{display:block;padding:13px 16px;border-bottom:1px solid var(--line,#eadfdb);font-size:14px}.notification-item.unread{background:rgba(244,49,90,.06)}.notification-button{position:relative}.notification-button b{position:absolute;right:-6px;top:-6px;background:#f4315a;color:#fff;border-radius:99px;min-width:20px;padding:2px;font-size:11px}.post-media-preview img,.post-media-preview video{max-width:220px;max-height:160px;border-radius:12px}.media-library{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.media-tile{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#1c1518}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.media-tile-actions{position:absolute;inset:auto 5px 5px;display:flex;gap:4px}.media-tile-actions button{border:0;border-radius:8px;background:rgba(18,12,14,.78);color:#fff;padding:5px;font-size:11px}.message-reply-preview{padding:8px 16px;background:rgba(244,49,90,.08);font-size:13px}.chat-attach{cursor:pointer;font-size:22px}.message-media{max-width:min(320px,70vw);max-height:340px;border-radius:13px}.message-actions{display:flex;gap:4px;opacity:.72}.message-actions button{border:0;background:transparent;color:inherit;font-size:12px;padding:3px}.reaction-strip{font-size:12px}.shared-post{border-left:3px solid currentColor;padding-left:9px;opacity:.85}.feed-more{display:block;margin:18px auto}.feed-more[hidden]{display:none}
@media(max-width:900px){.social-layout{grid-template-columns:1fr}.notification-panel{position:static}.media-library{grid-template-columns:repeat(2,1fr)}}
.universal-search,.recommendation-section,.ranking-section{background:var(--card,#fff);border:1px solid var(--line,#eadfdb);border-radius:22px;padding:20px;margin-bottom:18px}.universal-search label{display:block;font-weight:700;margin-bottom:10px}.universal-search div{display:flex;gap:8px}.universal-search input{flex:1;min-width:0;border:1px solid var(--line,#eadfdb);border-radius:999px;padding:12px 16px;background:transparent;color:inherit}.universal-search button,.recommendation-section button{border:0;border-radius:999px;background:var(--accent,#f4315a);color:#fff;padding:10px 18px}.search-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px}.search-tabs button{border:1px solid var(--line,#eadfdb);border-radius:999px;padding:8px 14px;background:transparent;color:inherit}.search-tabs button.active{background:var(--accent,#f4315a);color:#fff}.recent-searches{display:flex;gap:10px;align-items:center;margin:10px 0 20px;font-size:13px}.recent-searches span{display:flex;gap:6px;flex-wrap:wrap}.recent-searches span button{border:0;border-radius:999px;padding:5px 9px}.recent-searches>button{margin-left:auto;border:0;background:transparent;color:var(--accent,#f4315a)}.search-results,.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:22px}.search-result-card{background:var(--card,#fff);border:1px solid var(--line,#eadfdb);border-radius:18px;padding:15px}.search-result-card header{display:flex;gap:10px;align-items:center}.compatibility-score{display:inline-flex;border-radius:999px;background:rgba(244,49,90,.1);color:var(--accent,#f4315a);padding:5px 9px;font-weight:700}.why-match{font-size:13px;color:var(--muted,#756a68)}.result-actions{display:flex;gap:6px;flex-wrap:wrap}.result-actions button{border:1px solid var(--line,#eadfdb);border-radius:999px;padding:7px 10px;background:transparent;color:inherit}.recommendation-section>header,.ranking-section>header{display:flex;align-items:center;justify-content:space-between}.ranking-section li{padding:10px;border-bottom:1px solid var(--line,#eadfdb)}