.mobile-feed-shell{box-sizing:border-box;width:100%;min-height:100vh;position:relative}.mobile-feed-content{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);position:relative}.mobile-header-menu-button{border-radius:9999px;width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.mobile-postcard{box-sizing:border-box;margin-bottom:var(--mz-space-xl);background:var(--mz-surface-elevated);border-radius:var(--mz-radius-xl);border:1px solid var(--mz-border-subtle);box-shadow:var(--mz-shadow-xs);transition:transform .2s,box-shadow .2s;position:relative}.mobile-postcard-content{box-sizing:border-box;padding:0;position:relative}.mobile-postcard-header{box-sizing:border-box;padding:var(--mz-space-lg);border-radius:var(--mz-radius-lg);background:0 0;border:none;margin-bottom:0;transition:background-color .2s,border-color .2s;position:relative}.mobile-postcard-header-content{align-items:flex-start;gap:var(--mz-space-lg);box-sizing:border-box;display:flex}.mobile-postcard-avatar{border-radius:var(--mz-radius-full);width:44px;height:44px;box-shadow:var(--mz-shadow-sm);flex-shrink:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.mobile-postcard-avatar:hover{box-shadow:var(--mz-shadow-md);transform:scale(1.03)}.mobile-postcard-author{gap:var(--mz-space-xs);box-sizing:border-box;flex-direction:column;flex:1;min-width:0;display:flex}.mobile-postcard-author-row{align-items:center;gap:var(--mz-space-md);box-sizing:border-box;margin-bottom:var(--mz-space-xs);flex-wrap:wrap;display:flex}.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}.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{align-items:center;gap:var(--mz-space-md);box-sizing:border-box;margin-bottom:var(--mz-space-xs);flex-wrap:wrap;display:flex}.mobile-postcard-badge{font-size:var(--mz-type-label-md-size);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);border-radius:var(--mz-radius-full);text-transform:uppercase;letter-spacing:.02em;line-height:var(--mz-type-label-md-line);padding:2px 8px}.mobile-postcard-type{font-size:var(--mz-type-label-md-size);font-weight:var(--mz-font-weight-medium);color:var(--mz-text-muted);text-transform:capitalize;line-height:var(--mz-type-label-md-line)}.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);border-radius:var(--mz-radius-full);line-height:var(--mz-type-label-md-line);padding:2px 8px}.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{align-items:center;gap:var(--mz-space-sm);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);flex-wrap:wrap;display:flex}.mobile-postcard-separator{color:var(--mz-text-muted);opacity:.5}.mobile-postcard-time{color:var(--mz-text-muted);text-decoration:none;transition:color .2s}.mobile-postcard-time:hover{color:var(--mz-text-secondary)}.mobile-postcard-edited{color:var(--mz-text-muted);cursor:help;font-style:italic}.mobile-postcard-menu-wrapper{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.mobile-postcard-menu-trigger{border-radius:var(--mz-radius-md);cursor:pointer;width:44px;height:44px;color:var(--mz-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,transform .2s;display:flex}.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}.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{box-sizing:border-box;padding:0 var(--mz-space-lg);margin-bottom:var(--mz-space-xl);position:relative}.mobile-postcard-text{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;position:relative}.mobile-postcard-image-wrapper,.mobile-postcard-video-wrapper,.mobile-postcard-document-wrapper{box-sizing:border-box;margin:var(--mz-space-lg) 0;border-radius:var(--mz-radius-xl);box-shadow:var(--mz-shadow-xs);transition:transform .2s;position:relative;overflow:hidden}.mobile-postcard-image,.mobile-postcard-video{border-radius:var(--mz-radius-xl);width:100%;height:auto;transition:opacity .2s;display:block}.mobile-postcard-image-error,.mobile-postcard-video-error,.mobile-postcard-media-error{background:var(--mz-surface-secondary);border-radius:var(--mz-radius-lg);min-height:200px;padding:var(--mz-space-md);text-align:center;justify-content:center;align-items:center;display:flex}.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{box-sizing:border-box;padding:var(--mz-space-md);background:var(--mz-surface-primary);border-bottom:var(--mz-border-subtle);position:relative}.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{align-items:center;gap:var(--mz-space-sm);display:flex}.mobile-stories{box-sizing:border-box;width:100%;padding:var(--mz-space-md);min-height:104px;position:relative}.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{box-sizing:border-box;width:100%;min-height:auto;position:relative}.mobile-composer input,.mobile-composer textarea{cursor:text}.mobile-composer input::-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 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{resize:none;-webkit-overflow-scrolling:touch;background:0 0;border:none;width:100%;margin:0;padding:0;font-family:inherit;display:block;overflow-y:auto}.mobile-composer textarea:focus{outline:none}.mobile-composer button{cursor:pointer;pointer-events:auto;background-color:#0000;transition:background-color .15s,transform .2s}.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-loading,.mobile-feed-error,.mobile-feed-empty{box-sizing:border-box;padding:var(--mz-space-xl) var(--mz-space-md);text-align:center;position:relative}.mobile-feed-posts{box-sizing:border-box;position:relative}@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-postcard,.mobile-postcard-name,.mobile-postcard-time,.mobile-feed-header{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{box-sizing:border-box;margin-top:var(--mz-space-md);padding-top:var(--mz-space-md);border-top:var(--mz-border-subtle);transition:border-color .2s;position:relative}.mobile-postcard-engagement-wrapper{box-sizing:border-box;padding:var(--mz-space-md);border-radius:var(--mz-radius-lg);margin-top:var(--mz-space-md);background:0 0;position:relative}.mobile-postcard-engagement-actions{justify-content:space-between;align-items:center;gap:var(--mz-space-md);box-sizing:border-box;display:flex}.mobile-postcard-engagement-button{justify-content:center;align-items:center;gap:var(--mz-space-xs);min-width:48px;min-height:48px;padding:var(--mz-space-sm);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;box-sizing:border-box;background:0 0;border:none;flex-direction:column;flex:1;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:flex}.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{flex-shrink:0;width:20px;height:20px;transition:color .2s,transform .2s}.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{box-sizing:border-box;padding:var(--mz-space-sm);border-radius:var(--mz-radius-lg);margin-top:var(--mz-space-sm);background:0 0;position:relative}.mobile-postcard-engagement-stats{box-sizing:border-box;align-items:center;gap:var(--mz-space-lg);padding:var(--mz-space-sm) 0;margin-top:0;display:flex;position:relative}.mobile-postcard-engagement-stat{align-items:center;gap:var(--mz-space-sm);box-sizing:border-box;display:flex}.mobile-postcard-engagement-stat-icon{width:16px;height:16px;color:var(--mz-text-muted);flex-shrink:0;transition:color .2s}.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:hover,.mobile-postcard-engagement-button:active,.mobile-postcard-engagement-icon-active{transform:none}.mobile-postcard-image-wrapper,.mobile-postcard-image,.mobile-postcard-video{transition:none}}.mobile-comment-list{box-sizing:border-box;padding:var(--mz-space-md) 0;position:relative}.mobile-comment-item{box-sizing:border-box;padding:var(--mz-space-sm) 0;border-bottom:var(--mz-border-subtle);position:relative}.mobile-comment-item:last-child{border-bottom:none}.mobile-comment-header{align-items:center;gap:var(--mz-space-xs);margin-bottom:var(--mz-space-xs);box-sizing:border-box;display:flex}.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);box-sizing:border-box;margin:0;line-height:1.5}.mobile-comment-composer{box-sizing:border-box;padding:var(--mz-space-md) 0;margin-top:var(--mz-space-sm);position:relative}.mobile-comment-composer-input-wrapper{align-items:center;gap:var(--mz-space-sm);box-sizing:border-box;display:flex}.mobile-comment-input{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);flex:1}.mobile-comment-input:focus{border-color:var(--mz-border-accent);background:var(--mz-surface-elevated);outline:none}.mobile-comment-input:disabled{opacity:.5;cursor:not-allowed}.mobile-comment-input::placeholder{color:var(--mz-text-muted)}.mobile-comment-submit-button{align-items:center;gap:var(--mz-space-xs);min-width:44px;min-height:44px;padding:var(--mz-space-sm) var(--mz-space-md);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;border:none;display:flex}.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{flex-shrink:0;width:18px;height:18px}.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{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 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);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-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-loading,.mobile-feed-error{padding:var(--mz-space-xl) var(--mz-space-md)}}}