.wall-toolbar{display:flex;gap:5px;padding:7px;border:1px solid var(--border);border-bottom:0;border-radius:12px 12px 0 0;background:var(--page-bg);flex-wrap:wrap}.wall-toolbar button{min-width:31px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer;font-size:.62rem}.wall-editor{min-height:115px;padding:13px;border:1px solid var(--border);border-radius:0 0 12px 12px;background:var(--surface);color:var(--text);outline:0;font-size:.72rem;line-height:1.7}.wall-editor:empty:before{color:var(--subtle);content:attr(data-placeholder)}.wall-editor:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(14,153,118,.11)}.wall-media-fields{display:grid!important;margin-top:10px!important;grid-template-columns:1fr 1fr;gap:9px}.wall-media-fields label{display:grid;gap:5px;color:var(--subtle);font-size:.57rem}.wall-media-fields input{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:.58rem}.rich-post-content h2,.rich-post-content h3{margin:.7em 0 .35em}.rich-post-content blockquote{margin:10px 0;padding:9px 13px;border-left:4px solid var(--accent);border-radius:0 9px 9px 0;background:var(--page-bg)}.rich-post-content a{color:var(--accent);text-decoration:underline}.rich-post-content pre{overflow:auto;padding:11px;border-radius:9px;background:#10251f;color:#e5f5ef}.post-media-image{display:block;width:auto;max-width:100%;max-height:620px;margin:0 auto 17px;border-radius:15px;object-fit:contain}.post-youtube{position:relative;margin:0 0 17px;padding-top:56.25%;overflow:hidden;border-radius:15px;background:#000}.post-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.post-edit .wall-wys-form{display:grid;gap:8px;margin-top:10px}.post-edit .wall-media-fields{grid-template-columns:1fr 1fr}@media(max-width:600px){.wall-media-fields,.post-edit .wall-media-fields{grid-template-columns:1fr}}
.comment-body{min-width:0}
.comment-body>header{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.comment-body>header time{color:var(--subtle);font-size:.5rem;white-space:nowrap}
.wall-comment[hidden]{display:none}
.comment-image{display:block;width:max-content;max-width:100%;margin-top:7px;overflow:hidden;border-radius:10px}
.comment-image img{display:block;width:auto;max-width:100%;max-height:300px;object-fit:contain}
.comments-more{display:block;margin:7px auto 3px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:var(--accent);cursor:pointer;font:700 .56rem 'Be Vietnam Pro'}
.comments-more:hover{background:var(--accent-soft)}
.comments-more span{color:var(--subtle);font-weight:600}
.comment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.comment-input-shell{position:relative;display:grid;min-width:0;height:40px;border:1px solid var(--border);border-radius:99px;background:var(--page-bg);grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center}
.comment-input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.comment-composer .comment-input-shell>input[type=text],.comment-composer .comment-input-shell>input:not([type]){width:100%;height:38px;padding:0 6px 0 13px;border:0;background:transparent;outline:0;color:var(--text);font:500 .63rem 'Be Vietnam Pro'}
.comment-tool{display:grid;width:30px;height:30px;padding:0;border:0;border-radius:50%;place-items:center;background:transparent;color:var(--subtle);cursor:pointer;font:700 1rem Arial}
.comment-tool:hover,.comment-tool.has-file{background:var(--accent-soft);color:var(--accent)}
.comment-tool input{display:none}
.comment-emoji-picker{position:absolute;z-index:15;right:25px;bottom:45px;display:grid;width:190px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 10px 28px rgba(20,55,44,.18);grid-template-columns:repeat(5,1fr);gap:3px}
.comment-emoji-picker[hidden]{display:none}
.comment-emoji-picker button{display:grid;width:32px;height:32px;padding:0;border:0;border-radius:8px;place-items:center;background:transparent;cursor:pointer;font-size:1rem}
.comment-emoji-picker button:hover{background:var(--accent-soft)}
.comment-image-name{grid-column:1/-1;overflow:hidden;padding-left:12px;color:var(--accent);font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}
.comment-submit{height:40px}
@media(max-width:520px){.comment-composer{grid-template-columns:minmax(0,1fr) auto}.comment-submit{padding-inline:11px}.comment-body>header{gap:5px}}