.mobile-feed-shell{position:relative;box-sizing:border-box;width:100%;min-height:100vh}.mobile-feed-content{position:relative;box-sizing:border-box;padding-top:0;padding-left:var(--mz-space-md);padding-right:var(--mz-space-md);padding-bottom:var(--mz-space-md)}.mobile-header-menu-button{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:9999px}.mobile-postcard{position:relative;box-sizing:border-box;margin-bottom:var(--mz-space-xl);transition:transform .2s ease,box-shadow .2s ease;background:var(--mz-surface-elevated);border-radius:var(--mz-radius-xl);border:1px solid var(--mz-border-subtle);box-shadow:var(--mz-shadow-xs)}.mobile-postcard-content{position:relative;box-sizing:border-box;padding:0}.mobile-postcard-header{position:relative;box-sizing:border-box;padding:var(--mz-space-lg);background:transparent;border-radius:var(--mz-radius-lg);border:none;margin-bottom:0;transition:background-color .2s ease,border-color .2s ease}.mobile-postcard-header-content{display:flex;align-items:flex-start;gap:var(--mz-space-lg);box-sizing:border-box}.mobile-postcard-avatar{flex-shrink:0;width:44px;height:44px;border-radius:var(--mz-radius-full);overflow:hidden;box-shadow:var(--mz-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.mobile-postcard-avatar:hover{transform:scale(1.03);box-shadow:var(--mz-shadow-md)}.mobile-postcard-author{flex:1;display:flex;flex-direction:column;gap:var(--mz-space-xs);min-width:0;box-sizing:border-box}.mobile-postcard-author-row{display:flex;align-items:center;gap:var(--mz-space-md);flex-wrap:wrap;box-sizing:border-box;margin-bottom:var(--mz-space-xs)}.mobile-postcard-name{font-size:var(--mz-type-body-md-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-text-primary);line-height:1.3;text-decoration:none;transition:color .2s ease}.mobile-postcard-name:hover{color:var(--mz-brand-electric-teal)}.mobile-postcard-handle{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-text-secondary);line-height:var(--mz-type-body-sm-line)}.mobile-postcard-meta-row{display:flex;align-items:center;gap:var(--mz-space-md);flex-wrap:wrap;box-sizing:border-box;margin-bottom:var(--mz-space-xs)}.mobile-postcard-badge{font-weight:var(--mz-font-weight-semibold);color:var(--mz-brand-electric-teal);background:color-mix(in srgb,var(--mz-brand-electric-teal) 12%,transparent);padding:2px 8px;border-radius:var(--mz-radius-full);text-transform:uppercase;letter-spacing:.02em}.mobile-postcard-badge,.mobile-postcard-type{font-size:var(--mz-type-label-md-size);line-height:var(--mz-type-label-md-line)}.mobile-postcard-type{font-weight:var(--mz-font-weight-medium);color:var(--mz-text-muted);text-transform:capitalize}.mobile-postcard-verified{font-size:var(--mz-type-label-md-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-semantic-success);background:color-mix(in srgb,var(--mz-semantic-success) 12%,transparent);padding:2px 8px;border-radius:var(--mz-radius-full);line-height:var(--mz-type-label-md-line)}.mobile-postcard-headline{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-regular);color:var(--mz-text-secondary);line-height:var(--mz-type-body-sm-line);margin-top:var(--mz-space-sm);margin-bottom:var(--mz-space-sm)}.mobile-postcard-timestamp-row{display:flex;align-items:center;gap:var(--mz-space-sm);flex-wrap:wrap;margin-top:var(--mz-space-md);font-size:var(--mz-type-label-md-size);color:var(--mz-text-muted);line-height:var(--mz-type-label-md-line)}.mobile-postcard-separator{color:var(--mz-text-muted);opacity:.5}.mobile-postcard-time{color:var(--mz-text-muted);text-decoration:none;transition:color .2s ease}.mobile-postcard-time:hover{color:var(--mz-text-secondary)}.mobile-postcard-edited{color:var(--mz-text-muted);font-style:italic;cursor:help}.mobile-postcard-menu-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-sizing:border-box}.mobile-postcard-menu-trigger{width:44px;height:44px;border:none;background:transparent;border-radius:var(--mz-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease;color:var(--mz-text-secondary)}.mobile-postcard-menu-trigger:hover{background:color-mix(in srgb,var(--mz-brand-electric-teal) 6%,transparent);color:var(--mz-text-primary)}.mobile-postcard-menu-trigger:active{background:color-mix(in srgb,var(--mz-brand-electric-teal) 10%,transparent);transform:scale(.95)}.mobile-postcard-menu-trigger:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}.mobile-postcard-menu-trigger-icon{width:20px;height:20px;transition:color .2s ease}.mobile-postcard-header,.mobile-postcard-text-wrapper{margin-bottom:var(--mz-space-md)}.mobile-postcard-content{font-size:var(--mz-type-body-md-size);line-height:var(--mz-type-body-md-line);color:var(--mz-text-primary)}.mobile-postcard-text-wrapper{position:relative;box-sizing:border-box;padding:0 var(--mz-space-lg);margin-bottom:var(--mz-space-xl)}.mobile-postcard-text{position:relative;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.mobile-postcard-document-wrapper,.mobile-postcard-image-wrapper,.mobile-postcard-video-wrapper{position:relative;box-sizing:border-box;margin:var(--mz-space-lg) 0;border-radius:var(--mz-radius-xl);overflow:hidden;transition:transform .2s ease;box-shadow:var(--mz-shadow-xs)}.mobile-postcard-image,.mobile-postcard-video{width:100%;height:auto;display:block;border-radius:var(--mz-radius-xl);transition:opacity .2s ease}.mobile-postcard-image-error,.mobile-postcard-video-error{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--mz-surface-secondary);border-radius:var(--mz-radius-lg);padding:var(--mz-space-md);text-align:center}.mobile-postcard-media-error{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--mz-surface-secondary);border-radius:var(--mz-radius-lg);padding:var(--mz-space-md);text-align:center}.mobile-postcard-media-error p{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-text-muted);line-height:var(--mz-type-body-sm-line);margin:0}.mobile-feed-header{position:relative;box-sizing:border-box;padding:var(--mz-space-md);background:var(--mz-surface-primary);border-bottom:var(--mz-border-subtle)}.mobile-feed-header-title{font-size:var(--mz-type-heading-md-size);font-weight:var(--mz-font-weight-bold);color:var(--mz-text-primary);line-height:var(--mz-type-heading-md-line)}.mobile-feed-header-actions{display:flex;align-items:center;gap:var(--mz-space-sm)}.mobile-stories{position:relative;box-sizing:border-box;width:100%;padding:var(--mz-space-md);min-height:104px}.mobile-stories button{cursor:pointer;pointer-events:auto}.mobile-stories button:disabled{cursor:not-allowed;pointer-events:none;opacity:.6}@media (hover:none) and (pointer:coarse){.mobile-stories button{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){.mobile-stories button{transition:none}}.mobile-composer{position:relative;box-sizing:border-box;width:100%;min-height:auto}.mobile-composer input,.mobile-composer textarea{cursor:text}.mobile-composer input::-moz-placeholder,.mobile-composer textarea::-moz-placeholder{color:color-mix(in srgb,var(--mz-text-secondary) 85%,var(--mz-text-primary));font-weight:var(--mz-font-weight-normal)}.mobile-composer input::placeholder,.mobile-composer textarea::placeholder{color:color-mix(in srgb,var(--mz-text-secondary) 85%,var(--mz-text-primary));font-weight:var(--mz-font-weight-normal)}.mobile-composer textarea{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;font-family:inherit;resize:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-composer textarea:focus{outline:none}.mobile-composer button{cursor:pointer;pointer-events:auto;background-color:transparent;transition:background-color .15s ease,transform .2s ease}.mobile-composer button:hover{background-color:color-mix(in srgb,var(--mz-brand-electric-teal) 6%,transparent)}.mobile-composer button:active{background-color:color-mix(in srgb,var(--mz-brand-electric-teal) 10%,transparent)}.mobile-composer button:disabled{cursor:not-allowed;pointer-events:none;opacity:.6}@media (hover:none) and (pointer:coarse){.mobile-composer button,.mobile-composer input{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){.mobile-composer button,.mobile-composer input,.mobile-composer textarea{transition:none}}.mobile-feed-empty,.mobile-feed-error,.mobile-feed-loading{position:relative;box-sizing:border-box;padding:var(--mz-space-xl) var(--mz-space-md);text-align:center}.mobile-feed-posts{position:relative;box-sizing:border-box}@media (max-width:767px){.mobile-feed-content{padding-top:0;padding-left:var(--mz-space-sm);padding-right:var(--mz-space-sm);padding-bottom:var(--mz-space-sm)}.mobile-feed-header,.mobile-postcard-content,.mobile-postcard-header{padding:var(--mz-space-sm)}.mobile-postcard-header-content{gap:var(--mz-space-sm)}.mobile-postcard-avatar{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.mobile-feed-header,.mobile-postcard,.mobile-postcard-name,.mobile-postcard-time{transition:none}}@media (hover:hover) and (pointer:fine){.mobile-postcard-name:focus-visible,.mobile-postcard-time:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}}.mobile-postcard-engagement{padding-top:var(--mz-space-md);border-top:var(--mz-border-subtle);transition:border-color .2s ease}.mobile-postcard-engagement,.mobile-postcard-engagement-wrapper{position:relative;box-sizing:border-box;margin-top:var(--mz-space-md)}.mobile-postcard-engagement-wrapper{padding:var(--mz-space-md);background:transparent;border-radius:var(--mz-radius-lg)}.mobile-postcard-engagement-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--mz-space-md);box-sizing:border-box}.mobile-postcard-engagement-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mz-space-xs);min-height:48px;min-width:48px;padding:var(--mz-space-sm);border:none;background:transparent;color:var(--mz-text-secondary);font-size:var(--mz-type-label-md-size);font-weight:var(--mz-font-weight-medium);border-radius:var(--mz-radius-md);cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease;text-decoration:none;box-sizing:border-box}.mobile-postcard-engagement-button:hover{color:var(--mz-text-primary);background:color-mix(in srgb,var(--mz-brand-electric-teal) 6%,transparent);transform:translateY(-1px)}.mobile-postcard-engagement-button:active{background:color-mix(in srgb,var(--mz-brand-electric-teal) 10%,transparent);transform:translateY(0)}.mobile-postcard-engagement-button:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}.mobile-postcard-engagement-icon{width:20px;height:20px;flex-shrink:0;transition:color .2s ease,transform .2s ease}.mobile-postcard-engagement-icon-active{color:var(--mz-brand-electric-teal);transform:scale(1.1)}.mobile-postcard-engagement-label{font-size:var(--mz-type-label-md-size);font-weight:var(--mz-font-weight-medium);line-height:var(--mz-type-label-md-line);text-align:center}.mobile-postcard-engagement-stats-wrapper{position:relative;box-sizing:border-box;padding:var(--mz-space-sm);background:transparent;border-radius:var(--mz-radius-lg);margin-top:var(--mz-space-sm)}.mobile-postcard-engagement-stats{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--mz-space-lg);padding:var(--mz-space-sm) 0;margin-top:0}.mobile-postcard-engagement-stat{display:flex;align-items:center;gap:var(--mz-space-sm);box-sizing:border-box}.mobile-postcard-engagement-stat-icon{width:16px;height:16px;color:var(--mz-text-muted);flex-shrink:0;transition:color .2s ease}.mobile-postcard-engagement-stat-label{font-size:var(--mz-type-label-md-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-text-secondary);line-height:var(--mz-type-label-md-line)}@media (hover:none) and (pointer:coarse){.mobile-postcard-engagement-button{-webkit-tap-highlight-color:transparent}.mobile-postcard-engagement-button:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.mobile-postcard-engagement-button,.mobile-postcard-engagement-icon,.mobile-postcard-engagement-stat-icon{transition:none}.mobile-postcard-engagement-button:active,.mobile-postcard-engagement-button:hover,.mobile-postcard-engagement-icon-active{transform:none}.mobile-postcard-image,.mobile-postcard-image-wrapper,.mobile-postcard-video{transition:none}}.mobile-comment-list{position:relative;box-sizing:border-box;padding:var(--mz-space-md) 0}.mobile-comment-item{position:relative;box-sizing:border-box;padding:var(--mz-space-sm) 0;border-bottom:var(--mz-border-subtle)}.mobile-comment-item:last-child{border-bottom:none}.mobile-comment-header{display:flex;align-items:center;gap:var(--mz-space-xs);margin-bottom:var(--mz-space-xs);box-sizing:border-box}.mobile-comment-username{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);color:var(--mz-text-primary);line-height:var(--mz-type-body-sm-line)}.mobile-comment-timestamp{font-size:var(--mz-type-caption-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-text-muted);line-height:var(--mz-type-caption-line)}.mobile-comment-content{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-regular);color:var(--mz-text-primary);line-height:1.5;margin:0;box-sizing:border-box}.mobile-comment-composer{position:relative;box-sizing:border-box;padding:var(--mz-space-md) 0;margin-top:var(--mz-space-sm)}.mobile-comment-composer-input-wrapper{display:flex;align-items:center;gap:var(--mz-space-sm);box-sizing:border-box}.mobile-comment-input{flex:1;min-height:44px;padding:var(--mz-space-sm) var(--mz-space-md);border:var(--mz-border-subtle);border-radius:var(--mz-radius-lg);background:var(--mz-surface-secondary);color:var(--mz-text-primary);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-regular);line-height:var(--mz-type-body-sm-line);box-sizing:border-box;transition:border-color .18s var(--mz-ease-standard),background-color .18s var(--mz-ease-standard)}.mobile-comment-input:focus{outline:none;border-color:var(--mz-border-accent);background:var(--mz-surface-elevated)}.mobile-comment-input:disabled{opacity:.5;cursor:not-allowed}.mobile-comment-input::-moz-placeholder{color:var(--mz-text-muted)}.mobile-comment-input::placeholder{color:var(--mz-text-muted)}.mobile-comment-submit-button{display:flex;align-items:center;gap:var(--mz-space-xs);min-height:44px;min-width:44px;padding:var(--mz-space-sm) var(--mz-space-md);border:none;background:var(--mz-brand-electric-teal);color:var(--mz-brand-midnight-black);font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);border-radius:var(--mz-radius-lg);cursor:pointer;transition:background-color .18s var(--mz-ease-standard),opacity .18s var(--mz-ease-standard);box-sizing:border-box}.mobile-comment-submit-button:hover:not(:disabled){background:color-mix(in srgb,var(--mz-brand-electric-teal) 80%,var(--mz-brand-midnight-black))}.mobile-comment-submit-button:active:not(:disabled){background:color-mix(in srgb,var(--mz-brand-electric-teal) 60%,var(--mz-brand-midnight-black))}.mobile-comment-submit-button:disabled{opacity:.5;cursor:not-allowed}.mobile-comment-submit-button:focus-visible{outline:2px solid var(--mz-brand-electric-teal);outline-offset:2px}.mobile-comment-submit-icon{width:18px;height:18px;flex-shrink:0}.mobile-comment-submit-text{font-size:var(--mz-type-body-sm-size);font-weight:var(--mz-font-weight-semibold);line-height:1.2}.mobile-feed-shell.safe-area-all{padding:var(--mz-safe-padding-top) var(--mz-safe-padding-right) var(--mz-safe-padding-bottom) var(--mz-safe-padding-left)}.mobile-feed-header.safe-area-top{padding-top:max(var(--mz-space-md),var(--mz-safe-padding-top))}@media (max-width:1023px){.mobile-feed-loading{width:100%;padding:var(--mz-space-2xl) var(--mz-space-lg);text-align:center;background-color:var(--mz-surface-secondary);border-radius:var(--mz-radius-lg);border:1px solid var(--mz-border-subtle)}.mobile-feed-loading p{font-size:var(--mz-label-md-size);font-weight:var(--mz-label-md-weight);line-height:var(--mz-label-md-line);color:var(--mz-text-muted)}.mobile-feed-error{width:100%;padding:var(--mz-space-2xl) var(--mz-space-lg);text-align:center;background-color:var(--mz-surface-secondary);border-radius:var(--mz-radius-lg);border:1px solid var(--mz-border-subtle)}.mobile-feed-error p{color:var(--mz-text-muted)}.mobile-feed-error button,.mobile-feed-error p{font-size:var(--mz-label-md-size);font-weight:var(--mz-label-md-weight);line-height:var(--mz-label-md-line)}.mobile-feed-error button{background-color:var(--mz-surface-elevated);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-md);padding:var(--mz-space-sm) var(--mz-space-md);color:var(--mz-text-primary);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);min-height:44px}.mobile-feed-error button:hover{background-color:var(--mz-surface-hover);border-color:var(--mz-border-focus)}.mobile-feed-error button:active{transform:scale(.98)}.mobile-feed-error button:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}@media (max-width:360px){.mobile-feed-error,.mobile-feed-loading{padding:var(--mz-space-xl) var(--mz-space-md)}}}