.mural-main{max-width:980px}.mural-shell{display:grid;gap:22px}.mural-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.mural-heading h1{font-size:clamp(2rem,5vw,3.4rem);margin:.15rem 0 .3rem}.mural-heading p{margin:0;color:#98a190}.mural-refresh{flex:0 0 auto}.mural-composer{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#11170f,#0b0f0a);border-radius:16px}.composer-avatar,.post-avatar,.comment-avatar{display:grid;place-items:center;border-radius:50%;background:#182016;border:1px solid rgba(255,255,255,.08)}.composer-avatar{width:46px;height:46px;font-size:1.25rem}.composer-form{min-width:0}.composer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.composer-topline strong{font-size:1rem}.composer-topline select,.composer-form input,.composer-form textarea,.comment-form input{background:#090d09;color:#edf0e9;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none}.composer-topline select{padding:8px 10px}.composer-form>input{width:100%;padding:11px 12px;margin-bottom:9px}.composer-form textarea{display:block;width:100%;resize:vertical;min-height:100px;padding:12px;line-height:1.55}.composer-form input:focus,.composer-form textarea:focus,.composer-topline select:focus,.comment-form input:focus{border-color:rgba(150,177,80,.52);box-shadow:0 0 0 3px rgba(132,160,67,.08)}.composer-footer{display:flex;align-items:center;gap:12px;margin-top:12px}.mural-photo-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;background:#161d13;border:1px solid rgba(255,255,255,.08);cursor:pointer;font-weight:800;font-size:.82rem}.mural-photo-button:hover{background:#1c2518}.composer-hint{font-size:.72rem;color:#747d70;margin-right:auto}.mural-feedback{min-height:18px;margin-top:8px;font-size:.8rem;color:#a7b297}.mural-feedback.error{color:#ff9b91}.mural-photo-preview{position:relative;margin-top:12px;border-radius:14px;overflow:hidden;background:#080b08;border:1px solid rgba(255,255,255,.08)}.mural-photo-preview img{display:block;width:100%;max-height:520px;object-fit:contain;background:#070907}.photo-remove{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.72);color:#fff;font-size:1.35rem;cursor:pointer}.mural-feed-wrap{min-height:280px}.mural-feed{display:grid;gap:18px}.mural-empty{padding:50px 24px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:#929b8b;background:#0b0f0a}.mural-empty h2{color:#eef0ea;margin:.4rem 0}.mural-empty p{margin:0}.mural-empty-icon{font-size:2.6rem}.mural-post{border:1px solid rgba(255,255,255,.085);background:#0e130d;border-radius:16px;overflow:hidden}.post-head{display:flex;align-items:center;gap:12px;padding:17px 18px 12px}.post-avatar{width:44px;height:44px;flex:0 0 auto}.post-identity{min-width:0;flex:1}.post-identity strong{display:block;color:#f1f3ee}.post-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#7f8979;font-size:.75rem;margin-top:3px}.post-role,.post-type{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#151b12;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:900}.post-type.achievement{color:#e2c868;border-color:rgba(226,200,104,.25);background:rgba(226,200,104,.08)}.post-type.photo{color:#9ec5e2;border-color:rgba(120,174,211,.22);background:rgba(120,174,211,.08)}.post-menu button,.comment-meta button{border:0;background:transparent;color:#899281;cursor:pointer;font-size:.76rem}.post-menu button:hover,.comment-meta button:hover{color:#ff8f84}.post-body{padding:0 18px 16px}.post-body h2{font-size:1.22rem;margin:5px 0 8px}.post-body p{margin:0;color:#c6ccc0;white-space:pre-wrap;line-height:1.58;overflow-wrap:anywhere}.post-image-wrap{background:#070907;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.post-image{display:block;width:100%;max-height:680px;object-fit:contain;margin:auto}.post-actions{display:flex;gap:8px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.post-action{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:#9da596;cursor:pointer;font-weight:800}.post-action:hover{background:#171d14;color:#fff}.post-action.liked{color:#d9eb9f;background:rgba(142,166,76,.11)}.comments-box{padding:0 16px 16px}.comments-list{display:grid;gap:10px;padding-top:12px}.mural-comment{display:grid;grid-template-columns:auto 1fr;gap:10px}.comment-avatar{width:34px;height:34px;font-size:.84rem}.comment-content{background:#11170f;border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:9px 11px}.comment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.comment-head strong{font-size:.83rem}.comment-head [data-comment-role]{font-size:.62rem;color:#7f8979;text-transform:uppercase;margin-left:5px}.comment-meta{display:flex;align-items:center;gap:8px;color:#70786c;font-size:.65rem;white-space:nowrap}.comment-content p{margin:4px 0 0;color:#bec5b8;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}.comment-form{display:flex;gap:8px;margin-top:12px}.comment-form input{flex:1;min-width:0;padding:10px 11px}.comment-form button{flex:0 0 auto}.comments-disabled{font-size:.75rem;color:#70786c;margin-top:12px}.mural-loading-image{display:grid;place-items:center;min-height:170px;color:#717a6d;font-size:.8rem}.mural-post.is-busy{opacity:.7;pointer-events:none}@media(max-width:720px){.mural-heading{align-items:flex-start;flex-direction:column}.mural-refresh{width:100%;justify-content:center}.mural-composer{grid-template-columns:1fr}.composer-avatar{display:none}.composer-footer{flex-wrap:wrap}.composer-hint{order:3;width:100%}.composer-footer .btn{margin-left:auto}.post-head{padding:15px 14px 11px}.post-body{padding:0 14px 14px}.comments-box{padding:0 12px 14px}.comment-head{flex-direction:column;gap:2px}.comment-meta{white-space:normal}.comment-form{align-items:stretch}.comment-form button{padding-inline:10px}}