.px-profile-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.px-profile-moments__tile{position:relative;display:block;width:100%;min-width:0;aspect-ratio:3/4;padding:0;overflow:hidden;color:white;text-align:start;background:var(--color-media-fallback);border:0;border-radius:var(--radius-md);cursor:zoom-in}.px-profile-moments__item{min-width:0}.px-profile-moments__tile:after{position:absolute;inset:52% 0 0;content:"";background:linear-gradient(transparent,rgb(0 0 0/82%))}.px-profile-moments__tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-airbnb)}.px-profile-moments__tile:focus-visible img,.px-profile-moments__tile:hover img{transform:scale(1.025)}.px-profile-moments__tile[aria-disabled=true]{cursor:default}.px-profile-moments__tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-1)}.px-profile-moments__event{inset:auto var(--space-2) var(--space-2);display:-webkit-box;overflow:hidden;font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.px-profile-moments__event,.px-profile-moments__fallback{position:absolute;z-index:2;font-size:var(--text-caption)}.px-profile-moments__fallback{inset:0;display:grid;align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--color-muted);text-align:center;background:var(--color-media-fallback-deep)}.px-profile-moments__empty{margin:0;padding-block:var(--space-8);color:var(--color-muted);font-size:var(--text-body)}.px-profile-moment-viewer{width:min(760px,calc(100vw - var(--space-6)))}.px-profile-moment-viewer__body{display:grid;gap:var(--space-4)}.px-profile-moment-viewer__media{position:relative;display:grid;max-height:68dvh;overflow:hidden;place-items:center;background:var(--color-media-fallback-deep);border-radius:var(--radius-lg)}.px-profile-moment-viewer__media img{width:100%;max-height:68dvh;object-fit:contain}.px-profile-moment-viewer__caption{margin:0;color:var(--color-content);font-size:var(--text-body);line-height:var(--leading-body);overflow-wrap:anywhere}.px-profile-moment-viewer__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.px-profile-moment-viewer__status{align-self:center;color:var(--color-error);font-size:var(--text-caption)}@media (max-width:719px){.px-profile-moments{width:calc(100% + var(--layout-gutter) + var(--layout-gutter));margin-inline:calc(-1 * var(--layout-gutter));gap:var(--space-1)}.px-profile-moments__tile{border-radius:0}}@media (prefers-reduced-motion:reduce){.px-profile-moments__tile img{transition:none}}.px-moment-composer{display:grid;gap:var(--space-8);width:min(100%,980px);margin-inline:auto;padding:var(--space-8) var(--layout-gutter) var(--space-13)}.px-moment-composer__heading{display:grid;gap:var(--space-2);max-width:720px}.px-moment-composer__heading>span{color:var(--color-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.px-moment-composer__heading h1{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,7vw,4.8rem);line-height:.94;letter-spacing:-.05em}.px-moment-composer__heading p{max-width:52ch;margin:0;color:var(--color-muted-strong)}.px-moment-composer__layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:var(--space-8);align-items:start}.px-moment-composer__context,.px-moment-composer__media{display:grid;gap:var(--space-5);min-width:0}.px-moment-composer__picker{display:grid;place-items:center;width:100%;min-height:min(62vh,580px);padding:0;overflow:hidden;color:var(--color-content);background:var(--surface-object-bg);border:0;border-radius:var(--radius-lg);cursor:pointer}.px-moment-composer__picker>span{display:grid;place-items:center;gap:var(--space-2)}.px-moment-composer__picker>span svg{width:var(--icon-size-xl);height:var(--icon-size-xl);color:var(--color-muted-strong)}.px-moment-composer__picker>span small{color:var(--color-muted)}.px-moment-composer__picker img{width:100%;height:100%;max-height:68vh;object-fit:contain}.px-moment-composer__picker:focus-within{outline:2px solid var(--color-accent);outline-offset:var(--space-1)}.px-moment-composer__context-row{display:grid;grid-template-columns:var(--icon-size-md) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-4)}.px-moment-composer__context-row svg{width:var(--icon-size-md);color:var(--color-muted-strong)}.px-moment-composer__context-row span{display:grid;gap:var(--space-1);min-width:0}.px-moment-composer__context-row strong{overflow:hidden;text-overflow:ellipsis}.px-moment-composer__context-row small{color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--font-weight-regular)}.px-moment-composer__caption{display:grid;gap:var(--space-2)}.px-moment-composer__caption>span{font-weight:var(--font-weight-semibold)}.px-moment-composer__caption>small,.px-moment-composer__caption>span small{color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--font-weight-regular)}.px-moment-composer__caption>small{justify-self:end}.px-moment-composer__caption textarea{min-height:96px;resize:vertical;padding:var(--space-3)}.px-moment-composer__caption textarea,.px-moment-composer__context-row input[type=search],.px-moment-composer__context-row select{width:100%;color:var(--color-content);background:var(--surface-object-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit}.px-moment-composer__context-row input[type=search],.px-moment-composer__context-row select{padding:var(--space-2) var(--space-3)}.px-moment-composer__context-row:has(.px-moment-composer__unlink){grid-template-columns:var(--icon-size-md) minmax(0,1fr) var(--hit-target-size-md)}.px-moment-composer__unlink{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--hit-target-size-md);block-size:var(--hit-target-size-md);color:var(--color-muted-strong);background:transparent;border-radius:var(--radius-pill)}.px-moment-composer__unlink:hover{color:var(--color-content)}.px-moment-composer__event-options{display:grid;grid-column:2;gap:var(--space-1);margin:0;padding:0;list-style:none}.px-moment-composer__event-options button{width:100%;padding:var(--space-2) var(--space-3);color:var(--color-content);text-align:start;background:var(--surface-object-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit}.px-moment-composer__event-options button:hover{border-color:var(--color-accent)}.px-moment-composer__event-search>small{grid-column:2;color:var(--color-muted);font-size:var(--text-caption)}.px-moment-composer__error{margin:0;color:var(--color-danger);font-size:var(--text-caption)}.px-moment-composer__success{display:grid;gap:var(--space-2)}.px-moment-composer__success span{color:var(--color-muted-strong);font-size:var(--text-caption)}.px-moment-composer__pending{margin:0;color:var(--color-muted);font-size:var(--text-caption);line-height:var(--leading-body)}@media (width <= 768px){.px-moment-composer{gap:var(--space-6);padding:var(--space-4) var(--space-4) var(--space-13)}.px-moment-composer__layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.px-moment-composer__picker{min-height:54vh}}@media (prefers-reduced-motion:reduce){.px-moment-composer__picker{scroll-behavior:auto}}.px-moment-composer[data-variant=dialog]{gap:var(--space-4);padding:0}.px-moment-composer[data-variant=dialog] .px-moment-composer__picker{min-height:42vh}@media (width <= 768px){.px-moment-composer[data-variant=dialog] .px-moment-composer__picker{min-height:34vh}}.px-moment-composer[data-variant=dialog] .px-moment-composer__commit{position:sticky;inset-block-end:0;z-index:1;display:grid;gap:var(--space-2);padding-block:var(--space-3);background:var(--glass-bg-modal,var(--color-surface))}.px-event-moments{display:grid;gap:var(--space-4);padding-block:var(--space-8)}.px-event-moments__head{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.px-event-moments__head h2{margin:0;font-size:var(--text-emphasis);font-weight:var(--font-weight-semibold)}.px-event-moments__empty{margin:0;color:var(--color-muted);font-size:var(--text-caption)}