.moment-page-layout{width:100%;max-width:1312px;margin:0 auto;padding:0 1rem}.moment-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.moment-page-heading h1{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.moment-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem}.moment-empty-state button,.moment-primary-button,.moment-secondary-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.45rem;border-radius:.7rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.moment-empty-state button,.moment-primary-button{border:1px solid hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm)}@media (hover:hover) and (pointer:fine){.moment-empty-state button:hover,.moment-primary-button:hover{border-color:hsl(var(--primary-hover));background:hsl(var(--primary-hover));transform:translateY(-1px)}}.moment-secondary-button{border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--foreground))}@media (hover:hover) and (pointer:fine){.moment-secondary-button:hover{border-color:hsl(var(--border-hover));background:hsl(var(--surface-hover))}}.moment-card{overflow:hidden;border:1px solid transparent;min-width:0;border-radius:.85rem;background:hsl(var(--surface));box-shadow:var(--shadow-sm)}.moment-card-head{display:flex;min-height:4.35rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem .65rem}.moment-icon-button{display:inline-flex;width:2.35rem;height:2.35rem;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:hsl(var(--surface));color:hsl(var(--foreground-secondary));transition:color .16s ease,background-color .16s ease}@media (hover:hover) and (pointer:fine){.moment-icon-button:hover{background:hsl(var(--surface-hover));color:hsl(var(--primary))}}.moment-card-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:.2rem 1rem .9rem;font-size:.925rem;line-height:1.75;color:hsl(var(--foreground-secondary))}.moment-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.7rem;color:hsl(var(--foreground-muted))}.moment-card-meta span{display:inline-flex;min-width:0;align-items:center;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-card-meta time{flex:0 0 auto}.moment-comments{border-top:0;background:color-mix(in srgb,hsl(var(--background-secondary)) 55%,hsl(var(--surface)))}.moment-comments-heading{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem 1rem .2rem;font-size:.75rem;color:hsl(var(--foreground-muted))}.moment-comments-heading button,.moment-comments-heading>span{display:inline-flex;align-items:center;gap:.35rem}.moment-comments-heading button{min-height:2.25rem;border:0;background:transparent;color:hsl(var(--primary))}.moment-comments-heading button:disabled{opacity:.55}.moment-comment-list{padding:0 1rem}.moment-comment{padding:.4rem 0;border-bottom:0}.moment-comment:last-child{border-bottom:0}.moment-comment-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;width:100%;min-height:2.75rem;align-items:start;border:0;border-radius:.55rem;padding:.3rem;background:transparent}.moment-comment.is-selected .moment-comment-main{background:hsl(var(--surface-hover))}@media (hover:hover) and (pointer:fine){.moment-comment-main:hover{background:hsl(var(--surface-hover))}}.moment-comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:.2rem 0 .15rem 2.75rem}.moment-comment-actions button,.moment-comment-edit button{display:inline-flex;min-height:2rem;align-items:center;gap:.3rem;border:0;border-radius:.5rem;padding:0 .6rem;background:hsl(var(--surface));color:hsl(var(--foreground-secondary));font-size:.75rem}@media (hover:hover) and (pointer:fine){.moment-comment-actions button:hover,.moment-comment-edit button:hover{background:hsl(var(--primary-soft));color:hsl(var(--primary))}}.moment-comment-edit{margin:.25rem 0 .25rem 2.75rem}.moment-comment-edit textarea{width:100%;resize:vertical;border:1px solid transparent;border-radius:.65rem;padding:.55rem .65rem;background:hsl(var(--input));color:hsl(var(--input-foreground));outline:none}.moment-comment-edit textarea:focus{border-color:hsl(var(--border-focus));box-shadow:0 0 0 2px hsl(var(--ring)/.35)}.moment-comment-edit>div{display:flex;justify-content:flex-end;gap:.35rem;margin-top:.35rem}.moment-reply-target{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.4rem 1rem -.15rem;border-radius:.55rem;padding:.45rem .7rem;background:hsl(var(--primary-soft));color:hsl(var(--primary));font-size:.75rem}.moment-reply-target button{display:inline-flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent}.moment-comment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;margin-top:.45rem;border-top:0;padding:.7rem 1rem .85rem}.moment-comment-composer textarea{min-height:2.5rem;max-height:7rem;resize:vertical;border:1px solid hsl(var(--border));border-radius:1.25rem;padding:.55rem .85rem;background:hsl(var(--surface));color:hsl(var(--foreground));outline:none;font-size:.875rem}.moment-comment-composer textarea:focus{border-color:hsl(var(--border-focus));box-shadow:0 0 0 2px hsl(var(--ring)/.35)}.moment-comment-composer>button{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.moment-comment-composer>button:disabled{cursor:not-allowed;opacity:.45}.moment-inline-error{border-radius:.6rem;padding:.55rem .7rem;background:hsl(var(--danger-soft));color:hsl(var(--danger));font-size:.8rem}.moment-load-more{display:flex;min-height:2.75rem;width:100%;align-items:center;justify-content:center;gap:.45rem;margin-top:1.25rem;border:1px solid transparent;border-radius:.75rem;background:hsl(var(--surface));color:hsl(var(--foreground-secondary));font-size:.85rem}@media (hover:hover) and (pointer:fine){.moment-load-more:hover{border-color:hsl(var(--border-hover));background:hsl(var(--surface-hover))}}.moment-empty-state{display:flex;min-height:19rem;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;border-radius:1rem;padding:2rem;background:hsl(var(--surface));text-align:center}.moment-empty-state>span{font-size:1rem;font-weight:500;color:hsl(var(--foreground))}.moment-empty-state p{margin:.5rem 0 1.25rem;font-size:.8rem;color:hsl(var(--foreground-muted))}.moment-card-skeleton{overflow:hidden;height:30rem;border:1px solid transparent;border-radius:1rem;background:hsl(var(--surface));animation:moment-pulse 1.6s ease-in-out infinite}.moment-card-skeleton>div:first-child{width:11rem;height:2.5rem;margin:1rem;border-radius:999px;background:hsl(var(--background-tertiary))}.moment-card-skeleton>div:nth-child(2){width:70%;height:1rem;margin:0 1rem 1rem;border-radius:.3rem;background:hsl(var(--background-tertiary))}.moment-card-skeleton>div:last-child{height:19rem;margin:0 .75rem;border-radius:.8rem;background:hsl(var(--background-tertiary))}@keyframes moment-pulse{50%{opacity:.56}}.moment-composer{overflow:hidden;border-radius:.75rem;background:hsl(var(--surface))}.moment-composer-head{display:grid;grid-template-columns:1fr auto 1fr;min-height:4rem;align-items:center;gap:.75rem;border-bottom:1px solid hsl(var(--border));padding:0 1rem}.moment-composer-head h2{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.moment-composer-head button{min-height:2.35rem;width:fit-content;border:0;border-radius:.6rem;padding:0 .7rem;background:transparent;color:hsl(var(--foreground-secondary));font-size:.85rem}.moment-composer-head button:last-child{justify-self:end;display:inline-flex;align-items:center;gap:.35rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.moment-composer-head button:disabled{opacity:.5}.moment-composer-body{padding:1rem 1.1rem 1.15rem}.moment-composer-text{position:relative;display:block}.moment-composer-text textarea{display:block;width:100%;resize:vertical;border:1px solid hsl(var(--border));border-radius:.85rem;padding:.85rem .9rem 2rem;background:hsl(var(--input));color:hsl(var(--input-foreground));outline:none;line-height:1.7}.moment-composer-text textarea:focus{border-color:hsl(var(--border-focus));background:hsl(var(--input-focus));box-shadow:none}.moment-composer-text>span:last-child{position:absolute;right:.8rem;bottom:.55rem;font-size:.7rem;color:hsl(var(--foreground-muted))}.moment-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.moment-add-file,.moment-file-preview{position:relative;overflow:hidden;aspect-ratio:1;border-radius:.75rem;background:hsl(var(--background-tertiary))}.moment-file-preview>img,.moment-file-preview>video{width:100%;height:100%;object-fit:cover}.moment-file-preview>button{top:.4rem;right:.4rem;width:2rem;height:2rem;justify-content:center;border:0}.moment-file-preview>button,.moment-file-preview>span{position:absolute;display:inline-flex;align-items:center;border-radius:999px;background:rgb(24 18 14/.58);color:white}.moment-file-preview>span{bottom:.4rem;left:.4rem;gap:.3rem;padding:.25rem .5rem;font-size:.68rem}.moment-file-preview-loading{width:100%;height:100%}.moment-add-file,.moment-file-preview-loading{display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground-muted))}.moment-add-file{flex-direction:column;gap:.4rem;border:1px dashed hsl(var(--border-hover));font-size:.78rem}@media (hover:hover) and (pointer:fine){.moment-add-file:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}}.moment-recording{display:flex;min-height:3rem;align-items:center;gap:.6rem;margin-top:.75rem;border-radius:.75rem;padding:.6rem .75rem;background:hsl(var(--danger-soft));color:hsl(var(--danger));font-size:.82rem}.moment-recording-dot{width:.55rem;height:.55rem;border-radius:999px;background:hsl(var(--danger));animation:moment-recording 1s ease-in-out infinite}.moment-recording button{display:inline-flex;min-height:2rem;align-items:center;gap:.3rem;margin-left:auto;border:0;border-radius:.5rem;padding:0 .6rem;background:hsl(var(--surface));color:hsl(var(--danger))}@keyframes moment-recording{50%{opacity:.35}}.moment-location-chip{display:inline-flex;max-width:100%;min-height:2.3rem;align-items:center;gap:.45rem;margin-top:.75rem;border:1px solid transparent;border-radius:999px;padding:0 .75rem;background:hsl(var(--background-secondary));color:hsl(var(--foreground-secondary));font-size:.75rem}.moment-location-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-location-chip>span+span{color:hsl(var(--foreground-muted))}.moment-composer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;border-top:0;padding-top:0}.moment-composer-tools button{display:inline-flex;min-height:2.5rem;align-items:center;gap:.4rem;border:0;border-radius:.6rem;padding:0 .7rem;background:transparent;color:hsl(var(--foreground-secondary));font-size:.8rem}.moment-composer-tools button.is-active{background:hsl(var(--primary-soft));color:hsl(var(--primary))}@media (hover:hover) and (pointer:fine){.moment-composer-tools button:hover{background:hsl(var(--primary-soft));color:hsl(var(--primary))}}.moment-composer-tools button:disabled{opacity:.4}.moment-composer-hint{margin-top:.55rem;font-size:.7rem;color:hsl(var(--foreground-muted))}.moment-composer-body>.moment-inline-error{margin-top:.65rem}@media (max-width:800px){.moment-feed-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.moment-page-layout{padding:0 1rem}.moment-page-heading{gap:.5rem;margin-bottom:1rem}.moment-page-heading .moment-primary-button{padding:0 .75rem}.moment-feed-grid{gap:1rem}.moment-card-head,.moment-card-meta,.moment-card-text,.moment-comment-composer,.moment-comment-list,.moment-comments-heading{padding-right:.8rem;padding-left:.8rem}.moment-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:410px){.moment-composer-tools button span:not(.anticon){display:none}.moment-composer-tools button{min-width:2.6rem;justify-content:center}.moment-card-meta time{display:none}.moment-comment-copy>span:first-child{display:block}}@media (prefers-reduced-motion:reduce){.moment-card-skeleton,.moment-recording-dot{animation:none}.moment-primary-button{transition:none}}.moment-composer button:focus-visible,.moment-page-layout button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.moment-icon-button:disabled,.moment-load-more:disabled{cursor:default;opacity:.5}