.feed-card{border-radius:var(--mz-radius-xl);padding:var(--mz-space-24);background:var(--mz-surface-elevated);border:var(--mz-border-subtle);box-shadow:var(--mz-shadow-card);transition:box-shadow .18s var(--mz-ease-standard), border-color .18s var(--mz-ease-standard);overflow:hidden}.feed-card:hover{box-shadow:var(--mz-shadow-card-elevated);border-color:var(--mz-border-default)}.feed-card-content{padding:var(--mz-space-24)}.feed-card-header{justify-content:space-between;align-items:flex-start;gap:var(--mz-space-16);display:flex}.feed-surface{background:var(--mz-surface-primary)}.feed-surface-tertiary{background:var(--mz-surface-secondary)}.feed-surface-subtle{background:var(--mz-surface-subtle)}.feed-header{align-items:center;gap:var(--mz-space-16);display:flex}.feed-header-info{gap:var(--mz-space-4);flex-direction:column;flex:1;display:flex}.feed-header-primary{justify-content:space-between;align-items:center;gap:var(--mz-space-8);display:flex}.feed-header-secondary{align-items:center;gap:var(--mz-space-8);display:flex}.feed-separator{color:var(--mz-color-text-muted);font-size:12px}.feed-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.feed-author{align-items:center;gap:var(--mz-space-16);display:flex}.feed-avatar{border-radius:var(--mz-radius-xl);box-shadow:var(--mz-shadow-xs);transition:box-shadow .18s var(--mz-ease-standard);border:2px solid #0000}.feed-avatar:hover{box-shadow:var(--mz-shadow-sm);border-color:var(--mz-border-accent)}.feed-author-info{gap:var(--mz-space-6);flex-direction:column;display:flex}.follow-button{cursor:pointer;min-width:72px;height:30px;transition:all .18s var(--mz-ease-standard);white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.follow-button:disabled{opacity:.6;cursor:not-allowed}.follow-button:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}.follow-button-follow{background:var(--mz-brand-electric-teal);color:#fff}.follow-button-follow:hover:not(:disabled){background:color-mix(in srgb, var(--mz-brand-electric-teal) 85%, black);box-shadow:var(--mz-shadow-xs);transform:translateY(-1px)}.follow-button-follow:active:not(:disabled){box-shadow:none;transform:translateY(0)}.follow-button-following{color:var(--mz-text-secondary);border:1px solid var(--mz-border-subtle);background:0 0}.follow-button-following:hover:not(:disabled){background:var(--mz-surface-hover);border-color:var(--mz-border-default);color:var(--mz-text-primary)}.follow-button-following:active:not(:disabled){background:var(--mz-surface-active)}.follow-button-requested{background:var(--mz-surface-subtle);color:var(--mz-text-muted);border:1px solid var(--mz-border-subtle)}.follow-button-requested:hover:not(:disabled){background:var(--mz-surface-hover);color:var(--mz-text-secondary)}.follow-button-requested:active:not(:disabled){background:var(--mz-surface-active)}.feed-overflow-button{border-radius:var(--mz-radius-full);border:var(--mz-border-subtle);background:var(--mz-surface-subtle);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--mz-text-secondary);cursor:pointer;transition:all .18s var(--mz-ease-standard);justify-content:center;align-items:center;display:inline-flex}.feed-overflow-button:hover{background:var(--mz-surface-hover);border-color:var(--mz-border-default);color:var(--mz-text-primary);box-shadow:var(--mz-shadow-xs);transform:translateY(-1px)}.feed-overflow-button:active{box-shadow:none;transform:translateY(0)}.feed-overflow-button:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--mz-brand-electric-teal) 35%, transparent)}.post-overflow-menu{z-index:50;margin-top:var(--mz-space-8);position:absolute;top:100%;right:0}.post-overflow-menu-content{background:var(--mz-surface-primary);border:var(--mz-border-subtle);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-lg);min-width:200px;max-width:280px;padding:var(--mz-space-8);gap:var(--mz-space-4);flex-direction:column;display:flex}.post-overflow-menu-item{align-items:center;gap:var(--mz-space-12);padding:var(--mz-space-10) var(--mz-space-12);border-radius:var(--mz-radius-md);color:var(--mz-color-text-primary);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-medium);cursor:pointer;transition:all .18s var(--mz-ease-standard);text-align:left;background:0 0;border:none;width:100%;display:flex}.post-overflow-menu-item:hover{background:var(--mz-surface-hover);color:var(--mz-color-text-primary)}.post-overflow-menu-item:active{background:var(--mz-surface-active);transform:scale(.98)}.post-overflow-menu-item:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}.post-overflow-menu-item-danger{color:var(--mz-color-error)}.post-overflow-menu-item-danger:hover{background:color-mix(in srgb, var(--mz-color-error) 10%, transparent);color:var(--mz-color-error)}.post-overflow-menu-divider{background:var(--mz-border-subtle);height:1px;margin:var(--mz-space-4) 0}.feed-title{font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-bold);color:var(--mz-color-text-primary);line-height:var(--mz-type-body-md-line);letter-spacing:.01em;text-decoration:none}.feed-title:hover{text-decoration:underline}.feed-username{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-color-primary);line-height:var(--mz-type-body-sm-line);letter-spacing:.01em}.feed-username.company{color:var(--mz-color-accent-blue)}.feed-timestamp{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-color-text-muted);line-height:var(--mz-type-caption-line);letter-spacing:.01em}.feed-text{font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-regular);color:var(--mz-color-text-primary);letter-spacing:.01em;line-height:1.7}.feed-meta{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-color-text-secondary);line-height:var(--mz-type-caption-line);letter-spacing:.02em}.feed-meta-uppercase{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--mz-letter-spacing-caps);color:var(--mz-color-text-secondary)}.feed-actions{align-items:center;gap:var(--mz-space-8);flex-wrap:wrap;display:flex}.feed-action-button{justify-content:center;align-items:center;gap:var(--mz-space-8);min-height:var(--mz-space-44);min-width:var(--mz-space-44);border-radius:var(--mz-radius-full);padding:var(--mz-space-8) var(--mz-space-16);border:var(--mz-border-subtle);background:var(--mz-surface-subtle);color:var(--mz-text-secondary);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);cursor:pointer;transition:all .18s var(--mz-ease-standard);text-decoration:none;display:inline-flex}.feed-action-button:hover{color:var(--mz-text-primary);background:var(--mz-surface-hover);border-color:var(--mz-border-default);box-shadow:var(--mz-shadow-xs);transform:translateY(-1px)}.feed-action-button:active{box-shadow:none;transform:translateY(0)}.feed-action-button.active{color:var(--mz-brand-electric-teal);background:color-mix(in srgb, var(--mz-brand-electric-teal) 12%, transparent);border-color:var(--mz-border-accent)}.feed-action-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.feed-engagement-button{justify-content:center;align-items:center;gap:var(--mz-space-8);border-radius:var(--mz-radius-full);min-width:44px;min-height:44px;padding:var(--mz-space-8) var(--mz-space-16);border:var(--mz-border-subtle);background:var(--mz-surface-subtle);color:var(--mz-text-secondary);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);cursor:pointer;transition:all .18s var(--mz-ease-standard);text-decoration:none;display:inline-flex}.feed-engagement-button:hover{color:var(--mz-text-primary);background:var(--mz-surface-hover);border-color:var(--mz-border-default);box-shadow:var(--mz-shadow-xs);transform:translateY(-1px)}.feed-engagement-button:active{box-shadow:none;transform:translateY(0)}.feed-engagement-button.active{color:var(--mz-brand-electric-teal);background:color-mix(in srgb, var(--mz-brand-electric-teal) 35%, transparent);border-color:var(--mz-border-accent)}.feed-engagement-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.feed-engagement-button svg{transition:color .18s var(--mz-ease-standard)}.feed-engagement-button:hover svg,.feed-engagement-button:focus-visible svg{color:var(--mz-brand-electric-teal)}.feed-engagement-button.loading{opacity:.7;cursor:wait}.feed-engagement-button.loading svg{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.feed-media{margin-top:var(--mz-space-20);border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-tertiary);position:relative;overflow:hidden}.feed-image{border-radius:var(--mz-radius-xl);-o-object-fit:cover;object-fit:cover;width:100%;max-height:420px;transition:transform .3s var(--mz-ease-standard);display:block}.feed-image:hover{transform:scale(1.02)}.feed-video{border-radius:var(--mz-radius-xl);background:var(--mz-color-surface-tertiary);-o-object-fit:cover;object-fit:cover;width:100%;max-height:420px;transition:box-shadow .3s var(--mz-ease-standard)}.feed-video:hover{box-shadow:0 8px 24px var(--mz-color-accent-soft)}.feed-document{border-radius:var(--mz-radius-xl);border:var(--mz-border-subtle);background:var(--mz-color-surface-tertiary);transition:border-color .18s var(--mz-ease-standard), box-shadow .18s var(--mz-ease-standard);overflow:hidden}.feed-document:hover{border-color:var(--mz-border-accent);box-shadow:var(--mz-shadow-card-elevated)}.feed-document button{transition:all .18s var(--mz-ease-standard)}.feed-document button:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--mz-palette-black) 10%, transparent);transform:translateY(-1px)}.feed-document button:active{box-shadow:none;transform:translateY(0)}.feed-document button:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-4)}.feed-document button:disabled{box-shadow:none;transform:none}.feed-document-preview{background:var(--mz-color-surface-tertiary);border-radius:var(--mz-radius-xl);overflow:hidden}.premium-document-attachment{background-color:var(--mz-surface-elevated);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-lg);gap:var(--mz-space-md);width:100%;padding:var(--mz-space-lg);box-shadow:var(--mz-shadow-xs);flex-direction:column;display:flex;overflow:hidden}.premium-document-header{width:100%}.premium-document-name{font-size:var(--mz-body-lg-size);font-weight:var(--mz-body-lg-weight);line-height:var(--mz-body-lg-line);color:var(--mz-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.premium-document-meta{align-items:center;gap:var(--mz-space-sm);flex-wrap:wrap;display:flex}.premium-document-badge{font-size:var(--mz-label-xs-size);font-weight:var(--mz-label-xs-weight);line-height:var(--mz-label-xs-line);text-transform:uppercase;letter-spacing:.02em;background-color:var(--mz-brand-electric-teal);color:var(--mz-surface-primary);border-radius:var(--mz-radius-sm);padding:var(--mz-space-xs) var(--mz-space-sm);flex-shrink:0}.premium-document-separator{color:var(--mz-text-muted);font-size:var(--mz-label-xs-size);font-weight:var(--mz-label-xs-weight);line-height:var(--mz-label-xs-line)}.premium-document-size{font-size:var(--mz-label-sm-size);font-weight:var(--mz-label-sm-weight);line-height:var(--mz-label-sm-line);color:var(--mz-text-muted);flex-shrink:0}.premium-document-center{justify-content:center;align-items:center;gap:var(--mz-space-md);padding:var(--mz-space-xl) var(--mz-space-lg);background-color:var(--mz-surface-secondary);border-radius:var(--mz-radius-md);flex-direction:column;min-height:160px;display:flex}.premium-document-thumbnail{-o-object-fit:contain;object-fit:contain;border-radius:var(--mz-radius-sm);width:100%;height:auto;max-height:160px;box-shadow:var(--mz-shadow-xs)}.premium-document-loading,.premium-document-icon-fallback{justify-content:center;align-items:center;gap:var(--mz-space-md);flex-direction:column;width:100%;height:100%;display:flex}.premium-document-large-icon{background-color:var(--mz-surface-elevated);border-radius:var(--mz-radius-lg);width:80px;height:80px;color:var(--mz-brand-electric-teal);border:1px solid var(--mz-border-subtle);justify-content:center;align-items:center;display:flex}.premium-document-actions{gap:var(--mz-space-sm);flex-direction:column;display:flex}.premium-document-action{width:100%;min-height:48px;padding:var(--mz-space-md) var(--mz-space-lg);font-size:var(--mz-label-md-size);font-weight:var(--mz-label-md-weight);line-height:var(--mz-label-md-line);border-radius:var(--mz-radius-md);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);justify-content:center;align-items:center;gap:var(--mz-space-sm);display:flex}.premium-document-action-primary{background-color:var(--mz-brand-electric-teal);border:1px solid var(--mz-brand-electric-teal);color:var(--mz-surface-primary)}.premium-document-action-primary:hover{background-color:var(--mz-brand-electric-teal-dark);border-color:var(--mz-brand-electric-teal-dark)}.premium-document-action-primary:active{transform:scale(.98)}.premium-document-action-primary:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}.premium-document-action-secondary{background-color:var(--mz-surface-primary);border:2px solid var(--mz-border-subtle);color:var(--mz-text-primary)}.premium-document-action-secondary:hover{background-color:var(--mz-surface-hover);border-color:var(--mz-border-focus)}.premium-document-action-secondary:active{transform:scale(.98)}.premium-document-action-secondary:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}.premium-document-action:disabled{opacity:.6;cursor:not-allowed}.premium-document-error{font-size:var(--mz-label-xs-size);font-weight:var(--mz-label-xs-weight);line-height:var(--mz-label-xs-line);color:var(--mz-error-text);padding-top:var(--mz-space-xs);margin:0}@media (min-width:768px){.premium-document-attachment{padding:var(--mz-space-xl);gap:var(--mz-space-lg)}.premium-document-actions{gap:var(--mz-space-md);flex-direction:row}.premium-document-center{min-height:160px;padding:var(--mz-space-2xl) var(--mz-space-xl)}.premium-document-thumbnail{max-height:190px}.premium-document-large-icon{width:88px;height:88px}.premium-document-name{font-size:var(--mz-body-xl-size);font-weight:var(--mz-body-xl-weight);line-height:var(--mz-body-xl-line)}}@media (min-width:1024px){.premium-document-attachment{padding:var(--mz-space-2xl);gap:var(--mz-space-xl)}.premium-document-center{min-height:180px;padding:var(--mz-space-2xl) var(--mz-space-xl)}.premium-document-thumbnail{max-height:220px}.premium-document-large-icon{width:96px;height:96px}.premium-document-name{font-size:var(--mz-body-xl-size);font-weight:var(--mz-body-xl-weight);line-height:var(--mz-body-xl-line)}.premium-document-badge{font-size:var(--mz-label-sm-size);font-weight:var(--mz-label-sm-weight);line-height:var(--mz-label-sm-line);padding:var(--mz-space-sm) var(--mz-space-md)}.premium-document-size{font-size:var(--mz-label-md-size);font-weight:var(--mz-label-md-weight);line-height:var(--mz-label-md-line)}}.feed-document-icon{border-radius:var(--mz-radius-xl);background:var(--mz-color-accent-soft);border:1px solid var(--mz-border-accent-subtle);transition:all .18s var(--mz-ease-standard)}.feed-document-icon:hover{background:color-mix(in srgb, var(--mz-color-primary) 16%, transparent);border-color:var(--mz-border-accent);box-shadow:0 4px 12px var(--mz-color-accent-soft)}.feed-document-filename{font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-color-text-primary);line-height:var(--mz-type-body-md-line);letter-spacing:.01em}.feed-document-filesize{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-color-text-muted);line-height:var(--mz-type-caption-line);letter-spacing:.02em}.feed-document-badge{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-bold);text-transform:uppercase;letter-spacing:var(--mz-letter-spacing-caps);background:var(--mz-color-accent-soft);border:1px solid var(--mz-border-accent-subtle);color:var(--mz-color-primary);border-radius:var(--mz-radius-lg);padding:var(--mz-space-4) var(--mz-space-10);transition:all .18s var(--mz-ease-standard)}.feed-document-badge:hover{background:color-mix(in srgb, var(--mz-color-primary) 16%, transparent);border-color:var(--mz-border-accent)}.feed-document-cta{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);border-radius:var(--mz-radius-lg);padding:var(--mz-space-12) var(--mz-space-16);transition:all .18s var(--mz-ease-standard);min-height:var(--mz-space-44)}.feed-document-cta-primary{background:var(--mz-color-accent-soft);border:1px solid var(--mz-border-accent-subtle);color:var(--mz-color-primary)}.feed-document-cta-primary:hover{background:color-mix(in srgb, var(--mz-color-primary) 16%, transparent);border-color:var(--mz-border-accent);box-shadow:0 4px 12px var(--mz-color-accent-soft);transform:translateY(-1px)}.feed-document-cta-secondary{background:color-mix(in srgb, var(--mz-palette-white) 8%, transparent);border:1px solid color-mix(in srgb, var(--mz-palette-white) 16%, transparent);color:var(--mz-color-text-primary)}.feed-document-cta-secondary:hover{background:color-mix(in srgb, var(--mz-palette-white) 12%, transparent);border-color:color-mix(in srgb, var(--mz-palette-white) 24%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--mz-palette-black) 12%, transparent);transform:translateY(-1px)}.feed-media-placeholder{background:var(--mz-color-surface-tertiary);border-radius:var(--mz-radius-xl);min-height:200px;color:var(--mz-color-text-muted);font-size:var(--mz-type-body-sm-size);justify-content:center;align-items:center;display:flex}.feed-media-loading{background:var(--mz-color-surface-tertiary);border-radius:var(--mz-radius-xl);min-height:200px;position:relative;overflow:hidden}.feed-media-loading:before{content:"";background:linear-gradient(90deg, transparent, var(--mz-color-accent-soft), transparent);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.feed-image,.feed-video{max-height:360px}}@media (min-width:1280px){.feed-image,.feed-video{max-height:480px}}.feed-comment{margin-top:var(--mz-space-20);border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);padding:var(--mz-space-20);transition:border-color .18s var(--mz-ease-standard), background .18s var(--mz-ease-standard)}.feed-comment:hover{border-color:var(--mz-border-standard);background:var(--mz-color-surface-hover)}.feed-divider{margin-top:var(--mz-space-24);padding-top:var(--mz-space-24);border-top:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent)}.feed-actions{gap:var(--mz-space-12)}@media (max-width:640px){.feed-actions{gap:var(--mz-space-8)}.feed-engagement-button{padding:var(--mz-space-8) var(--mz-space-12);font-size:var(--mz-type-caption-size);min-height:44px}.feed-engagement-button svg{width:14px;height:14px}}.feed-engagement-button.bg-\#22E6DB{background:var(--mz-color-primary);color:var(--mz-palette-black);border-color:#0000}.feed-engagement-button.bg-\#22E6DB:hover{background:var(--mz-color-accent-blue);color:var(--mz-palette-black);box-shadow:0 4px 12px var(--mz-color-accent-soft);border-color:#0000;transform:translateY(-1px)}.feed-engagement-button.bg-\#22E6DB:active{box-shadow:none;transform:translateY(0)}.feed-engagement-button.bg-\#22E6DB:focus-visible{outline:2px solid var(--mz-color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--mz-color-accent-soft)}.feed-engagement-button.bg-\#22E6DB:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.feed-engagement-button:focus-visible,.feed-action-button:focus-visible{outline:2px solid var(--mz-color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--mz-color-accent-soft)}@media (prefers-contrast:high){.feed-engagement-button{border-width:2px}.feed-engagement-button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.feed-engagement-button,.feed-engagement-button svg,.feed-action-button{transition:none;animation:none}.feed-engagement-button:hover,.feed-action-button:hover{transform:none}}.feed-engagement-button{background:var(--mz-color-surface-subtle);border-color:var(--mz-border-subtle);color:var(--mz-color-text-secondary)}.feed-engagement-button:hover{background:var(--mz-color-surface-hover);border-color:var(--mz-border-standard);color:var(--mz-color-text-primary)}.feed-engagement-button svg{color:var(--mz-color-text-secondary)}.feed-engagement-button:hover svg{color:var(--mz-color-primary)}.feed-engagement-button.bg-\#22E6DB{background:var(--mz-color-primary);color:var(--mz-palette-black)}.feed-engagement-button.bg-\#22E6DB:hover{background:var(--mz-color-accent-blue);color:var(--mz-palette-black)}.feed-input{border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);width:100%;min-height:120px;padding:var(--mz-space-16);color:var(--mz-color-text-secondary);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-md-size);transition:all .18s var(--mz-ease-standard);resize:vertical;outline:none}.feed-input:focus{border-color:var(--mz-color-primary);background:var(--mz-color-surface-hover);color:var(--mz-color-text-primary);box-shadow:0 0 0 3px var(--mz-color-accent-soft)}.feed-input::placeholder{color:var(--mz-color-text-muted);font-weight:var(--mz-font-weight-regular)}.feed-create{padding:var(--mz-space-24);background:var(--mz-color-surface-secondary);border:var(--mz-border-subtle);border-radius:var(--mz-radius-xl);box-shadow:var(--mz-shadow-card);transition:box-shadow .18s var(--mz-ease-standard), border-color .18s var(--mz-ease-standard)}.feed-create:hover{box-shadow:var(--mz-shadow-card-elevated), 0 0 0 1px var(--mz-color-accent-soft);border-color:var(--mz-border-accent)}.feed-create-toolbar{justify-content:space-between;align-items:center;gap:var(--mz-space-12);margin-top:var(--mz-space-24);padding-top:var(--mz-space-20);border-top:var(--mz-border-subtle);flex-wrap:wrap;display:flex}.feed-create-button{border-radius:var(--mz-radius-lg);padding:var(--mz-space-12) var(--mz-space-16);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);color:var(--mz-color-text-secondary);font-family:var(--mz-font-sans);font-size:var(--mz-type-body-sm-size);transition:all .18s var(--mz-ease-standard);outline:none;min-height:44px}.feed-create-button:hover{border-color:var(--mz-border-standard);background:var(--mz-color-surface-hover);color:var(--mz-color-text-primary)}.feed-create-button:focus{border-color:var(--mz-color-primary);background:var(--mz-color-surface-hover);color:var(--mz-color-text-primary);box-shadow:0 0 0 3px var(--mz-color-accent-soft)}.feed-create-button::placeholder{color:var(--mz-color-text-muted)}.feed-create-button:disabled{opacity:.5;cursor:not-allowed}.feed-create-attachments{align-items:center;gap:var(--mz-space-12);margin-top:var(--mz-space-20);padding-top:var(--mz-space-20);border-top:var(--mz-border-subtle);display:flex}.feed-composer-attachment-button{align-items:center;gap:var(--mz-space-8);padding:var(--mz-space-8) var(--mz-space-12);border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);color:var(--mz-color-text-secondary);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-medium);cursor:pointer;transition:all .18s var(--mz-ease-standard);min-height:40px;display:inline-flex}.feed-composer-attachment-button:hover{border-color:var(--mz-border-standard);background:var(--mz-color-surface-hover);color:var(--mz-color-text-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--mz-palette-black) 10%, transparent);transform:translateY(-1px)}.feed-composer-attachment-button:active{box-shadow:none;transform:translateY(0)}.feed-composer-attachment-button:focus-visible{outline:2px solid var(--mz-color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--mz-color-accent-soft)}.feed-composer-attachment-button.active{border-color:var(--mz-color-primary);background:var(--mz-color-accent-soft);color:var(--mz-color-primary)}.feed-composer-attachment-button svg{transition:color .18s var(--mz-ease-standard)}.feed-composer-attachment-button:hover svg,.feed-composer-attachment-button.active svg{color:var(--mz-color-primary)}.feed-composer-publish-button{padding:var(--mz-space-12) var(--mz-space-20);border-radius:var(--mz-radius-lg);background:var(--mz-color-primary);color:var(--mz-palette-black);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);cursor:pointer;transition:all .18s var(--mz-ease-standard);min-height:44px;box-shadow:0 4px 12px var(--mz-color-accent-soft);border:none;justify-content:center;align-items:center;display:inline-flex}.feed-composer-publish-button:hover{background:var(--mz-color-accent-blue);color:var(--mz-palette-black);box-shadow:0 6px 16px color-mix(in srgb, var(--mz-color-accent-blue) 24%, transparent);transform:translateY(-1px)}.feed-composer-publish-button:active{box-shadow:none;transform:translateY(0)}.feed-composer-publish-button:focus-visible{outline:2px solid var(--mz-color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--mz-color-accent-soft)}.feed-composer-publish-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:640px){.feed-create{padding:var(--mz-space-16);border-radius:var(--mz-radius-lg)}.feed-create-toolbar{align-items:stretch;gap:var(--mz-space-16);flex-direction:column}.feed-create-attachments{flex-wrap:wrap}.feed-composer-attachment-button{min-width:calc(50% - var(--mz-space-6));font-size:var(--mz-type-caption-size);flex:1;justify-content:center;min-height:44px}.feed-composer-attachment-button svg{width:16px;height:16px}.feed-composer-publish-button{width:100%}.feed-input{min-height:100px;font-size:var(--mz-type-body-sm-size)}.feed-card{padding:var(--mz-space-16);border-radius:var(--mz-radius-lg)}.feed-card-header,.feed-header{gap:var(--mz-space-12)}.feed-actions{gap:var(--mz-space-8)}.feed-engagement-button{padding:var(--mz-space-8) var(--mz-space-12);font-size:var(--mz-type-caption-size);min-height:44px}.feed-engagement-button svg{width:14px;height:14px}.feed-text{font-size:var(--mz-type-body-sm-size);line-height:1.6}.feed-title{font-size:var(--mz-type-body-sm-size)}.feed-meta{font-size:.7rem}.feed-image,.feed-video{max-height:320px}.feed-media{margin-top:var(--mz-space-16)}.feed-divider{margin-top:var(--mz-space-20);padding-top:var(--mz-space-20)}.feed-comment{margin-top:var(--mz-space-16);padding:var(--mz-space-16)}.feed-action-button,.feed-engagement-button,.feed-composer-attachment-button,.feed-composer-publish-button{min-width:48px;min-height:48px}.feed-action-button,.feed-engagement-button{padding:var(--mz-space-12) var(--mz-space-16)}.mezmera-feed-stack{padding-bottom:max(60px, env(safe-area-inset-bottom))}.feed-card:last-child{margin-bottom:max(var(--mz-space-16), env(safe-area-inset-bottom))}}.mezmera-skeleton-shimmer{background:linear-gradient(90deg, var(--mz-color-surface-subtle) 0%, var(--mz-color-surface-hover) 50%, var(--mz-color-surface-subtle) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.mezmera-skeleton-shimmer{background:var(--mz-color-surface-subtle);animation:none}}@media (max-width:640px){.mezmera-feed-stack{gap:var(--mz-space-16)}.premium-card{padding:var(--mz-space-16);border-radius:var(--mz-radius-lg)}.mezmera-skeleton-shimmer{border-radius:var(--mz-radius-lg)}}@media (prefers-contrast:high){.feed-card,.feed-create,.feed-create-button,.feed-composer-attachment-button{border-width:2px}.feed-input:focus,.feed-create-button:focus,.feed-composer-attachment-button:focus-visible,.feed-composer-publish-button:focus-visible{outline-width:3px}}.feed-create{background:var(--mz-color-surface-secondary);border-color:#aab6c829}.feed-create:hover{border-color:#22e6db3d}.feed-input{color:#aab6c8;background:#ffffff0a;border-color:#aab6c829}.feed-input:focus{color:#fff;border-color:#22e6db}.feed-create-button{color:#aab6c8;background:#ffffff0a;border-color:#aab6c829}.feed-create-button:hover{color:#fff;background:#ffffff0f;border-color:#aab6c838}.feed-composer-attachment-button{color:#aab6c8;background:#ffffff0a;border-color:#aab6c829}.feed-composer-attachment-button:hover{color:#fff;background:#ffffff0f;border-color:#aab6c838}.feed-composer-attachment-button.active{color:#22e6db;background:#22e6db1f;border-color:#22e6db}.feed-share-sheet{margin-top:var(--mz-space-20);border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);padding:var(--mz-space-20);transition:border-color .18s var(--mz-ease-standard), background .18s var(--mz-ease-standard)}.feed-share-sheet:hover{border-color:var(--mz-border-standard);background:var(--mz-color-surface-hover)}.feed-share-sheet button{transition:all .18s var(--mz-ease-standard)}.feed-share-sheet button:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--mz-palette-black) 10%, transparent);transform:translateY(-1px)}.feed-share-sheet button:active{box-shadow:none;transform:translateY(0)}.feed-share-sheet button:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-4)}.feed-menu{position:relative}.feed-badge{padding:var(--mz-space-4) var(--mz-space-10);border-radius:var(--mz-radius-lg);font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-semibold);color:#22e6db;transition:all .18s var(--mz-ease-standard);background:#22e6db14;border:#22e6db3d;align-self:center;align-items:center;display:inline-flex}.feed-badge:hover{background:var(--mz-color-surface-hover);border-color:var(--mz-border-standard);color:var(--mz-color-text-primary)}.feed-chip{padding:var(--mz-space-8) var(--mz-space-12);border-radius:var(--mz-radius-lg);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);align-items:center;display:inline-flex}.feed-tab-container{padding:var(--mz-space-8);border-radius:var(--mz-radius-xl)}.feed-tab{border-radius:var(--mz-radius-lg);padding:var(--mz-space-8) var(--mz-space-12);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);transition:var(--mz-transition-standard);color:var(--mz-color-text-secondary);cursor:pointer;background:0 0;border:none}.feed-tab:hover{background:var(--mz-color-surface-subtle);color:var(--mz-color-text-primary)}.feed-tab-active{background:var(--mz-color-accent-primary);color:var(--mz-color-text-inverse)}.feed-panel{padding:var(--mz-space-12);border-radius:var(--mz-radius-lg)}.feed-loading{gap:var(--mz-space-20);flex-direction:column;display:flex}.feed-skeleton{border-radius:var(--mz-radius-full);background:color-mix(in srgb, var(--mz-palette-white) 10%, transparent);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.feed-empty{padding:var(--mz-space-32);text-align:center;border-radius:var(--mz-radius-lg);border:var(--mz-border-subtle);background:var(--mz-color-surface-subtle);transition:border-color .18s var(--mz-ease-standard)}.feed-empty:hover{border-color:var(--mz-border-standard)}.feed-error{padding:var(--mz-space-24);text-align:center;border-radius:var(--mz-radius-lg);border:var(--mz-border-error);background:color-mix(in srgb, var(--mz-color-error) 8%, transparent);transition:border-color .18s var(--mz-ease-standard), background .18s var(--mz-ease-standard)}.feed-error:hover{border-color:var(--mz-border-error-hover);background:color-mix(in srgb, var(--mz-color-error) 12%, transparent)}.feed-error button{transition:all .18s var(--mz-ease-standard)}.feed-error button:hover{box-shadow:0 2px 8px color-mix(in srgb, var(--mz-palette-black) 10%, transparent);transform:translateY(-1px)}.feed-error button:active{box-shadow:none;transform:translateY(0)}.feed-error button:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-4)}.feed-stack{gap:var(--mz-space-16);flex-direction:column;display:flex}.feed-stack-sm{gap:var(--mz-space-8);flex-direction:column;display:flex}.feed-stack-lg{gap:var(--mz-space-16);flex-direction:column;display:flex}.feed-focus-ring:focus-visible{outline:var(--mz-border-width-md) solid var(--mz-color-focus);outline-offset:var(--mz-space-4);transition:outline-color .18s var(--mz-ease-standard)}@media (prefers-reduced-motion:reduce){.feed-card,.feed-title,.feed-text,.feed-meta,.feed-action-button,.feed-media,.feed-comment,.feed-input,.feed-create-button,.feed-badge,.feed-focus-ring:focus-visible,.feed-avatar,.feed-create,.feed-empty,.feed-error,.feed-share-sheet,.feed-document{transition:none}.feed-action-button:hover{transform:none}.feed-skeleton{animation:none}}:root{--mz-space-20:20px;--mz-space-44:44px;--mz-radius-full:9999px;--mz-color-surface-tertiary:var(--mz-color-surface-elevated)}.premium-card{background:var(--mz-color-surface-secondary);border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);border-radius:var(--mz-radius-xl);box-shadow:0 4px 16px color-mix(in srgb, var(--mz-palette-black) 20%, transparent);transition:box-shadow .18s var(--mz-ease-standard), border-color .18s var(--mz-ease-standard)}.premium-card:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--mz-palette-black) 28%, transparent), 0 0 0 1px #22e6db1f;border-color:#22e6db3d}.mezmera-right-rail .premium-card{padding:var(--mz-space-20)}.mezmera-right-rail .premium-card h2{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-color-text-primary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--mz-space-16)}.ambient-border{border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);transition:border-color .18s var(--mz-ease-standard), background .18s var(--mz-ease-standard)}.surface-hover{background:color-mix(in srgb, var(--mz-palette-text-primary) 4%, transparent);transition:background .18s var(--mz-ease-standard), transform .18s var(--mz-ease-standard)}.surface-hover:hover{background:color-mix(in srgb, var(--mz-palette-text-primary) 7%, transparent);border-color:#22e6db3d;transform:translateY(-1px)}.surface-hover:focus-visible{outline-offset:2px;outline:2px solid #22e6db;box-shadow:0 0 0 4px #22e6db33}.ambient-border p:first-child{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-color-text-primary);line-height:var(--mz-type-body-sm-line)}.ambient-border p:last-child{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-regular);color:var(--mz-color-text-muted);line-height:var(--mz-type-caption-line)}.mezmera-right-rail a.rounded-full{border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);background:color-mix(in srgb, var(--mz-palette-text-primary) 4%, transparent);color:var(--mz-color-text-secondary);font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-semibold);transition:all .18s var(--mz-ease-standard)}.mezmera-right-rail a.rounded-full:hover{color:var(--mz-color-text-primary);background:#22e6db1f;border-color:#22e6db5c;transform:translateY(-1px)}.mezmera-right-rail a.rounded-full:focus-visible{outline-offset:2px;outline:2px solid #22e6db;box-shadow:0 0 0 4px #22e6db33}.mezmera-right-rail .surface-hover.overflow-hidden{border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);background:color-mix(in srgb, var(--mz-palette-text-primary) 4%, transparent)}.mezmera-right-rail .surface-hover.overflow-hidden:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--mz-palette-black) 15%, transparent);border-color:#22e6db3d;transform:translateY(-2px)}.mezmera-right-rail .animate-pulse{background:linear-gradient(90deg, color-mix(in srgb, var(--mz-palette-text-primary) 4%, transparent) 25%, color-mix(in srgb, var(--mz-palette-text-primary) 8%, transparent) 50%, color-mix(in srgb, var(--mz-palette-text-primary) 4%, transparent) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.sidebar-profile-card{background:var(--mz-color-surface-secondary);border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 16%, transparent);border-radius:var(--mz-radius-xl);box-shadow:0 4px 16px color-mix(in srgb, var(--mz-palette-black) 20%, transparent);transition:box-shadow .18s var(--mz-ease-standard), border-color .18s var(--mz-ease-standard);overflow:hidden}.sidebar-profile-card:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--mz-palette-black) 28%, transparent);border-color:#22e6db3d}.sidebar-profile-card .bg-gradient{background:linear-gradient(135deg, #22e6db66 0%, var(--mz-palette-surface) 50%, #2f7dff66 100%)}.sidebar-profile-card .avatar-container{border:4px solid var(--mz-palette-surface);background:var(--mz-palette-background);box-shadow:0 4px 12px color-mix(in srgb, var(--mz-palette-black) 20%, transparent)}.sidebar-profile-card .stats-grid>div{background:color-mix(in srgb, var(--mz-palette-text-primary) 5%, transparent);border:1px solid color-mix(in srgb, var(--mz-palette-text-secondary) 12%, transparent);border-radius:var(--mz-radius-lg);transition:all .18s var(--mz-ease-standard)}.sidebar-profile-card .stats-grid>div:hover{background:color-mix(in srgb, var(--mz-palette-text-primary) 8%, transparent);border-color:#22e6db3d;transform:translateY(-1px)}@media (max-width:1024px){.mezmera-right-rail{display:none}}@media (prefers-contrast:high){.premium-card,.ambient-border,.sidebar-profile-card{border-width:2px}.surface-hover:focus-visible,.mezmera-right-rail a.rounded-full:focus-visible{outline-width:3px}}.premium-card{background:var(--mz-color-surface-secondary);border-color:#aab6c829}.premium-card:hover{border-color:#22e6db3d}.ambient-border{border-color:#aab6c829}.surface-hover{background:#ffffff0a}.surface-hover:hover{background:#ffffff12;border-color:#22e6db3d}.mezmera-right-rail a.rounded-full{color:#aab6c8;background:#ffffff0a;border-color:#aab6c829}.mezmera-right-rail a.rounded-full:hover{color:#fff;background:#22e6db1f;border-color:#22e6db5c}.sidebar-profile-card{background:var(--mz-color-surface-secondary);border-color:#aab6c829}.sidebar-profile-card:hover{border-color:#22e6db3d}