*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#102031;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{max-width:760px;margin:auto;padding-bottom:40px}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e8eef0;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-icon,.big-icon{width:42px;height:42px;border-radius:50%;background:#29b6b0;color:#fff;display:grid;place-items:center;font-weight:900}.brand-name{font-size:20px;font-weight:800}.members{font-size:14px;color:#7a858e}.icon-btn{border:0;background:transparent;font-size:20px;color:#68737b;letter-spacing:3px}.hero-card{margin:28px 18px 22px;padding:45px 34px;border-radius:28px;background:linear-gradient(135deg,#eaf8f7,#f8fbfa);box-shadow:0 12px 30px #b9c8ca25}.eyebrow,.muted{font-size:13px;font-weight:800;letter-spacing:3px;color:#4e8989}.hero-card h1{font-size:42px;margin:42px 0 32px}.pill{display:block;width:max-content;max-width:100%;border:1px solid #d9e1e3;border-radius:30px;padding:11px 25px;margin-top:10px;color:#5e6870;font-size:17px;background:#fff9}.pill.primary{color:#147c79;border-color:#55c7c1;background:#f3ffff}.section-head{display:flex;justify-content:space-between;align-items:end;padding:0 28px 14px}.section-head h2{font-size:36px;margin:4px 0 0}.section-head span{color:#6b747b;margin-bottom:9px}.feed{padding:0 18px}.post-card,.detail-card{background:#fff;border:1px solid #edf0f1;border-radius:26px;margin:14px 0;padding:20px;box-shadow:0 6px 18px #6f858511}.post-head{display:flex;gap:12px;align-items:center}.avatar{width:45px;height:45px;border-radius:50%;background:#2ab7b1;display:grid;place-items:center;color:#fff;font-weight:800}.post-author{font-weight:800}.tag{font-size:12px;background:#eafaf8;color:#29968f;border-radius:7px;padding:5px 8px;margin-left:5px}.time{font-size:13px;color:#849097}.body{font-size:17px;line-height:1.65;margin:18px 0;white-space:pre-wrap}.media img,.media video{width:100%;max-height:520px;object-fit:cover;border-radius:18px}.media iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px}.reaction-area{position:relative;margin-top:15px}.reaction-line{display:flex;align-items:center;gap:8px;min-width:0}.action-btn{border:0;background:#f5f8f8;border-radius:22px;padding:9px 13px;color:#68747b;font-size:14px;white-space:nowrap}.action-btn.plus{font-size:21px;line-height:1;padding:8px 13px}.reaction-summary{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow:hidden}.reaction-mini{background:#f7f9f9;border:1px solid #e7ecee;border-radius:15px;padding:5px 7px;font-size:13px;white-space:nowrap}.reaction-mini b{font-size:12px;color:#657078}.empty-reactions{font-size:12px;color:#98a2a8}.views{margin-left:auto}.reaction-popup{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:min(100%,520px);background:#fff;border:1px solid #dfe6e8;border-radius:20px;padding:10px;box-shadow:0 15px 40px #23343a22}.reaction-popup.show{display:block}.reaction-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-height:330px;overflow:auto}.emoji-btn{border:0;background:transparent;border-radius:12px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;font-size:23px;cursor:pointer}.emoji-btn:hover,.emoji-btn.selected{background:#eaf8f7}.emoji-btn small{font-size:9px;color:#879198;line-height:10px}.comment-composer{margin-top:18px;padding:12px 0;border-top:1px solid #edf1f2}.comment-composer strong{display:block;font-size:14px}.comment-composer>span{display:block;font-size:11px;color:#89949a;margin-top:2px}.comment-box{display:flex;gap:8px;margin-top:10px}.comment-box input{flex:1;border:1px solid #dfe5e7;border-radius:20px;padding:11px 15px;outline:none}.send{border:0;background:#29b6b0;color:#fff;border-radius:20px;padding:0 17px}.comment{padding:12px 0;border-bottom:1px solid #eef1f2}.comment strong{display:block}.comment p{margin:5px 0;color:#4f5a61}.back{margin:18px 22px;border:0;background:transparent;font-size:16px;color:#1b7e7b}.hidden{display:none!important}.verify{min-height:70vh;display:grid;place-items:center;padding:24px}.verify-card{text-align:center;background:#fff;border-radius:25px;padding:35px;box-shadow:0 10px 30px #0001}.verify-card .big-icon{margin:auto}.poll{margin-top:20px;border:1px solid #e5ebec;border-radius:18px;padding:15px}.poll h3{margin-top:0}.poll-option{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #dfe6e7;background:#fff;border-radius:14px;padding:12px;margin:8px 0;text-align:left}.poll-option:disabled{opacity:.7}.bar{height:6px;background:#dfeeed;border-radius:10px;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:#35b7b1}.admin-link{position:fixed;bottom:14px;right:14px;font-size:12px;color:#899}.empty{text-align:center;color:#899;padding:50px}.error{padding:16px;background:#fff0f0;color:#a33;border-radius:15px}@media(min-width:700px){body{padding:25px 0}.topbar{border-radius:22px 22px 0 0}.hero-card{margin-left:0;margin-right:0}.feed{padding:0}.section-head{padding-left:10px;padding-right:10px}}

@media(max-width:560px){.reaction-popup{width:calc(100vw - 42px);left:0}.reaction-grid{grid-template-columns:repeat(8,1fr);gap:1px}.emoji-btn{font-size:20px;min-height:39px}.reaction-mini{padding:4px 6px;font-size:12px}.reaction-line{gap:6px}.action-btn{padding:8px 10px}}
.reaction-summary{flex-wrap:wrap;overflow:visible;align-content:flex-start;row-gap:5px}
.post-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:15px}.post-overlay-backdrop{position:absolute;inset:0;background:#10203188;backdrop-filter:blur(3px)}.post-overlay-panel{position:relative;width:min(760px,100%);max-height:calc(100vh - 30px);overflow:auto;background:#f4f7f8;border-radius:26px;padding:12px;box-shadow:0 25px 70px #10203155}.post-overlay-panel .back{margin:2px 10px 8px}.loading{text-align:center;padding:60px 20px;color:#68747b}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;background:#153b3a;color:#fff;border-radius:14px;padding:12px 18px;font-size:14px;box-shadow:0 10px 30px #0003}.toast.error{background:#9f3131}.toast.loading{background:#47545d}.toast.hidden{display:none}.poll-option.chosen{border-color:#29b6b0;background:#f0fffd}