.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:0 24px 120px}.moment-feed{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{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;margin:0 0 12px;font-size:15px;line-height:1.78}.moment-media-grid{--moment-media-thumb-size:110px;justify-content:start;gap:6px;width:fit-content;max-width:100%;margin:0 0 12px;display:grid}.moment-media-grid--single{grid-template-columns:minmax(0,auto)}.moment-media-grid--two{grid-template-columns:repeat(2, var(--moment-media-thumb-size))}.moment-media-grid--three,.moment-media-grid--many{grid-template-columns:repeat(3, var(--moment-media-thumb-size))}.moment-media-grid--four{grid-template-columns:repeat(2, var(--moment-media-thumb-size))}.moment-image-button,.moment-video-thumb{border-radius:var(--r-md);background:var(--moments-image-bg);border:0;padding:0;display:block;position:relative;overflow:hidden}.moment-image-button{width:var(--moment-media-thumb-size);height:var(--moment-media-thumb-size);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{width:var(--moment-media-thumb-size);height:var(--moment-media-thumb-size);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:36px;height:36px;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:10px 0 14px;display:flex}.moment-action{color:var(--moments-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px;line-height:1.5;transition:color .18s}.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:38px;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);height:38px;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:0 16px 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}}