.events-grid{display:flex;flex-direction:row;gap:16px;overflow:scroll}.event-detail-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.error-alert{background-color:#ffebee;color:#c62828;padding:10px 16px;border-radius:4px;margin-bottom:16px;border-left:4px solid #c62828}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#555}.error-container{text-align:center;padding:40px}.back-link{display:inline-block;margin-top:16px;color:#2196f3;text-decoration:none}.back-link:hover{text-decoration:underline}.event-header{margin-bottom:0}.event-banner{width:400px;height:240px;overflow:hidden;margin-bottom:16px}.event-banner img{width:100%;height:100%;object-fit:cover;border-radius:8px}.event-title-section{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.event-title{flex:1;min-width:300px}.event-title h1{margin:0 0 8px;font-size:2rem;font-weight:600;color:#212121}.event-metadata{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;color:#555;font-size:1rem}.event-metadata-text{font-weight:300}.add-to-calendar{margin-left:0rem}.icon{margin-right:6px}.host-actions{display:flex;gap:12px;margin-top:16px;margin-bottom:16px}.invites-header{margin-bottom:16px}.back-button,.edit-button,.invites-button{display:inline-flex;align-items:center;padding:8px 16px;background-color:#f5f5f5;color:#212121;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.edit-button:hover,.invites-button:hover{background-color:#e0e0e0}.invites-button{background-color:#2196f3;color:#fff;border-color:#2196f3}.invites-button:hover{background-color:#1976d2}.rsvp-section{margin-top:24px;margin-bottom:24px}.section-title{margin-top:0;margin-bottom:16px;font-size:1.2rem;font-weight:600;color:#212121}.rsvp-buttons{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:12px;max-width:400px}.rsvp-button{background-color:#fff;border-radius:50px;border:1px solid #ddd;cursor:pointer;font-weight:500;height:80px;transition:all .2s ease;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rsvp-button.yesplus1.selected,.rsvp-button.yes.selected{background:rgba(56,142,60,.1)}.rsvp-button.maybe.selected{background:rgba(245,124,0,.1)}.rsvp-button.no.selected{background:rgba(211,47,47,.1)}.bouncy-rsvp-button{animation:periodic-pop-jiggle-animation 3s infinite}@keyframes periodic-pop-jiggle-animation{0%,85.7%{transform:scale(1)}88.5%{transform:scale(1.2) translateY(-5px)}90%{transform:scale(1.15) rotate(5deg) translateY(-3px)}91.5%{transform:scale(1.1) rotate(-4deg) translateY(-2px)}93%{transform:scale(1.05) rotate(2deg) translateY(-1px)}94.5%{transform:scale(1.02) rotate(-1deg) translateY(0)}to{transform:scale(1) rotate(0) translateY(0)}}.event-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:24px}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;color:#555;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:#2196f3}.tab-button.active{color:#2196f3;border-bottom-color:#2196f3;font-weight:500}.tab-content{min-height:300px}.event-details{display:flex;flex-direction:column}.description-text{white-space:pre-wrap}.attendee-summary{display:flex;flex-direction:row;gap:10px}.hosts-list{display:flex;flex-wrap:wrap;gap:24px}.host-item{display:flex;flex-direction:column;align-items:center;width:40px}.host-avatar,.host-avatar-placeholder{width:40px;height:40px;border-radius:50%}.host-avatar{object-fit:cover}.host-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300}.host-name{text-align:center;font-size:.9rem;font-weight:500;color:#333}.stat-label{font-size:.9rem;color:#757575;margin-bottom:8px}.subsection-title{margin-top:24px;margin-bottom:16px;font-size:1.1rem;font-weight:500;color:#333}.distribution-stats{display:flex;flex-wrap:wrap;gap:16px}.no-content{color:#757575;font-style:italic}.event-attendees{margin-bottom:32px}.attendees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.attendee-card{display:flex;align-items:center;padding:12px;background-color:#f9f9f9;border-radius:8px;transition:transform .2s ease}.attendee-card:hover{transform:translateY(-2px)}.attendee-avatar{margin-right:12px}.attendee-avatar img,.avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300}.attendee-info{display:flex;flex-direction:column}.attendee-name{font-weight:500;margin-bottom:4px}.rsvp-badge{padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.rsvp-badge.yesplus1,.rsvp-badge.yes{background-color:#e8f5e9;color:#388e3c}.rsvp-badge.maybe{background-color:#fff3e0;color:#f57c00}.rsvp-badge.no{background-color:#ffebee;color:#d32f2f}.event-discussion{margin-bottom:32px}.messages-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.message-item-wrapper{background-color:#f9f9f9;border-radius:8px}.message-item{padding:16px}.system-message{background-color:#e8f5e9;font-style:italic}.message-sender{display:flex;align-items:center;margin-bottom:8px}.sender-avatar,.sender-avatar-placeholder{width:36px;height:36px;border-radius:50%;margin-right:12px}.sender-avatar{object-fit:cover}.sender-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300}.sender-details{display:flex;flex-direction:column}.sender-name{font-weight:500;color:#333}.message-time{font-size:.8rem;color:#757575}.message-content{line-height:1.5;white-space:pre-wrap}.message-image{border-radius:4px;width:300px}.broadcast-indicator{margin-top:8px;font-size:.8rem;color:#2196f3;font-style:italic}.comment-section,.broadcast-section{background-color:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:16px}.broadcast-info{font-size:.9rem;color:#757575;margin-bottom:16px}.comment-form,.broadcast-form{display:flex;flex-direction:column;gap:12px}.comment-input,.broadcast-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;resize:vertical}.submit-button{align-self:flex-end;padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:#1976d2}.submit-button:disabled{background-color:#bbdefb;cursor:not-allowed}.broadcast-button{background-color:#ff9800}.broadcast-button:hover{background-color:#f57c00}.broadcast-button:disabled{background-color:#ffe0b2}.edit-event-form{background-color:#f9f9f9;border-radius:8px;padding:24px;margin-bottom:24px}.form-title{margin-top:0;margin-bottom:24px;font-size:1.5rem;color:#212121}.form-error{background-color:#ffebee;color:#c62828;padding:10px 16px;border-radius:4px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem}.form-textarea{resize:vertical}.image-preview{margin-top:12px;max-width:100%;max-height:200px;overflow:hidden;border-radius:4px}.image-preview img{width:100%;max-height:200px;object-fit:cover}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button{padding:10px 16px;background-color:#f5f5f5;color:#212121;border:1px solid #ddd;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background-color:#e0e0e0}.cancel-button:disabled,.submit-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.message-image,.host-actions{width:100%}.edit-button,.invites-button{flex:1;justify-content:center}.event-tabs{overflow-x:auto}.tab-button{padding:12px 16px;white-space:nowrap}.distribution-stats{grid-template-columns:repeat(2,1fr)}.attendees-list{grid-template-columns:repeat(auto-fill,1fr);gap:8px}}@media (max-width: 480px){.event-banner{width:100%}.distribution-stats{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}