.events-page{min-height:calc(100vh - 64px);color:var(--text-color,#17251b);background:var(--page-background,#fff);padding:34px 24px 80px}.events-inner{width:min(1120px,100%);margin:0 auto}.events-header{justify-content:space-between;align-items:end;gap:24px;padding:8px 0 26px;display:flex}.events-back{color:var(--muted-color,#68776c);margin:0 0 25px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.events-back:hover{color:var(--accent-color,#52765d)}.events-eyebrow{color:var(--accent-color,#52765d);letter-spacing:.13em;margin:0 0 8px;font-size:10px;font-weight:800}.events-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.1}.events-intro{color:var(--muted-color,#68776c);margin:10px 0 0;font-size:15px}.events-createButton{color:#fff;background:var(--accent-color,#52765d);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 19px;font-weight:750;transition:transform .18s,filter .18s;display:inline-flex}.events-createButton:hover{filter:brightness(1.07);transform:translateY(-1px)}.events-createButton:disabled{opacity:.65;cursor:wait;transform:none}.events-createButton span{font-size:20px;line-height:1}.events-tabs{border-bottom:1px solid color-mix(in srgb, var(--muted-color) 20%, transparent);gap:26px;display:flex}.events-tabs button{min-height:48px;color:var(--muted-color,#68776c);cursor:pointer;background:0 0;border:0;padding:0 2px;font-weight:700;position:relative}.events-tabs .events-activeTab{color:var(--accent-color,#52765d)}.events-activeTab:after{background:var(--accent-color,#52765d);content:"";border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.events-notice{border:1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);color:var(--text-color);background:color-mix(in srgb, var(--accent-color) 8%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:11px 14px;font-size:13px;display:flex}.events-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.events-search{border:1px solid color-mix(in srgb, var(--muted-color) 22%, transparent);background:var(--surface,#fff);height:48px;color:var(--muted-color);border-radius:13px;align-items:center;gap:10px;margin:22px 0 13px;padding:0 15px;display:flex}.events-search>span{font-size:24px;line-height:1}.events-search input{width:100%;color:var(--text-color);background:0 0;border:0;outline:0;font-size:14px}.events-search button{color:var(--muted-color);cursor:pointer;background:0 0;border:0;font-size:20px}.events-filterRail,.events-yourFilters{scrollbar-width:none;gap:8px;padding:0 0 7px;display:flex;overflow-x:auto}.events-filterRail::-webkit-scrollbar{display:none}.events-yourFilters::-webkit-scrollbar{display:none}.events-liveTrack::-webkit-scrollbar{display:none}.events-filterRail button,.events-yourFilters button{border:1px solid color-mix(in srgb, var(--muted-color) 22%, transparent);min-height:36px;color:var(--text-color);background:var(--surface,#fff);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 14px;font-size:12px;font-weight:650}.events-filterRail .events-selectedFilter,.events-yourFilters .events-selectedFilter{border-color:var(--accent-color);color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 9%, var(--surface))}.events-section{margin-top:34px}.events-sectionHeading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;display:flex}.events-sectionHeading .events-eyebrow{margin-bottom:5px}.events-sectionHeading h2{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.15}.events-liveCount{color:var(--muted-color);align-items:center;gap:7px;padding-bottom:3px;font-size:12px;font-weight:700;display:inline-flex}.events-liveCount i,.events-liveBadge i{background:#e24c50;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e24c5026}.events-liveTrack{scroll-snap-type:x mandatory;scrollbar-width:none;gap:15px;padding:2px 1px 12px;display:flex;overflow-x:auto}.events-liveTrack .events-card{scroll-snap-align:start;flex:0 0 290px;width:290px}.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.events-card{border:1px solid color-mix(in srgb, var(--muted-color) 18%, transparent);background:var(--surface,#fff);border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 4px 16px #1425190a}.events-cover{aspect-ratio:16/9;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#859b7c,#223d2b 65%,#111b14);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.events-cover>img,.events-art,.events-shade{width:100%;height:100%;position:absolute;inset:0}.events-cover>img,.events-detailCover>img{object-fit:cover;transition:transform .25s}.events-cover:hover>img{transform:scale(1.035)}.events-art{background:radial-gradient(circle at 78% 20%,#e2ecce66,#0000 25%),linear-gradient(145deg,#879d76,#324d38 60%,#122016);place-items:center;display:grid}.events-art b{color:#ffffffa6;font-size:46px}.events-shade{background:linear-gradient(#070e091a,#070e09ad)}.events-dateBadge{z-index:1;color:#203629;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:52px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 3px 12px #00000024}.events-dateBadge b{letter-spacing:.08em;font-size:9px}.events-dateBadge strong{font-size:21px;line-height:1.1}.events-liveBadge{z-index:1;color:#fff;background:#0d1610a6;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:14px}.events-liveBadge i{width:6px;height:6px}.events-coverTitle{z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;position:absolute;bottom:15px;left:16px;right:16px;overflow:hidden}.events-cardBody{padding:14px 15px 13px}.events-when{color:var(--accent-color,#52765d);margin:0 0 6px;font-size:11px;font-weight:750}.events-cardTitle{max-width:100%;color:var(--text-color);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;font-weight:750;display:block;overflow:hidden}.events-location,.events-host{color:var(--muted-color);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;overflow:hidden}.events-host{margin-top:4px;font-size:11px}.events-cardFooter{border-top:1px solid color-mix(in srgb, var(--muted-color) 13%, transparent);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:11px;display:flex}.events-counts{color:var(--muted-color);flex-wrap:wrap;gap:9px;margin:0;font-size:10px;display:flex}.events-counts b{color:var(--text-color)}.events-rsvp,.events-rsvpSelected,.events-going,.events-goingSelected{border:1px solid var(--accent-color);min-height:34px;color:var(--accent-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 12px;font-size:11px;font-weight:750}.events-rsvpSelected,.events-goingSelected{color:#fff;background:var(--accent-color)}.events-popularButton{border:1px solid color-mix(in srgb, var(--muted-color) 25%, transparent);min-height:34px;color:var(--text-color);background:var(--surface,#fff);cursor:pointer;border-radius:999px;padding:0 13px;font-size:11px;font-weight:700}.events-empty{border:1px dashed color-mix(in srgb, var(--muted-color) 28%, transparent);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:28px 20px;display:flex}.events-empty>span{color:var(--accent-color);font-size:28px}.events-empty h3{margin:10px 0 4px;font-size:17px}.events-empty p{max-width:340px;color:var(--muted-color);margin:0;font-size:13px;line-height:1.5}.events-empty button,.events-empty a{color:#fff;background:var(--accent-color);cursor:pointer;border:0;border-radius:999px;margin-top:15px;padding:9px 15px;font-size:12px;font-weight:700;text-decoration:none}.events-skeleton{background:linear-gradient(100deg, color-mix(in srgb, var(--muted-color) 8%, var(--surface)) 30%, color-mix(in srgb, var(--muted-color) 14%, var(--surface)) 50%, color-mix(in srgb, var(--muted-color) 8%, var(--surface)) 70%);background-size:200% 100%;border-radius:17px;height:310px;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}.events-signIn{color:var(--accent-color);font-size:13px;font-weight:700}.events-backdrop{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070d0994;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.events-sheet,.events-detailSheet{border:1px solid color-mix(in srgb, var(--muted-color) 18%, transparent);width:min(600px,100%);max-height:min(90dvh,850px);color:var(--text-color);background:var(--surface,#fff);border-radius:22px;position:relative;overflow:auto;box-shadow:0 18px 70px #0000003d}.events-sheet{padding:24px}.events-sheetHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.events-sheetHeader h2{letter-spacing:-.03em;margin:0;font-size:25px}.events-close,.events-detailClose{width:38px;height:38px;color:var(--text-color);background:color-mix(in srgb, var(--muted-color) 11%, var(--surface));cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:25px;display:grid}.events-form{gap:14px;display:grid}.events-field{color:var(--text-color);grid-template-columns:1fr auto;gap:7px 10px;font-size:12px;font-weight:700;display:grid}.events-field>span{color:var(--muted-color);font-size:10px;font-weight:500}.events-field input,.events-field textarea{border:1px solid color-mix(in srgb, var(--muted-color) 23%, transparent);width:100%;min-height:43px;color:var(--text-color);background:var(--surface,#fff);border-radius:10px;grid-column:1/-1;padding:10px 12px;font-size:13px}.events-field textarea{resize:vertical}.events-coverField{gap:9px;display:grid}.events-coverFieldHeading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.events-coverFieldHeading label{color:var(--text-color);font-size:12px;font-weight:700}.events-coverFieldHeading label span{color:var(--muted-color);margin-left:8px;font-size:10px;font-weight:500}.events-coverFieldHeading small{color:var(--muted-color);text-align:right;font-size:10px}.events-coverInput{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.events-coverInput:focus-visible+.events-coverPicker{outline:2px solid var(--accent-color);outline-offset:2px}.events-coverPicker{border:1px dashed color-mix(in srgb, var(--accent-color) 45%, var(--muted-color));min-height:48px;color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 5%, var(--surface));cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.events-coverPicker:hover{background:color-mix(in srgb, var(--accent-color) 9%, var(--surface))}.events-coverPicker>span:first-child{font-size:18px;line-height:1}.events-coverPreviewWrap{position:relative}.events-formError{color:#9d3030;background:#fff0f0;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.4}.events-coverInput:disabled+.events-coverPicker{opacity:.55;cursor:wait;pointer-events:none}.events-dateFields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.events-preview{object-fit:cover;border-radius:12px;width:100%;max-height:180px}.events-coverRemove{color:var(--muted-color);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:11px;text-decoration:underline}.events-publicNote{color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 8%, var(--surface));border-radius:11px;align-items:start;gap:10px;margin:0;padding:11px 12px;display:flex}.events-publicNote>span{font-size:16px}.events-publicNote b,.events-publicNote small{display:block}.events-publicNote b{font-size:12px}.events-publicNote small{color:var(--muted-color);margin-top:2px;font-size:10px}.events-formFooter{z-index:2;border-top:1px solid color-mix(in srgb, var(--muted-color) 15%, transparent);background:var(--surface,#fff);justify-content:space-between;align-items:center;gap:12px;margin:0 -24px -2px;padding:12px 24px 2px;display:flex;position:sticky;bottom:0}.events-formFooter>span{color:var(--muted-color);font-size:10px}.events-signInPrompt{color:var(--muted-color);padding:20px 0;font-size:14px}.events-signInPrompt a{color:var(--accent-color);font-weight:700}.events-detailSheet{width:min(680px,100%)}.events-detailClose{z-index:3;color:#fff;background:#00000073;position:absolute;top:13px;right:13px}.events-detailCover{background:linear-gradient(135deg,#859b7c,#223d2b);height:clamp(190px,38vw,310px);position:relative;overflow:hidden}.events-detailCover>img,.events-detailCover>.events-art,.events-detailCover>.events-shade{width:100%;height:100%;position:absolute;inset:0}.events-detailContent{padding:22px 25px 25px}.events-detailContent h2{margin:0 0 8px;font-size:27px;line-height:1.15}.events-detailMeta{color:var(--muted-color);margin:5px 0;font-size:13px}.events-hostLine{border-top:1px solid color-mix(in srgb, var(--muted-color) 15%, transparent);border-bottom:1px solid color-mix(in srgb, var(--muted-color) 15%, transparent);align-items:center;gap:10px;margin-top:18px;padding:12px 0;display:flex}.events-hostLine>img,.events-hostLine>span{object-fit:cover;border-radius:50%;width:40px;height:40px}.events-hostLine>span{color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 12%, var(--surface));place-items:center;font-weight:750;display:grid}.events-hostLine p{gap:2px;margin:0;display:grid}.events-hostLine small{color:var(--muted-color);font-size:10px}.events-hostLine strong{font-size:13px}.events-detailCounts{color:var(--muted-color);gap:18px;margin:15px 0;font-size:12px;display:flex}.events-detailCounts b{color:var(--text-color)}.events-about{border-top:1px solid color-mix(in srgb, var(--muted-color) 15%, transparent);padding:11px 0 4px}.events-about h3{margin:0 0 7px;font-size:15px}.events-about p{color:var(--text-color);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.events-detailActions{gap:9px;margin-top:18px;display:flex}.events-going,.events-goingSelected,.events-detailActions .events-rsvp,.events-detailActions .events-rsvpSelected{flex:1;min-height:42px;font-size:12px}.events-share{border:1px solid color-mix(in srgb, var(--muted-color) 25%, transparent);width:44px;color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;font-size:20px}@media (max-width:900px){.events-page{padding-left:18px;padding-right:18px}.events-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:1280px){.events-header{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.events-page{min-height:calc(100dvh - 64px);padding:20px 14px calc(72px + env(safe-area-inset-bottom))}.events-header{flex-direction:column;align-items:start;gap:17px;padding:0 0 20px}.events-back{margin-bottom:16px}.events-header h1{font-size:31px}.events-intro{max-width:300px;font-size:13px;line-height:1.45}.events-createButton{min-height:42px}.events-tabs{gap:24px}.events-tabs button{min-height:44px;font-size:13px}.events-search{margin-top:16px}.events-section{margin-top:26px}.events-sectionHeading h2{font-size:21px}.events-grid{grid-template-columns:minmax(0,1fr);gap:13px}.events-cover{aspect-ratio:16/8.5}.events-cardBody{padding:13px 13px 12px}.events-liveTrack .events-card{flex-basis:min(82vw,320px);width:min(82vw,320px)}.events-filterRail{margin-right:-14px;padding-right:14px}.events-backdrop{align-items:end;padding:0}.events-sheet,.events-detailSheet{border-radius:22px 22px 0 0;width:100%;max-height:92dvh}.events-sheet{padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.events-detailContent{padding:20px 18px calc(18px + env(safe-area-inset-bottom))}.events-detailCover{height:210px}.events-dateFields{grid-template-columns:1fr}.events-formFooter{margin:0 -18px calc(-18px - env(safe-area-inset-bottom));padding:12px 18px calc(12px + env(safe-area-inset-bottom));align-items:end}}@media (prefers-reduced-motion:reduce){.events-skeleton{animation:none}.events-createButton,.events-cover>img{transition:none}}
