:root{
  --bg:#f6f7f5;--panel:#fff;--line:#e6e9e4;--text:#18201c;--muted:#6d756f;--soft:#eef1ed;
  --accent:#1f6d4b;--accent2:#daf3e5;--dark:#111713;--warn:#ad6b18;--blue:#4760d4;--shadow:0 8px 30px rgba(18,31,23,.06);
}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px minmax(0,760px) 300px;gap:0;max-width:1460px;margin:0 auto;min-height:100vh;background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:#f3f5f2}.brand-row{display:flex;gap:12px;align-items:center;padding:8px 8px 22px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:-.5px}.brand-title{font-size:14px;line-height:1.1;font-weight:800}.brand-sub{font-size:12px;color:var(--muted);margin-top:4px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;padding:11px 12px;border-radius:11px;display:flex;gap:12px;align-items:center;color:#4f5852;text-align:left}.nav-item span:first-child{width:22px;height:22px;display:grid;place-items:center;font-weight:800}.nav-item:hover,.nav-item.active{background:#e5eae5;color:#142019}.nav-item.active{font-weight:700}.sidebar-block{margin-top:26px;padding:0 8px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#919993;margin-bottom:10px}.topic-chip{display:block;width:100%;text-align:left;border:0;background:transparent;color:#5f6862;padding:7px 4px;border-radius:8px}.topic-chip:hover{background:#e8ece8}.sidebar-footer{position:absolute;bottom:18px;left:24px;font-size:11px;color:#9aa19c;display:flex;gap:8px}.sidebar-footer a{color:inherit;text-decoration:none}.main-column{min-width:0;border-right:1px solid var(--line);background:#fbfcfa}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(251,252,250,.94);backdrop-filter:blur(14px)}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:12px}.search-wrap input{border:0;outline:0;width:100%;background:transparent}.search-icon{color:#839087}.top-actions{display:flex;gap:8px}.primary-btn,.secondary-btn,.ghost-btn{border-radius:10px;padding:10px 14px;font-weight:700}.primary-btn{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--text)}.ghost-btn{border:1px solid transparent;background:transparent;color:var(--text)}.primary-btn:hover{filter:brightness(.95)}.hero-strip{margin:20px 18px 14px;padding:26px;border:1px solid #d7e7dd;background:linear-gradient(135deg,#edf9f2,#f8fbf8);border-radius:18px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent);margin-bottom:8px}.hero-strip h1{font-size:29px;line-height:1.1;margin:0 0 10px}.hero-strip p{margin:0;color:#59645d;max-width:560px;line-height:1.65}.hero-actions{display:flex;gap:8px;flex-shrink:0}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 18px 12px}.feed-tabs{display:flex;gap:5px}.feed-tab{border:0;background:transparent;padding:8px 11px;border-radius:9px;color:#707a73;font-weight:700}.feed-tab.active,.feed-tab:hover{background:#ecefec;color:#1d2620}.live-note{font-size:11px;color:#859088;display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:#48b36f;box-shadow:0 0 0 4px rgba(72,179,111,.12)}.feed{display:flex;flex-direction:column;gap:10px;padding:0 18px 32px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 1px 0 rgba(15,30,20,.02)}.post-card:hover{border-color:#ccd4ce;box-shadow:var(--shadow)}.post-meta-row{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dfe8e2;font-size:12px;font-weight:800}.brand-avatar{background:#17231c;color:#fff}.post-meta-row strong{font-size:13px}.verified{font-size:9px;margin-left:7px;padding:3px 5px;background:#eef7f1;color:#29724f;border-radius:5px}.meta{font-size:11px;color:#8a928d;margin-top:3px}.post-type{margin-left:auto;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.post-type.question{background:#eef1ff;color:#5062c3}.post-type.bounty{background:#fff2df;color:#99601b}.post-type.tool{background:#e8f6ee;color:#29734f}.post-type.signal{background:#fff0ef;color:#aa514a}.post-type.resource{background:#f1ecfb;color:#6c56aa}.post-card h2{font-size:18px;margin:15px 0 8px;line-height:1.35}.post-card p{font-size:13.5px;line-height:1.65;color:#59635c;margin:0}.tag-row{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.tag-row span{font-size:10px;background:#f0f2ef;color:#667068;padding:5px 7px;border-radius:7px}.post-footer{display:flex;gap:18px;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid #f0f2ef;font-size:11px;color:#7e8781}.post-footer .time{margin-left:auto}.media-grid{display:grid;grid-template-columns:1fr 160px;gap:18px;align-items:center}.image-placeholder{height:120px;border-radius:12px;background:linear-gradient(135deg,#2c3430,#6d7c73);display:grid;place-items:center;color:#fff;text-align:center;font-weight:800;font-size:14px}.bounty-info{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.bounty-info span{font-size:10px;color:#7a837c}.bounty-info b{display:block;font-size:13px;color:#1f2922;margin-top:2px}.ranking-list{margin-top:14px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.ranking-list div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.ranking-list div:last-child{border-bottom:0}.ranking-list b{color:var(--accent)}.ranking-list span{font-size:13px;font-weight:700}.ranking-list small{color:#8e9690}.link-preview{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafbf9;display:grid;gap:4px}.link-domain{font-size:10px;color:#8b948e}.link-preview strong{font-size:13px}.link-preview span{font-size:11px;color:#7c857f}.rightbar{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 16px;background:#f7f8f6}.side-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:12px}.side-card-title{font-size:13px;font-weight:800;margin-bottom:12px}.trend-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.trend-list li{display:flex;gap:10px;align-items:center}.trend-list li>span{font-size:10px;color:#98a098}.trend-list b{display:block;font-size:12px}.trend-list small,.tool-row small{display:block;color:#929993;font-size:10px;margin-top:2px}.tool-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f2f0}.tool-row:last-child{border-bottom:0}.tool-logo{width:30px;height:30px;border-radius:8px;background:#eff2ef;display:grid;place-items:center;font-weight:800}.tool-row b{font-size:12px}.tool-row>span{font-size:11px;color:var(--accent);font-weight:800}.join-card{background:#142019;color:#fff;border-color:#142019}.join-card p{font-size:12px;line-height:1.55;color:#cbd5cf}.wide{width:100%}.footer-links{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;padding:6px 4px}.footer-links a{color:#929a95;text-decoration:none}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:50;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(650px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h3{font-size:22px;margin:0 0 16px}.icon-btn{border:0;background:#f1f3f0;width:34px;height:34px;border-radius:9px;font-size:21px}.modal label{display:block;font-size:11px;font-weight:800;margin:12px 0 6px;color:#59635c}.modal input,.modal textarea,.modal select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:0;background:#fbfcfb}.composer-tools{display:flex;gap:7px;margin-top:10px}.composer-tools button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}
@media(max-width:1120px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.rightbar{display:none}.main-column{border-right:0}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;z-index:40;width:260px;transition:left .2s}.sidebar.open{left:0}.main-column{width:100%}.mobile-menu{display:block}.topbar{padding:10px}.top-actions .ghost-btn:nth-of-type(2){display:none}.hero-strip{margin:12px;padding:18px;display:block}.hero-strip h1{font-size:24px}.hero-actions{margin-top:16px}.feed-toolbar{padding:6px 12px 10px}.live-note{display:none}.feed{padding:0 10px 24px}.media-grid{grid-template-columns:1fr}.image-placeholder{height:150px}.post-card{padding:15px}.brand-title{font-size:13px}}

.auth-btn.signed-in{display:flex;align-items:center;gap:7px;max-width:180px}.auth-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;flex:0 0 auto}.auth-avatar-fallback{display:grid;place-items:center;background:#dfe8e2;font-size:9px;font-weight:800}.auth-btn.signed-in span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{color:#6c756f}.logout-btn[hidden]{display:none!important}