.event-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"image title" "image meta";grid-gap:12px;gap:12px;padding:12px;border-radius:8px;background:var(--surface2);border:1px solid var(--graph1);cursor:pointer;transition:all .2s ease-in-out}.event-item:active,.event-item:hover{background:var(--surface2);border-color:var(--primaryBrand);transform:translateY(-1px)}.event-item-image{position:relative;display:flex;grid-area:image}.event-item-image img{object-fit:cover;border-radius:8px}.event-active-indicator{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.active-dot{width:6px;height:6px;background-color:var(--success);border-radius:50%;animation:pulse 2s infinite}.event-item-title{grid-area:title;font-size:16px;font-weight:700;margin:0 0 8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.event-item-subtitle{font-size:14px;font-weight:400;margin-top:4px;color:var(--secondaryText)}.event-meta-container{grid-area:meta;align-self:end}@media (orientation:portrait){.event-item{grid-template-areas:"image title" "meta meta"}.event-title{font-size:14px;margin-bottom:0}}