:root{color:#071426;--blue:#087bff;--deep:#0057d9;--midnight:#071426;--sky:#69b5ff;--ice:#f2f8ff;--white:#fff;--line:#dce9f7;--muted:#64748b;--soft:#edf5ff;background:#f2f8ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%, #69b5ff2e, transparent 35%), var(--ice)}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);background:#ffffffe6;grid-template-columns:260px minmax(280px,560px) 260px;justify-content:center;align-items:center;gap:28px;height:72px;padding:0 28px;display:grid;position:sticky;top:0}.brand{color:var(--midnight);letter-spacing:-.04em;background:0 0;justify-self:start;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brandMark{font-size:25px}.topSearch{border:1px solid var(--line);background:var(--soft);height:42px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 15px;display:flex}.topSearch input{width:100%;color:var(--midnight);background:0 0;border:0;outline:0}.topActions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.iconButton{width:40px;height:40px;color:var(--midnight);background:0 0;border-radius:50%;font-size:21px}.iconButton:hover{background:var(--soft)}.profileMini,.avatar,.profileAvatar{background:linear-gradient(135deg, var(--blue), var(--sky));color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.profileMini{font-size:14px}.layout{grid-template-columns:230px minmax(0,680px) 290px;gap:28px;width:min(1380px,100%);margin:0 auto;padding:28px;display:grid}.sidebar{align-self:start;position:sticky;top:100px}.navItem{color:#334155;text-align:left;background:0 0;border-radius:13px;align-items:center;gap:15px;width:100%;min-height:48px;padding:0 15px;font-size:15px;font-weight:650;display:flex}.navItem span{text-align:center;width:22px;font-size:21px}.sideSection{margin-top:32px}.sideTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:0 15px 10px;font-size:11px;font-weight:800}.composeButton{background:var(--blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:30px;display:flex;box-shadow:0 10px 25px #087bff38}.composeButton:hover{background:var(--deep);transform:translateY(-1px)}.feed{min-width:0}.feedHeader{align-items:center;min-height:82px;display:flex}.feedHeader h1{letter-spacing:-.045em;margin:0;font-size:28px}.feedHeader p{color:var(--muted);margin:4px 0 0;font-size:14px}.card{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;box-shadow:0 8px 28px #07142609,0 1px 2px #07142606}.composer{gap:13px;padding:17px;display:flex}.composerBody{flex:1;min-width:0}.composer textarea{resize:vertical;width:100%;min-height:75px;color:var(--midnight);background:0 0;border:0;outline:0;font-size:16px;line-height:1.55}.composer textarea::placeholder{color:#8ba0b6}.composerFooter{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.composerTools{gap:5px;display:flex}.composerTools button{width:32px;height:32px;color:var(--blue);background:0 0;border-radius:50%;font-size:17px}.composerTools button:hover{background:var(--soft)}.primaryButton,.secondaryButton,.followButton{border-radius:999px;padding:9px 16px;font-weight:750}.primaryButton{background:var(--blue);color:#fff}.primaryButton:hover:not(:disabled){background:var(--deep)}.primaryButton:disabled{opacity:.45;cursor:default}.secondaryButton{background:var(--soft);color:var(--deep)}.feedTabs{border-bottom:1px solid var(--line);margin:20px 0 10px;display:flex}.feedTabs button{height:45px;color:var(--muted);background:0 0;flex:1;font-weight:700;position:relative}.feedTabs button.active:after{content:"";background:var(--blue);border-radius:999px;height:3px;position:absolute;bottom:-1px;left:25%;right:25%}.posts{flex-direction:column;display:flex}.post{box-shadow:none;border-left:0;border-right:0;border-bottom:1px solid var(--line);border-radius:0;gap:13px;padding:18px;display:flex}.post:first-child{border-radius:18px 18px 0 0}.post:last-child{border-bottom:0;border-radius:0 0 18px 18px}.postContent{flex:1;min-width:0}.postMeta{min-width:0;color:var(--muted);align-items:center;gap:5px;font-size:14px;display:flex}.postMeta strong{color:var(--midnight);font-weight:800}.verified{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-weight:900;display:inline-grid}.more{color:#8ba0b6;background:0 0;margin-left:auto}.postBody{color:#1b2a3d;white-space:normal;margin-top:9px;font-size:15px;line-height:1.55}.postActions{justify-content:space-between;margin-top:16px;display:flex}.postActions button{color:var(--muted);background:0 0;align-items:center;gap:6px;font-size:13px;display:flex}.rightCard{margin-bottom:18px;padding:18px}.rightCard h2{letter-spacing:-.02em;margin:0 0 14px;font-size:17px}.trend{border-bottom:1px solid #edf2f7;flex-direction:column;gap:2px;padding:11px 0;display:flex}.trend:last-of-type{border-bottom:0}.trend strong{font-size:14px}.trend span{color:var(--muted);font-size:12px}.showMore{color:var(--blue);background:0 0;margin-top:13px;font-weight:700}.person{align-items:center;gap:9px;margin:15px 0;display:flex}.person>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.person strong{font-size:13px}.person span{color:var(--muted);font-size:12px}.followButton{background:var(--midnight);color:#fff;margin-left:auto;padding:7px 12px;font-size:12px}footer{color:#7d8ea3;flex-wrap:wrap;gap:10px;padding:8px 6px;font-size:11px;display:flex}footer small{width:100%}.pageContent{flex-direction:column;gap:14px;display:flex}.exploreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.exploreCard{padding:22px}.exploreCard>span{color:var(--blue);font-weight:800}.exploreCard h2{margin:9px 0 5px;font-size:19px}.exploreCard p,.projectCard p,.community p{color:var(--muted);margin:0 0 16px;line-height:1.5}.projectCard,.community,.notification{align-items:center;gap:15px;padding:20px;display:flex}.projectIcon,.communityIcon{background:var(--soft);width:52px;height:52px;color:var(--blue);border-radius:15px;flex:none;place-items:center;font-size:25px;display:grid}.projectCard h2,.community h2{margin:0 0 5px;font-size:18px}.projectCard .secondaryButton{margin-top:2px}.community>div:nth-child(2){flex:1}.profileHero{align-items:center;gap:20px;padding:25px;display:flex}.profileAvatar{width:82px;height:82px;font-size:28px}.profileInfo{flex:1}.profileInfo h2{margin:0;font-size:25px}.profileInfo p{color:var(--muted);margin:3px 0}.stats{color:var(--muted);gap:20px;margin-top:12px;font-size:13px;display:flex}.stats strong{color:var(--midnight)}.empty{text-align:center;padding:55px 20px}.empty>div{font-size:35px}.empty h2{margin:10px 0 4px}.empty p{color:var(--muted);margin:0}.mobileNav{display:none}@media (width<=1050px){.topbar{grid-template-columns:220px minmax(200px,1fr) 120px}.layout{grid-template-columns:190px minmax(0,680px)}.right{display:none}}@media (width<=760px){body{padding-bottom:70px}.topbar{grid-template-columns:auto 1fr auto;gap:12px;height:62px;padding:0 14px;position:sticky}.brand{font-size:17px}.brandMark{font-size:21px}.topSearch{height:38px}.topActions .iconButton{display:none}.layout{padding:0;display:block}.left{display:none}.feedHeader{padding:0 16px}.feedHeader h1{font-size:24px}.composer{border-radius:16px;margin:0 10px}.feedTabs{margin-top:12px;padding:0 10px}.posts{margin:0 10px}.post{padding:16px 12px}.postMeta{flex-wrap:wrap}.postActions button{gap:4px}.exploreGrid{grid-template-columns:1fr}.pageContent{padding:0 10px}.profileHero{flex-wrap:wrap;align-items:flex-start}.profileInfo{min-width:calc(100% - 105px)}.profileHero .secondaryButton{margin-left:auto}.mobileNav{z-index:50;height:66px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobileNav button{color:var(--muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.mobileNav button span{font-size:20px}.mobileNav button.active{color:var(--blue)}.mobileNav .mobileCompose{background:var(--blue);color:#fff;border-radius:50%;place-self:center;width:44px;height:44px;font-size:27px;box-shadow:0 8px 20px #087bff40}}.apiNotice{color:#9f1239;background:#fff7f9;border:1px solid #ffd8e0;border-radius:13px;align-items:center;gap:9px;margin-bottom:12px;padding:11px 14px;font-size:13px;font-weight:650;display:flex}.apiNotice span{font-size:9px}.loading{min-height:75px;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite blueberry-spin}@keyframes blueberry-spin{to{transform:rotate(360deg)}}.authMiniButton{font-size:18px;font-weight:800}.authComposer{flex-direction:column;justify-content:center;gap:8px;min-height:120px;display:flex}.authComposer strong{font-size:17px}.authComposer span{color:var(--muted,#718096);margin-bottom:6px;font-size:14px;line-height:1.45}.authComposer .primaryButton{align-self:flex-start}:root{color:#f8fbff;--line:#97beff29;--muted:#92a6c1;--soft:#102744;background:#071426}body{color:#f8fbff;background:radial-gradient(circle at 50% -28%,#087bff38,#0000 36%),#071426}.topbar{border-bottom-color:var(--line);background:#071426e0}.brand,.feedHeader h1,.postMeta strong,.stats strong,.empty h2,.profileInfo h2{color:#fff}.brandMark{color:var(--blue);filter:saturate(1.15)}.topSearch{color:var(--sky);background:#122c4cb8;border-color:#69b5ff33}.topSearch input{color:#fff}.topSearch input::placeholder,.composer textarea::placeholder{color:#7690b2}.iconButton{color:#d8e8ff}.iconButton:hover,.composerTools button:hover{background:#69b5ff1f}.profileMini,.avatar,.profileAvatar{background:#087bff;border:1px solid #b7dcff52;box-shadow:0 8px 24px #087bff33}.navItem{color:#aebfd4}.navItem:hover,.navItem.active{color:#fff;background:#087bff24}.sideTitle{color:#6380a5}.composeButton,.primaryButton{background:#087bff;box-shadow:0 12px 28px #087bff42}.composeButton:hover,.primaryButton:hover:not(:disabled){background:#2a91ff}.card{border-color:var(--line);background:#0c1f37e0;box-shadow:0 14px 36px #00000029}.composerFooter,.post,.feedTabs,.trend{border-color:var(--line)}.composer textarea,.postBody{color:#edf5ff}.feedHeader p,.postMeta,.postActions button,.trend span,.person span,.profileInfo p,.stats,.empty p,footer{color:#92a6c1}.feedTabs button{color:#7891b0}.feedTabs button.active{color:#fff}.post{background:0 0;transition:background .16s}.post:hover{background:#69b5ff0b}.postActions button:hover{color:#69b5ff}.postActions button.liked{color:#ff6a8b}.verified{background:#087bff}.more{color:#7891b0}.rightCard h2{color:#fff}.trend strong,.person strong,.projectCard h2,.community h2{color:#edf5ff}.showMore{color:#69b5ff}.followButton{color:#071426;background:#eaf4ff}.followButton:hover{background:#fff}.secondaryButton{color:#a8d4ff;background:#69b5ff1f}.secondaryButton:hover{background:#69b5ff33}.projectIcon,.communityIcon{color:#69b5ff;background:#087bff24}.apiNotice{color:#ffd29b;background:#ffab401a;border:1px solid #ffab403d}.loading,.empty{color:#b8c9dc}.mobileNav{border-top-color:var(--line);background:#071426f5}.mobileNav button{color:#7991af}.mobileNav button.active{color:#69b5ff}.mobileNav .mobileCompose{color:#fff;background:#087bff;box-shadow:0 8px 22px #087bff57}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #69b5ffb3}@media (width<=760px){.composer,.posts{margin-left:10px;margin-right:10px}.topSearch{background:0 0;border-color:#0000;padding:0 4px}.topSearch:focus-within{background:#122c4cb8;border-color:#69b5ff33;padding:0 12px}}
