.post-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 0;margin-top:40px;border-top:1px solid #ffffff12;font:14px/1.5 var(--font-sans,system-ui)}
.post-like{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff04;color:#ecf3ef;padding:12px 18px;cursor:pointer;font:600 14px/1.5 var(--font-sans,system-ui);transition:background .2s,border-color .2s,transform .2s}
.post-like svg,.comment-like svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.post-like strong{padding-left:10px;border-left:1px solid #ffffff24;color:#b6c4be;font-size:13px}
.post-like:hover{border-color:#00ff6670;background:#00ff6608;transform:translateY(-1px)}
.post-like[aria-pressed=true]{border-color:#00ff664a;color:#00ff66;background:#00ff660c}.post-like[aria-pressed=true] svg,.comment-like[aria-pressed=true] svg{fill:currentColor}
.post-like:disabled{opacity:.65;cursor:not-allowed;transform:none}.post-actions__discussion{display:inline-flex;align-items:center;gap:10px;color:#bdc9c2!important;text-decoration:none!important}.post-actions__discussion>span:first-child{padding:2px 8px;border-radius:6px;background:#ffffff07;color:#8ba597;font-size:12px}
.post-engagement{box-sizing:border-box;width:min(100% - 40px,840px);margin:0 auto 72px;padding:30px 0;color:#edf5ef;overflow-wrap:anywhere;scroll-margin-top:110px}
.post-engagement__heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;border-bottom:1px solid #ffffff12;margin-bottom:24px}.post-discussion-label{display:block;color:#00ff66;font:600 10px/1.5 var(--font-mono,monospace);letter-spacing:.17em}.post-engagement h2{font-size:26px;letter-spacing:-.8px;margin:8px 0 0;line-height:1.3}.post-engagement h2>span{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff04;font-size:12px;font-weight:500;color:#a9bbaf;margin-left:9px;letter-spacing:0}.post-discussion-hint{font-size:12px;color:#94a69b}
.post-login{padding:17px 20px;background:#00ff6606;border:1px solid #00ff6620;border-radius:12px;font-size:14px;line-height:1.7}.post-login a{color:#c4e5cf;text-decoration:none}.post-login a:hover{color:#00ff66}
.post-composer{display:flex;gap:14px;padding:22px;border:1px solid #ffffff13;border-radius:16px;background:linear-gradient(125deg,#11181d,#0a1014);margin:20px 0 28px}.post-composer__content{flex:1;min-width:0}.post-composer strong{display:block;font-size:14px;color:#f5faf7;margin:1px 0 12px}.post-composer textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:94px;border:1px solid #ffffff14;border-radius:10px;background:#060a0e;color:#edf4ef;padding:13px;font:14px/1.75 var(--font-sans,system-ui)}.post-composer textarea::placeholder{color:#87958e}.post-composer footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px}.post-composer footer>span{font-size:11px;color:#889b90}.post-composer button[type=submit]{border:1px solid #00ff66;border-radius:9px;background:#00ff66;color:#052411;padding:10px 14px;font:700 12px/1.5 var(--font-sans,system-ui);cursor:pointer}.post-composer button[type=submit]>span{margin-left:14px}
.post-comment{display:flex;gap:14px;padding:24px 0;border-top:1px solid #ffffff0f;scroll-margin-top:120px}.post-comment:first-child{border-top:0}.post-comment__avatar{position:relative;display:flex!important;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;box-sizing:border-box;overflow:hidden;border:1px solid #00ff6624;border-radius:12px;background:linear-gradient(135deg,#1a2c23,#0d1713);color:#a0deb6!important;font:700 16px/1 system-ui;text-decoration:none!important}.post-comment__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-comment__main{flex:1;min-width:0}.post-comment header{display:flex;align-items:baseline;gap:12px;justify-content:space-between;flex-wrap:wrap}.post-comment header a{color:#f2f9f4;font-size:14px;font-weight:700;text-decoration:none}.post-comment time{font-size:11px;color:#9aac9f}.post-comment__body{white-space:pre-wrap;font:15px/1.75 var(--font-sans,system-ui);margin:8px 0 12px;color:#ccd8d0;overflow-wrap:anywhere}.post-comment__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-comment__actions button,.post-more{border:0;border-radius:7px;background:transparent;color:#a2b7a8;padding:5px 8px;font:500 11px/1.5 var(--font-sans,system-ui);cursor:pointer}.post-comment__actions button:hover{color:#e7f7ed;background:#ffffff06}.post-comment__actions .comment-like{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff12;padding:5px 9px}.comment-like svg{width:14px;height:14px}.comment-like[aria-pressed=true]{color:#00ff66!important;border-color:#00ff6635!important;background:#00ff6607!important}.post-comment__delete{margin-left:auto;color:#c49a9a!important}.post-comment__actions .post-replies-toggle{color:#6ddb99;margin-top:1px}.post-comment__reply-label{display:inline-block;color:#87ba9a;font-size:11px;margin-top:8px;text-decoration:none}.post-comment__thread{margin-top:16px;padding-left:18px;border-left:1px solid #00ff6623}.post-comment--reply{padding:18px 0}.post-comment--reply .post-comment__avatar{flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:13px}.post-comment--deleted .post-comment__body{font-style:italic;color:#8b9e90}.post-comment.is-highlighted{background:#00ff6606;outline:1px solid #00ff6628;outline-offset:8px;border-radius:7px}.post-comment .post-composer{padding:16px;gap:10px}.post-reply-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:10px;border-left:2px solid #00ff66;background:#00ff6608;border-radius:0 6px 6px 0;font-size:12px;color:#b5dcc1}.post-reply-banner button{border:0;background:none;color:#a9bdaf;font-size:20px;cursor:pointer}
.post-engagement [role=status]{font-size:13px;color:#b4c6ba;line-height:1.6}.post-more{border:1px solid #ffffff18;padding:10px 16px;margin-top:10px;font-size:12px}.post-engagement [data-post-retry]{background:#ffffff05;color:#d2e2d8;border:1px solid #ffffff20;border-radius:8px;padding:10px 14px;cursor:pointer}
.post-engagement [hidden],.post-comment-dialog [hidden]{display:none!important}.post-engagement :is(button,textarea,a):focus-visible,.post-like:focus-visible,.post-actions a:focus-visible,.post-comment-dialog :is(button,textarea,select):focus-visible{outline:2px solid #00ff66;outline-offset:3px}.post-engagement button:disabled,.post-comment-dialog button:disabled{opacity:.5;cursor:not-allowed}.post-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.post-comment-dialog{box-sizing:border-box;width:min(100% - 32px,510px);max-height:90dvh;padding:28px;border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(145deg,#131d20,#080d12);color:#ecf4ee;box-shadow:0 30px 100px #0009;overflow:auto}.post-comment-dialog::backdrop{background:#020609b8;backdrop-filter:blur(7px)}.post-comment-dialog header{display:flex;align-items:center;justify-content:space-between}.post-comment-dialog header button{background:none;border:0;color:#b4c6ba;font-size:27px;cursor:pointer}.post-comment-dialog h2{margin:20px 0 16px;font-size:23px;line-height:1.3;letter-spacing:-.5px}.post-dialog-preview{white-space:pre-wrap;max-height:150px;overflow:auto;border-left:2px solid #00ff663a;background:#ffffff04;padding:14px;font:13px/1.7 var(--font-sans,system-ui);color:#bdcfc3}.post-comment-dialog label{display:grid;gap:8px;margin:18px 0;font:13px/1.6 var(--font-sans,system-ui);color:#b8cec0}.post-comment-dialog :is(select,textarea){box-sizing:border-box;width:100%;padding:12px;border:1px solid #ffffff22;border-radius:9px;background:#071015;color:#edf6f0;font:14px/1.6 var(--font-sans,system-ui)}.post-comment-dialog textarea{resize:vertical}.post-comment-dialog small{color:#94aa9a;font-size:12px;line-height:1.6}.post-comment-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.post-comment-dialog footer button{padding:11px 15px;border:1px solid #ffffff22;background:#ffffff04;color:#c2d5c8;border-radius:9px;font:600 13px system-ui;cursor:pointer}.post-comment-dialog footer button[type=submit]{background:#00ff66;border-color:#00ff66;color:#062b15}.post-comment-dialog footer .is-danger{background:#cb3e52!important;border-color:#cb3e52!important;color:#fff!important}.post-comment-dialog [role=alert]{color:#ef9b9b;font-size:13px;line-height:1.6}
.publication-status{color:#aebdb4;font-size:13px}.devlog-entry h2 a{color:inherit;text-decoration:none}.devlog-read-more{color:#00ff66;font-weight:700}.news-grid>.news-card[hidden]{display:none!important}.news-card__body>p,.devlog-list .devlog-entry>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card,.devlog-list .devlog-entry{cursor:pointer}
@media(max-width:600px){.post-engagement{width:calc(100% - 32px);margin-bottom:40px;padding-top:18px}.post-engagement__heading{align-items:flex-start}.post-discussion-hint{display:none}.post-engagement h2{font-size:23px}.post-composer{padding:15px;gap:10px}.post-composer>.post-comment__avatar{flex-basis:32px;width:32px;height:32px;border-radius:9px;font-size:13px}.post-comment{gap:10px}.post-comment__avatar{flex-basis:36px;width:36px;height:36px;border-radius:10px}.post-comment__thread{padding-left:10px}.post-comment--reply{gap:8px}.post-comment--reply .post-comment__avatar{flex-basis:28px;width:28px;height:28px}.post-comment header{gap:4px}.post-comment__body{font-size:14px}.post-comment__actions{gap:3px}.post-actions{flex-wrap:wrap;margin-top:26px}.post-like{padding:10px 14px}.post-actions__discussion{font-size:12px}.post-comment-dialog{padding:22px}.post-composer footer{align-items:flex-end}.post-composer button[type=submit]{font-size:11px;padding:9px 10px}}
@media(max-width:600px){.post-comment__actions button{min-height:36px;font-size:12px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.post-like{transition:none}.post-like:hover{transform:none}}

.post-dislike[aria-pressed="true"]{border-color:#e26c78;color:#ff96a3;background:#e26c7810}
.post-dislike[aria-pressed="true"] svg{fill:currentColor}
