.socialPage{box-sizing:border-box;width:min(100%,1240px);min-height:100svh;padding:0 var(--page-gutter) 96px;color:var(--ink);margin:0 auto;overflow-x:clip}.socialTitle{font-family:var(--font-display,var(--serif));text-wrap:balance;margin:26px 0 18px;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.socialLayout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.socialControlRail{gap:12px;min-width:0;display:grid}.socialSwitcher,.socialLaneNav{border:1px solid var(--line);background:var(--panel-raised);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;display:grid;overflow:hidden}.socialSwitcher a,.socialLaneNav a{min-width:0;min-height:44px;color:var(--ink-soft);text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:7px 10px;font-weight:750;line-height:1.1;text-decoration:none;display:inline-flex}.socialSwitcher a+a,.socialLaneNav a+a{border-left:1px solid var(--line)}.socialSwitcher a[aria-current=page],.socialLaneNav a[aria-current=page]{background:color-mix(in srgb, var(--brass) 14%, var(--panel-raised));color:var(--ink)}.socialSwitcher a:hover,.socialLaneNav a:hover{background:color-mix(in srgb, var(--brass) 9%, var(--panel-raised));color:var(--ink)}.socialSwitcher a:focus-visible,.socialLaneNav a:focus-visible,.socialAreaField select:focus-visible,.socialButton:focus-visible,.socialPostPlace a:focus-visible{outline:3px solid var(--river);outline-offset:-3px}.socialAreaField{color:var(--ink-soft);gap:6px;font-size:.8125rem;font-weight:750;display:grid}.socialAreaField select{box-sizing:border-box;border:1px solid var(--line);background-color:var(--panel-raised);width:100%;min-height:44px;color:var(--ink);font:inherit;touch-action:manipulation;border-radius:12px;padding:8px 36px 8px 12px;font-size:1rem}.socialBoundary,.socialFeed,.socialFeedError,.socialFeedEmpty{box-sizing:border-box;min-width:0}.socialBoundary,.socialFeedError,.socialFeedEmpty{border:1px solid var(--line);background:var(--panel-raised);text-align:center;border-radius:20px;place-content:center;justify-items:center;gap:18px;min-height:260px;padding:28px;display:grid}.socialBoundary h2,.socialFeedError h2,.socialFeedEmpty h2{font-family:var(--font-display,var(--serif));text-wrap:balance;margin:0;font-size:1.25rem}.socialFeed{min-height:360px}.socialPostList{gap:14px;display:grid}.socialPostCard{border:1px solid var(--line);background:var(--panel-raised);min-width:0;box-shadow:0 10px 28px color-mix(in srgb, var(--ink) 7%, transparent);overflow-wrap:anywhere;border-radius:18px;padding:18px}.socialPostMeta,.socialPostPlace,.socialPostTags{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.socialPostMeta{color:var(--ink-soft);justify-content:space-between;font-size:.8125rem}.socialPostMeta strong{color:var(--ink)}.socialPostBody{white-space:pre-wrap;margin:14px 0;line-height:1.55}.socialPostPhoto{margin:14px 0}.socialPostPhoto img{object-fit:cover;border-radius:14px;width:100%;max-height:560px;display:block}.socialPostPhoto figcaption,.socialPostEdited{color:var(--ink-soft);margin:8px 0 0;font-size:.8125rem}.socialPostKind{background:color-mix(in srgb, var(--river) 12%, var(--panel-raised));width:fit-content;color:var(--river);border-radius:999px;margin:12px 0 0;padding:4px 8px;font-size:.75rem;font-weight:800}.socialPostPlace,.socialPostTags{color:var(--ink-soft);margin:12px 0 0;font-size:.8125rem}.socialPostPlace a{min-height:44px;color:var(--river);align-items:center;font-weight:750;display:inline-flex}.socialPostTags span{color:var(--river)}.socialButton{border:1px solid color-mix(in srgb, var(--brass) 54%, var(--line));background:var(--brass);min-width:44px;min-height:44px;color:var(--color-on-accent);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:9px 18px;font-weight:800}.socialButton:hover{background:var(--brass-bright)}.socialButton:disabled{cursor:progress;opacity:.72}.socialComposerBackdrop{z-index:1000;overscroll-behavior:contain;background:#0000008a;place-items:end center;display:grid;position:fixed;inset:0}.socialComposer{--social-control-border:color-mix(in srgb, var(--ink-soft) 60%, var(--panel-raised));box-sizing:border-box;width:min(100%,680px);max-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left));background:var(--panel-raised);overscroll-behavior:contain;border-radius:20px 20px 0 0;overflow:auto}.socialComposer header{z-index:2;background:var(--panel-raised);grid-template-columns:72px 1fr 72px;align-items:center;display:grid;position:sticky;top:0}.socialComposer h2{text-align:center;margin:0;font-size:1.1rem}.socialComposer button{min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;font-weight:800}.socialComposer header button{color:var(--river);background:0 0;border:0}.socialComposer header button:disabled{color:color-mix(in srgb, var(--ink-soft) 82%, var(--panel-raised));cursor:not-allowed;opacity:1}.socialComposer label{color:var(--ink-soft);gap:6px;margin-top:12px;font-size:.8125rem;font-weight:750;display:grid}.socialComposer textarea,.socialComposer input,.socialComposer select{box-sizing:border-box;border:1px solid var(--social-control-border);background:var(--panel-raised);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:9px 12px;font-size:1rem;line-height:1.25}.socialComposer .socialComposerBody textarea{resize:none;min-height:160px;margin:0;padding:12px}.socialComposer label>select{padding-right:40px}.socialComposer :is(textarea,input,select):focus-visible{border-color:var(--river);outline:2px solid var(--river);outline-offset:0}.socialComposer button:focus-visible,.socialComposerFeedback:focus-visible{outline:2px solid var(--river);outline-offset:2px}.socialComposerFeedback{border:1px solid color-mix(in srgb, var(--brick) 68%, var(--line));background:color-mix(in srgb, var(--brick) 9%, var(--panel-raised));border-radius:14px;gap:8px;margin-top:10px;padding:10px 12px;scroll-margin-top:64px;display:grid}.socialComposerFeedback p{margin:0}.socialComposerFeedback button{border:1px solid var(--line);background:var(--panel-raised);width:fit-content;min-width:120px;color:var(--ink);padding:8px 14px}.socialClearDraft{width:fit-content;color:var(--river);background:0 0;border:1px solid #0000;margin-top:8px;padding:8px 12px}.socialVenueResults{border:1px solid var(--line);background:var(--panel-raised);border-radius:12px;margin:4px 0 0;padding:4px;list-style:none}.socialVenueResults button{background:var(--panel-raised);width:100%;color:var(--ink);text-align:left;border:0;padding:8px 10px}.socialVenueResults button[aria-selected=true],.socialVenueResults button:hover{background:color-mix(in srgb, var(--river) 10%, var(--panel-raised))}.socialTagInbox,.socialOutbox{border:1px solid var(--line);border-radius:14px;padding:12px}.socialTagInbox h2,.socialOutbox h2{margin:0 0 8px;font-size:1rem}.socialTagInbox div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.socialTagInbox button,.socialTagMore{border-radius:10px;min-height:44px}.socialTagLane,.socialTagItem{gap:8px;display:grid}.socialTagLane+.socialTagLane{margin-top:14px}.socialTagItem+.socialTagItem{border-top:1px solid var(--line);padding-top:12px}.socialTagItem figure,.socialTagItem p{margin:0}.socialTagItem img{object-fit:cover;border-radius:10px;width:100%;max-height:220px;display:block}.socialTagMore,.socialTagRetry{border:1px solid var(--line);width:100%;color:var(--ink);background:0 0}.socialOutboxMore{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:0 0;border-radius:10px;margin-top:10px}.socialOutbox ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.socialOutboxItem{gap:4px;min-width:0;display:grid}.socialOutboxItem p{overflow-wrap:anywhere;margin:0}.socialEditButton,.socialRemovePhoto{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:12px;margin-top:8px;padding:8px 12px}.socialComposer .socialPhotoPicker{border:1px solid var(--social-control-border);background:color-mix(in srgb, var(--river) 11%, var(--panel-raised));min-height:44px;color:color-mix(in srgb, var(--river) 85%, var(--ink));cursor:pointer;border-radius:12px;grid-auto-columns:max-content;grid-auto-flow:column;place-content:center;align-items:center;padding:0 14px;position:relative}.socialPhotoCue{font-size:1.1rem;line-height:1}.socialPhotoPicker:active{background:color-mix(in srgb, var(--river) 17%, var(--panel-raised))}.socialPhotoPicker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;min-height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.socialPhotoPicker:focus-within{border-color:var(--river);outline:2px solid var(--river);outline-offset:0}.socialComposerPhotoPreview{margin:10px 0 0}.socialComposerPhotoPreview img{object-fit:cover;border-radius:14px;width:100%;max-height:260px;display:block}.socialSelectedVenue{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:12px;padding:0 4px 0 12px;display:flex}.socialSelectedVenue span{overflow-wrap:anywhere;min-width:0}.socialSelectedVenue button{color:var(--river);background:0 0;border:0;flex:none}.socialComposerConcurrent{background:color-mix(in srgb, var(--brass) 12%, var(--panel-raised));border-radius:12px;margin:12px 0 0;padding:10px 12px}@media (min-width:700px){.socialComposerBackdrop{place-items:center}.socialComposer{border-radius:20px}}.socialLoadMore{justify-content:center;align-items:center;width:min(100%,220px);margin:18px auto 0;display:flex}.socialSkeletons{gap:14px;display:grid}.socialSkeletons span{background:color-mix(in srgb, var(--ink) 8%, var(--panel-raised));border-radius:18px;height:150px;animation:1.1s ease-in-out infinite alternate social-skeleton;display:block}.socialContextRail{display:none}.socialContextRail h2{font-family:var(--font-display,var(--serif));text-wrap:balance;margin:0;font-size:1.25rem}.socialContextRail p{color:var(--ink-soft);margin:14px 0 0}.socialContextRail ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.socialContextRail li{color:var(--ink-soft);grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.socialContextRail li span{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-weight:750}.socialContextRail time{font-size:.8125rem}.socialDiscoverBody{min-width:0}.discoverPage.discoverPageEmbedded{max-width:none;margin:0;padding:0}@keyframes social-skeleton{0%{opacity:.56}to{opacity:1}}@media (min-width:1024px){.socialLayout{grid-template-columns:minmax(220px,240px) minmax(0,620px) minmax(260px,300px);justify-content:center;gap:24px}.socialControlRail,.socialContextRail{position:sticky;top:20px}.socialContextRail{border:1px solid var(--line);background:var(--panel-raised);border-radius:18px;padding:18px;display:block}.socialDiscoverBody{grid-column:2/4}.socialLaneNav{grid-auto-flow:row}.socialLaneNav a+a{border-top:1px solid var(--line);border-left:0}}@media (max-width:640px){html:has(.socialPage){scroll-padding-bottom:calc(var(--mobile-tab-clearance,72px) + 16px + env(safe-area-inset-bottom,0px))}.socialPage{padding-inline:var(--page-gutter);padding-bottom:calc(var(--mobile-tab-clearance,72px) + 48px + env(safe-area-inset-bottom,0px))}.socialTitle{margin:18px 0 14px;font-size:2rem}.socialLayout{gap:14px}.socialSwitcher a,.socialLaneNav a{padding-inline:6px;font-size:.875rem}.socialBoundary{min-height:300px}.socialComposer .socialComposerBody textarea{min-height:96px}.socialDiscoverBody :is(a,button,input,select,textarea,[tabindex]):not([tabindex="-1"]){scroll-margin-bottom:calc(var(--mobile-tab-clearance,72px) + 16px + env(safe-area-inset-bottom,0px))}}@media (max-width:360px){.socialComposerBackdrop{place-items:stretch stretch}.socialComposer{border-radius:0;width:100%;height:100svh;max-height:100svh}}@media (prefers-reduced-motion:reduce){.socialSkeletons span{animation:none}.socialSwitcher a,.socialLaneNav a,.socialButton{transition:none}}
