.frontend-shell-moments{--moments-card-bg:#fffdf9;--moments-text:#1a1a1a;--moments-text-soft:#444;--moments-muted:#888;--moments-faint:#a8a8a8;--moments-border:#0000000d;--moments-border-strong:#00000014;--moments-dashed-border:#0000000f;--moments-accent:#0d6e6e;--moments-accent-hover:#095f5f;--moments-accent-text:#fff;--moments-input-bg:#f5f1ea;--moments-image-bg:#e4dacb;--moments-card-shadow:0 1px 3px #00000008}.dark .frontend-shell-moments{--moments-card-bg:var(--frontend-dark-surface,#201c16);--moments-text:#f4ebde;--moments-text-soft:#d4c5b1;--moments-muted:#a99a86;--moments-faint:#837463;--moments-border:#fff4e114;--moments-border-strong:#fff4e124;--moments-dashed-border:#fff4e11a;--moments-accent:#82d3c6;--moments-accent-hover:#67c3b5;--moments-accent-text:#10201d;--moments-input-bg:var(--frontend-page-bg-deep,#17130f);--moments-image-bg:#2b241c;--moments-card-shadow:0 16px 40px -32px #000000e6}.moments-page{max-width:none;padding-top:var(--frontend-page-header-gap);color:var(--moments-text);padding-bottom:0}.moments-wrap{width:100%;max-width:56rem;margin-inline:auto;padding-bottom:120px}.moment-feed{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.moment-card,.moment-empty{background:var(--moments-card-bg);box-shadow:var(--moments-card-shadow);border:0;border-radius:20px}.moment-card{min-width:0;padding:22px 24px 6px}.moment-time{color:var(--moments-faint);margin-bottom:8px;font-size:13px;line-height:1.45;display:block}.moment-text{color:var(--moments-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:15px;line-height:1.78}.moment-media-grid{--moment-media-thumb-size:110px;--moment-media-columns:1;width:calc(var(--moment-media-columns) * var(--moment-media-thumb-size) + (var(--moment-media-columns) - 1) * 6px);grid-template-columns:repeat(var(--moment-media-columns), minmax(0, 1fr));justify-content:start;gap:6px;max-width:100%;margin:0 0 12px;display:grid}.moment-media-grid--single{grid-template-columns:minmax(0,auto);width:fit-content}.moment-media-grid--two,.moment-media-grid--four{--moment-media-columns:2}.moment-media-grid--three,.moment-media-grid--many{--moment-media-columns:3}.moment-image-button,.moment-video-thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--moments-image-bg);border:0;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.moment-image-button{cursor:zoom-in}.moment-media-grid--single .moment-image-button{width:min(65vw,180px);max-width:min(65vw,180px);height:min(65vw,180px);max-height:200px}.moment-media-grid--single .moment-video-thumb{width:min(65vw,200px);height:min(65vw,200px)}.moment-image-button img,.moment-video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.moment-media-grid--single .moment-image-button img{object-fit:contain;width:100%;max-width:min(65vw,180px);height:100%;max-height:200px}.moment-video-thumb{cursor:pointer}.moment-video-thumb__placeholder{background:radial-gradient(circle at 50% 42%,#ffffff24,#0000 34%),linear-gradient(135deg,#191919,#050505);width:100%;height:100%;display:block}.moment-video-play{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.moment-video-play>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border-radius:999px;width:48px;height:48px;display:block;position:relative;box-shadow:0 8px 22px -12px #000000b8}.moment-video-play>span:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #fffffff2;position:absolute;top:14px;left:18px}.moment-image-button:hover img,.moment-image-button:focus-visible img,.moment-video-thumb:hover img,.moment-video-thumb:focus-visible img{transform:scale(1.03)}.moment-video-modal{z-index:120;background:#000000eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.moment-video-modal__inner{width:min(100%,980px);position:relative}.moment-video-modal__inner video{object-fit:contain;background:#000;border-radius:18px;width:100%;max-height:calc(100vh - 96px);display:block}.moment-video-modal__close{z-index:2;color:#fff;cursor:pointer;background:#00000094;border:0;border-radius:999px;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid;position:absolute;top:-14px;right:-14px}.moment-image-more{color:#fff;background:#00000061;place-items:center;font-size:20px;font-weight:600;display:grid;position:absolute;inset:0}.moment-actions{border-top:1px solid var(--moments-border);gap:22px;padding:6px 0 8px;display:flex}.moment-action{min-height:44px;color:var(--moments-muted);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0 6px;font-size:13px;line-height:1.5;transition:color .18s;display:inline-flex}.moment-action:hover,.moment-action:focus-visible,.moment-action--active,.moment-action--liked{color:var(--moments-accent)}.moment-comments{border-top:1px solid var(--moments-border);padding:8px 0 20px}.moment-comments-empty{color:var(--moments-faint);padding:12px 0;font-size:13px;line-height:1.7}.moment-comment-list{display:grid}.moment-comment{color:var(--moments-text);padding:12px 0;font-size:14px;line-height:1.7}.moment-comment+.moment-comment{border-top:1px dashed var(--moments-dashed-border)}.moment-comment-nick{color:var(--moments-text-soft);margin-right:8px;font-weight:500}.moment-comment-nick--admin{color:var(--moments-accent)}.moment-comment-content{color:var(--moments-text-soft)}.moment-comment-time,.moment-comment-reply{color:var(--moments-faint);margin-left:8px;font-size:12px}.moment-comment-reply{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;transition:color .18s}.moment-comment-reply:hover,.moment-comment-reply:focus-visible{color:var(--moments-accent)}.moment-comment-replies{border-left:2px solid var(--moments-dashed-border);margin-top:8px;margin-left:16px;padding-left:14px}.moment-comment--reply{padding-block:8px}.moment-comment-notice{color:var(--moments-accent);margin:4px 0 8px;font-size:12px;line-height:1.6}.moment-comment-hint{color:var(--moments-faint);margin:14px 0 8px;font-size:12px;line-height:1.6}.moment-comment-load-more{border:1px solid var(--moments-border);background:var(--moments-surface-soft);min-height:44px;color:var(--moments-text-soft);cursor:pointer;font:inherit;border-radius:999px;margin:12px 0 2px;font-size:13px;transition:border-color .16s,color .16s,transform .16s}.moment-comment-load-more:hover,.moment-comment-load-more:focus-visible{border-color:var(--moments-border-strong);color:var(--moments-text);transform:translateY(-1px)}.moment-comment-load-more:disabled{cursor:wait;opacity:.62;transform:none}.moment-comment-form{gap:10px;display:flex}.moment-comment-form textarea{resize:vertical;border:1px solid var(--moments-border-strong);background:var(--moments-input-bg);min-height:38px;color:var(--moments-text);font:inherit;border-radius:14px;outline:none;flex:1;padding:10px 14px;font-size:14px;line-height:1.55;transition:border-color .18s}.moment-comment-form textarea:focus{border-color:var(--moments-accent)}.moment-comment-form button{background:var(--moments-accent);min-height:44px;color:var(--moments-accent-text);cursor:pointer;font:inherit;border:0;border-radius:14px;align-self:flex-end;padding:0 18px;font-size:13px;transition:background-color .18s,opacity .18s}.moment-comment-form button:hover,.moment-comment-form button:focus-visible{background:var(--moments-accent-hover)}.moment-comment-form button:disabled{cursor:not-allowed;opacity:.55}.moment-load-more{color:var(--moments-muted);margin-top:20px}@media (max-width:640px){.moments-wrap{padding-bottom:88px}.moments-page .frontend-page-intro__stats{display:none}.moment-media-grid{--moment-media-thumb-size:96px}.moment-media-grid--single .moment-image-button,.moment-media-grid--single .moment-image-button img{max-width:min(62vw,160px);max-height:180px}.moment-media-grid--single .moment-video-thumb{width:min(58vw,180px);height:min(58vw,180px)}.moment-card{padding:22px 18px 6px}.moment-actions{gap:20px}.moment-comment-form{flex-direction:column;align-items:stretch}.moment-comment-form button{align-self:flex-end}}