.comment-section{background:#10151e;border:1px solid #ffffff14;width:min(900px,100% - 42px);margin:54px auto 82px;padding:28px}.comment-heading{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:22px;display:flex}.comment-heading h2,.moderation-content h1{font:700 clamp(27px,4vw,38px)/1 var(--display);letter-spacing:-.055em;margin:12px 0 8px}.comment-heading h2 em,.moderation-content h1 em{color:var(--acid);font-style:normal}.comment-heading p,.moderation-content>p{color:#999eaa;max-width:570px;margin:0;font-size:12px;line-height:1.7}.comment-count{color:#9197a4;font:8px var(--mono);letter-spacing:.1em;white-space:nowrap}.comment-signin,.comment-notice,.moderation-state{color:#aeb3be;background:#0b0f16;border:1px solid #ffffff13;margin:20px 0;padding:20px;font-size:12px;line-height:1.7}.comment-signin{justify-content:space-between;align-items:center;gap:18px;display:flex}.comment-signin p{margin:0}.comment-signin button,.comment-compose-foot button,.moderation-state button{background:var(--acid);color:#11150b;min-height:38px;font:9px var(--mono);letter-spacing:.05em;cursor:pointer;border:0;padding:0 13px}.comment-signin button span{margin-left:10px}.comment-compose{margin:20px 0}.comment-user{color:#9ea4b0;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.comment-user strong{color:#e4e6e9}.comment-user button,.moderation-signout{color:#aeb3be;font:8px var(--mono);cursor:pointer;background:0 0;border:1px solid #ffffff20;margin-left:auto;padding:7px 9px}.comment-avatar{width:32px;height:32px;color:var(--acid);font:600 12px var(--display);background:#202634;border:1px solid #c6fa5045;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-compose form{background:#0b0f16;border:1px solid #ffffff12;padding:16px}.comment-compose form>label{color:var(--acid);font:8px var(--mono);letter-spacing:.1em;margin-bottom:8px;display:block}.comment-compose textarea{resize:vertical;width:100%;min-height:106px;color:var(--text);font:13px/1.7 var(--body);background:#080b12;border:1px solid #ffffff1c;outline:none;padding:12px;display:block}.comment-compose textarea:focus{border-color:#c6fa5070}.comment-compose-foot{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.comment-compose-foot small{color:#7f8694;font-size:10px}.comment-compose-foot button:disabled,.moderation-actions button:disabled{opacity:.5;cursor:wait}.comment-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.comment-feedback{margin:12px 0;font-size:11px;line-height:1.6}.comment-feedback.success{color:var(--acid)}.comment-feedback.error{color:#ff8b82}.comment-list{gap:0;display:grid}.comment-card{border-bottom:1px solid #ffffff12;padding:18px 0}.comment-card-head{align-items:center;gap:10px;display:flex}.comment-card-head>div{gap:4px;display:grid}.comment-card-head strong{color:#e8e9ec;font-size:12px}.comment-card-head time{color:#818895;font:9px var(--mono)}.comment-card>p{color:#b7bbc5;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0 42px;font-size:13px;line-height:1.8}.comment-empty{color:#858b98;padding:18px 0;font-size:11px}.comment-moderation-link{color:#727988;font:8px var(--mono);letter-spacing:.07em;margin-top:17px;display:inline-block}.comment-moderation-link:hover{color:var(--acid)}.moderation-page{min-height:100vh}.moderation-content{width:min(900px,100% - 42px);margin:70px auto}.moderation-content h1{font-size:clamp(38px,6vw,58px)}.moderation-panel{margin-top:28px}.moderation-toolbar{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:15px;display:flex}.moderation-filters{gap:5px;display:flex;overflow:auto}.moderation-filters button{color:#858b98;font:8px var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px}.moderation-filters button.active{border-bottom-color:var(--acid);color:var(--acid)}.moderation-list{gap:12px;margin-top:15px;display:grid}.moderation-card{background:#10151e;border:1px solid #ffffff14;padding:17px}.moderation-card-meta,.moderation-author{align-items:center;gap:12px;display:flex}.moderation-card-meta{justify-content:space-between}.moderation-card-meta>a{color:var(--acid);font:8px var(--mono)}.moderation-status{color:var(--acid);font:8px var(--mono);text-transform:uppercase;background:#c6fa5012;padding:5px 7px}.status-approved{color:#74e5ba;background:#74e5ba12}.status-rejected{color:#ff9a92;background:#ff9a9212}.moderation-card>p{color:#d4d6dc;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0;font-size:13px;line-height:1.8}.moderation-author{color:#9298a5;flex-wrap:wrap;font-size:10px}.moderation-author strong{color:#e2e4e8}.moderation-author time{font:9px var(--mono);margin-left:auto}.moderation-actions{gap:7px;margin-top:14px;display:flex}.moderation-actions button{color:var(--acid);font:8px var(--mono);cursor:pointer;background:#c6fa5010;border:1px solid #c6fa5050;padding:8px 10px}.moderation-actions button:nth-child(2){color:#b8bdc6;background:0 0;border-color:#ffffff24}.moderation-actions button.delete{color:#ff968d;background:0 0;border-color:#ff817450;margin-left:auto}@media (max-width:620px){.comment-section{width:calc(100% - 28px);margin:38px auto 58px;padding:18px}.comment-heading{flex-direction:column;align-items:flex-start;gap:10px}.comment-signin{flex-direction:column;align-items:stretch}.comment-signin button{min-height:42px}.comment-compose-foot{flex-direction:column;align-items:stretch}.comment-compose-foot button{min-height:42px}.moderation-content{width:calc(100% - 28px);margin:45px auto}.moderation-author time{width:100%;margin-left:0}}