/* Noktura: real people, actual events, no decorative event artwork. */
:root{--pad:clamp(18px,4.3vw,72px)}
body{font-size:14px}.brand .logo-mark{width:40px;height:40px}.brand-word{display:none}#header{min-height:78px}#header nav{gap:38px}#header nav a{font-size:14px;padding:27px 0}.header-account{padding:7px 12px;gap:9px;min-height:40px}.account-avatar{width:24px;height:24px;display:grid;place-items:center;background:var(--ink);color:var(--bg);border-radius:50%;font-size:9px;letter-spacing:0}.account-name{font-size:11px}.hero-eyebrow{align-items:center}.hero-eyebrow button{font-size:10px;display:flex;align-items:center;gap:8px}.hero-eyebrow button .icon{width:14px;height:14px}.seq-cell{min-height:230px}.seq-logo{width:110px!important;animation:none!important;transform:rotate(0);animation-play-state:running!important}.seq-label{font-size:36px}.seq-cell:hover .seq-logo{transform:none}.seq-cell:hover{background:var(--ink);color:var(--bg)}
@keyframes logo-hover-spin{to{transform:rotate(360deg)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.seq-cell:hover .seq-logo{animation:logo-hover-spin 6s linear infinite!important;animation-play-state:running!important}}
.app-page-head{padding:38px var(--pad) 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.app-page-head h1{font-size:38px;font-weight:500;letter-spacing:-.05em}.app-page-head p{font-size:13px;margin-top:12px}.app-page-head .btn{min-height:42px;padding:12px 18px;font-weight:400;font-size:12px;gap:12px}.event-browser{padding-top:28px}.event-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(120px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr);gap:14px;align-items:end}.event-filters .search-box{min-width:0;max-width:none;height:44px;border:1px solid var(--line);padding:0 14px;background:var(--bg);font-size:12px}.filter-label{display:flex;flex-direction:column;font-size:10px;gap:7px;color:var(--muted)}.filter-label select,.filter-label input{height:44px;border:1px solid var(--line);background:var(--bg);padding:0 10px;font-size:12px;min-width:0;width:100%;color:var(--ink)}.events-filter-footer{display:flex;gap:15px;justify-content:space-between;margin:22px 0;align-items:center}.events-filter-footer .text-link{font-size:11px;white-space:nowrap}.chip{font-size:11px;min-height:34px;padding:7px 14px}.event-browser #result-count{font-size:11px;margin:0 0 18px}.events-list{border-top:1px solid var(--ink)}.event-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:26px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.event-date{width:68px;display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);padding:10px 0;gap:2px;align-self:start;background:var(--panel)}.event-date strong{font-size:29px;letter-spacing:-.05em;font-weight:500;line-height:1}.event-date span{font-size:10px;text-transform:uppercase;font-weight:600}.event-date small{font-size:9px;text-transform:none;font-weight:400;letter-spacing:0;color:var(--muted)}.event-category{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}.event-row h3{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.12}.event-row h3 button{padding:0;text-align:left}.event-row h3 button:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.event-row-info p{font-size:12px;margin-top:9px;color:var(--ink)}.event-row-info p span{color:var(--muted)}.event-time{display:block;font-size:11px;color:var(--muted);margin-top:8px}.event-row-actions{display:flex;gap:9px}.event-row-actions .saved{background:var(--ink);color:var(--bg)}.event-date-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;border:1px solid var(--line);background:var(--panel);gap:10px}.event-date-panel>strong{font-size:130px;line-height:1;font-weight:500;letter-spacing:-.08em}.event-date-panel>span{font-size:15px}.event-date-panel>small{font-size:12px;font-weight:400;margin-top:15px}.source-intro{max-width:760px;display:grid;gap:12px;margin-bottom:30px}.source-intro p{font-size:13px;line-height:1.6}
.home-social{padding:35px var(--pad) 45px}.home-social>.section-head h2{font-size:30px}.home-social>.section-head{border-bottom:0!important;padding-bottom:0!important}.social-workspace{padding:28px var(--pad) 45px}.social-app-grid{display:grid;grid-template-columns:170px minmax(0,1fr) 290px;gap:28px;align-items:start;max-width:1400px;margin:0 auto}.social-sidebar{padding-top:4px}.profile-summary{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:0 10px 24px}.profile-avatar{width:48px;height:48px;font-size:16px}.avatar{border-radius:50%;flex:none}.profile-summary>strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.profile-summary>small{font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.profile-summary .text-link{font-size:10px;gap:12px;margin-top:4px}.profile-summary .text-link .icon{width:13px;height:13px}.social-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:18px}.social-sidebar nav a{display:flex;align-items:center;gap:14px;min-height:42px;padding:10px;font-size:12px;border-radius:4px}.social-sidebar nav a.active{background:var(--soft);font-weight:600}.social-sidebar nav a:hover{background:var(--panel)}.social-sidebar .icon{width:18px;height:18px}.feed-column{min-width:0}.social-stories{border:1px solid var(--line);padding:18px 20px 10px;border-radius:6px}.minor-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.minor-heading h2{font-size:14px;letter-spacing:-.02em;font-weight:600}.minor-heading a{font-size:10px;white-space:nowrap;color:var(--muted)}.social-stories .story-rail{padding:20px 3px 8px;gap:18px;min-height:112px}.story-add,.story-person{width:62px;gap:8px}.story-add>span,.story-person>span{width:54px;height:54px;position:relative;font-size:14px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.story-add>span>i{position:absolute;width:19px;height:19px;display:grid;place-items:center;bottom:-2px;right:-2px;background:var(--ink);color:var(--bg);border:2px solid var(--bg);border-radius:50%;font-size:13px;font-style:normal}.story-add>span>.icon{width:18px}.story-add>span:has(>.icon)>i{display:none}.story-person>span{border-color:var(--ink)}.story-add strong,.story-person strong{font-size:9px}.stories-caption{font-size:11px;line-height:1.7;color:var(--muted);padding-left:8px;min-width:150px}.social-composer{border:1px solid var(--line);border-radius:6px;padding:18px 20px;margin-top:18px}.composer-main{display:flex;align-items:flex-start;gap:13px}.composer-main .avatar{width:38px;height:38px;font-size:11px}.composer-main textarea{border:0;background:transparent;resize:vertical;min-height:62px;max-height:280px;flex:1;min-width:0;padding:10px 0;font-size:13px;line-height:1.6}.composer-main textarea:focus-visible{outline:0}.social-composer:focus-within{border-color:var(--ink)}.composer-bottom{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.photo-picker{display:flex;align-items:center;gap:7px;position:relative;overflow:hidden;font-size:11px;cursor:pointer;padding:8px 0}.photo-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-picker:focus-within{outline:2px solid var(--ink);outline-offset:4px}.photo-picker .icon{width:17px;height:17px}.composer-audience{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.composer-audience .icon{width:13px;height:13px}.composer-bottom .btn{margin-left:auto;min-height:35px;padding:8px 15px;font-size:11px;gap:15px}.composer-bottom .btn .icon{width:14px;height:14px}.social-composer .form-error:empty{display:none}#post-preview img{max-height:260px;width:auto;margin:10px auto;object-fit:contain;border:1px solid var(--line)}.join-composer{display:flex;align-items:center;gap:14px}.join-composer .avatar{width:36px;height:36px}.composer-prompt{flex:1;text-align:left;font-size:13px;color:var(--muted)}.join-composer .btn{min-height:36px;padding:8px 15px;font-size:11px}.feed-tabs{display:flex;align-items:center;gap:24px;margin-top:22px;border-bottom:1px solid var(--line)}.feed-tabs button{padding:13px 0;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.feed-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.feed-tabs>span{margin-left:auto;font-size:9px;color:var(--muted)}.feed-post{border:1px solid var(--line);border-radius:6px;margin-top:18px;overflow:hidden}.feed-post-header{min-height:0!important;padding:17px 20px!important;border:0;display:flex;justify-content:flex-start;gap:12px;background:none;max-width:none;margin:0}.feed-post-header .avatar{width:36px;height:36px;font-size:11px}.feed-post-header strong{font-size:12px;font-weight:600}.feed-post-header small{display:block;font-size:9px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted);margin-top:4px}.post-delete{margin-left:auto;width:30px;height:30px;display:grid;place-items:center}.post-delete .icon{width:14px;height:14px}.post-text{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);padding:0 20px 20px}.feed-post-photo{width:100%;height:auto;max-height:650px;object-fit:contain;background:var(--panel)}.feed-post-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:8px 12px}.feed-post-actions button{font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;flex:1}.feed-post-actions button .icon{width:17px;height:17px}.feed-post-actions button[aria-pressed=true] .icon{fill:var(--ink)}.feed-post-actions button:hover{background:var(--panel)}.feed-empty{padding:38px 24px;text-align:center;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}.feed-empty-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.feed-empty h3{font-size:18px;font-weight:500;letter-spacing:-.025em}.feed-empty p{font-size:12px;margin:10px 0 20px;line-height:1.6}.feed-empty .actions{justify-content:center;gap:10px}.feed-empty .btn{font-size:11px;padding:9px 15px;min-height:37px;gap:12px}.feed-loading{font-size:12px;color:var(--muted);padding:25px}.social-right{min-width:0}.upcoming-side,.people-suggestions{border:1px solid var(--line);border-radius:6px;padding:20px}.people-suggestions{margin-top:18px}.upcoming-side .minor-heading{margin-bottom:10px}.upcoming-mini{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:17px 0;border-bottom:1px solid var(--line)}.upcoming-mini>.icon{width:13px;height:13px;flex:none}.mini-date{width:37px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0;flex:none;background:var(--panel)}.mini-date strong{font-size:18px;line-height:1.1;font-weight:500;letter-spacing:-.04em}.mini-date small{font-size:8px;letter-spacing:0;font-weight:400}.upcoming-mini>span:nth-child(2){flex:1;min-width:0}.upcoming-mini>span:nth-child(2)>strong{display:block;font-size:12px;line-height:1.35;font-weight:500}.upcoming-mini>span:nth-child(2)>small{display:block;font-size:9px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted);line-height:1.4;margin-top:5px}.upcoming-mini:hover>span:nth-child(2)>strong{text-decoration:underline}.side-map-link{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px;font-size:10px}.side-map-link .icon{width:16px;height:16px}.compact-empty{font-size:11px;line-height:1.6;margin:18px 0 12px}.people-suggestions .text-link{font-size:10px}.suggested-person{display:flex;align-items:center;gap:10px;margin-top:20px}.suggested-person .avatar{width:31px;height:31px;font-size:10px}.suggested-person>div{flex:1;min-width:0}.suggested-person strong{font-size:11px;overflow-wrap:anywhere}.suggested-person small{display:block;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.suggested-person .icon-btn{width:30px;height:30px}.suggested-person .icon{width:15px}.home-social .map-teaser{margin-top:30px}
.people-browser{padding-top:26px}.people-toolbar{display:flex;gap:28px;align-items:center;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:24px}.people-toolbar .search-box{max-width:500px;flex:1;min-width:200px;background:var(--panel);padding:0 16px;border:1px solid var(--line);height:44px}.people-toolbar .search-box input{font-size:12px}.people-tabs{display:flex;gap:20px}.people-tabs button{font-size:12px;padding:12px 0;border-bottom:2px solid transparent;color:var(--muted)}.people-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.person-card{border:1px solid var(--line);border-radius:6px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;padding:22px}.person-card>.avatar{width:48px;height:48px;font-size:15px}.person-card-info{flex:1;min-width:0}.person-card-info strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.person-card-info>span,.person-card-info>small{display:block;font-size:11px;text-transform:none;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.person-card-actions{width:100%;display:flex;gap:10px;margin-top:8px}.person-card-actions .btn{flex:1;font-size:11px;min-height:37px;padding:10px}.person-card-actions .icon-btn{width:38px;height:38px}.people-empty{grid-column:1/-1;padding:60px 25px;text-align:center;border:1px solid var(--line);border-radius:6px}.people-empty>.icon{width:28px;height:28px;margin-bottom:20px}.people-empty h2{font-size:24px;font-weight:500}.people-empty p{font-size:13px;margin:14px 0 25px}.people-empty .btn{font-size:12px;min-height:40px;padding:12px 18px}#new-chat-people .person-card{margin-top:15px;padding:15px}.map-teaser h2{font-size:50px}.map-teaser .mini-map{min-height:330px}.messages-layout{height:calc(100dvh - 78px)}footer .brand .logo-mark{width:30px;height:30px}footer .links{margin-left:auto}.story-dialog .story-content h2{font-weight:500}
@media(min-width:1600px){.social-app-grid{grid-template-columns:190px minmax(0,1fr) 310px;gap:36px}}
@media(max-width:1150px){.social-app-grid{grid-template-columns:minmax(0,1fr) 280px}.social-sidebar{display:none}.event-filters{grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(140px,1fr)}.event-filters .filter-label:nth-last-child(-n+2){grid-row:2}.event-filters .filter-label:nth-last-child(2){grid-column:2}.event-filters .filter-label:last-child{grid-column:3}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.social-app-grid{grid-template-columns:1fr}.social-right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.people-suggestions{margin-top:0}.feed-column{width:100%;max-width:650px;margin:0 auto}.social-right{max-width:650px;width:100%;margin:0 auto}.home-social{padding-left:20px;padding-right:20px}.social-workspace{padding:20px}.event-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.event-filters .search-box{grid-column:1/-1}.event-filters .filter-label:nth-last-child(-n+2){grid-row:auto;grid-column:auto}}
@media(max-width:760px){#header{min-height:68px;padding:0 18px}.brand .logo-mark{display:block!important;width:34px;height:34px}.header-tools{gap:8px}.header-account{padding:6px 8px;max-width:130px}.account-name{font-size:10px}.account-avatar{width:23px;height:23px}.header-tools .icon-btn{width:36px;height:36px}.hero-index{padding:20px 18px 0}.hero-eyebrow{font-size:9px;letter-spacing:.06em}.hero-eyebrow button{font-size:9px}.seq{margin-top:18px}.seq-cell{min-height:156px;padding:16px 12px 14px}.seq-logo{width:56px!important}.seq-label{font-size:23px}.seq-label>span{font-size:15px}.home-social{padding-top:26px;padding-bottom:24px}.home-social>.section-head h2{font-size:26px}.home-social>.section-head .text-link{font-size:10px}.app-page-head{padding:26px 18px 24px;gap:12px}.app-page-head h1{font-size:30px}.app-page-head p{font-size:11px;margin-top:8px;line-height:1.6}.app-page-head .btn{font-size:10px;min-height:38px;padding:10px 12px;gap:8px}.app-page-head .btn .icon{width:15px;height:15px}.section.event-browser{padding:22px 18px 35px}.event-filters{gap:12px}.event-filters .search-box{min-width:0;font-size:12px}.events-filter-footer{align-items:flex-start;flex-direction:column;margin:20px 0}.events-filter-footer .chips{flex-wrap:wrap;gap:6px}.events-filter-footer .text-link{align-self:flex-end;font-size:10px}.chip{font-size:10px;padding:7px 10px;min-height:33px}.event-row{grid-template-columns:49px minmax(0,1fr) 32px;gap:13px;padding:22px 0}.event-date{width:49px;padding:8px 0}.event-date strong{font-size:24px}.event-date span{font-size:9px}.event-date small{font-size:8px}.event-category{font-size:9px;margin-bottom:7px}.event-row h3{font-size:18px;line-height:1.2}.event-row-info p{font-size:11px;line-height:1.6;margin-top:7px}.event-row-info p span{display:block}.event-time{font-size:10px;line-height:1.5}.event-row-actions{flex-direction:column;align-self:start}.event-row-actions .icon-btn{width:32px;height:32px}.event-row-actions .icon{width:16px;height:16px}.event-date-panel{min-height:220px;gap:8px}.event-date-panel>strong{font-size:95px}.event-date-panel>span{font-size:13px}.event-date-panel>small{margin-top:5px;font-size:11px}.social-workspace{padding:18px 12px 30px}.social-app-grid{gap:20px}.home-social .social-app-grid{margin:0 -6px}.social-stories{padding:16px 15px 7px}.minor-heading h2{font-size:13px}.minor-heading a{font-size:9px}.social-stories .story-rail{gap:15px;min-height:108px}.stories-caption{font-size:10px;min-width:150px}.social-composer{padding:15px;margin-top:14px}.composer-main{gap:10px}.composer-main textarea{font-size:12px;min-height:60px}.composer-main .avatar{width:33px;height:33px;font-size:10px}.composer-audience{font-size:9px}.composer-bottom{gap:13px}.composer-bottom .btn{font-size:10px;padding:8px 13px;min-height:34px}.photo-picker{font-size:10px}.feed-tabs{margin-top:18px;gap:22px}.feed-tabs button{font-size:11px}.feed-tabs>span{font-size:9px}.feed-post{margin-top:14px}.feed-post-header{padding:15px!important;gap:10px}.feed-post-header strong{font-size:12px}.post-text{padding:0 15px 18px;font-size:13px}.feed-post-actions{padding:6px}.feed-post-actions button{font-size:10px;gap:5px}.feed-post-actions button .icon{width:16px;height:16px}.feed-empty{padding:30px 18px}.feed-empty h3{font-size:17px}.feed-empty p{font-size:11px}.feed-empty .btn{font-size:10px;padding:9px 13px}.social-right{grid-template-columns:1fr}.people-suggestions{display:none}.upcoming-side{padding:18px}.upcoming-mini{padding:15px 0}.upcoming-mini>span:nth-child(2)>strong{font-size:12px}.upcoming-mini>span:nth-child(2)>small{font-size:10px}.join-composer{gap:8px}.composer-prompt{font-size:11px}.people-browser{padding:20px 18px 35px}.people-toolbar{flex-direction:column;gap:15px;align-items:stretch;padding-bottom:15px}.people-toolbar .search-box{flex:none;min-width:0;max-width:none}.people-tabs{gap:24px}.people-tabs button{font-size:11px;padding:8px 0}.people-grid{grid-template-columns:1fr;gap:14px}.person-card{padding:18px;gap:12px}.person-card>.avatar{width:42px;height:42px;font-size:13px}.person-card-info strong{font-size:14px}.person-card-actions{margin-top:4px}.people-empty{padding:42px 20px}.people-empty h2{font-size:22px}.people-empty p{font-size:12px}.map-teaser h2{font-size:40px}.map-teaser-copy{padding:25px}.messages-layout{height:calc(100dvh - 132px - env(safe-area-inset-bottom))}footer .links{width:auto;flex:1;justify-content:flex-end;font-size:10px;gap:16px}footer .brand{margin-right:10px}}
@media(max-width:370px){.seq-label{font-size:20px}.seq-label>span{font-size:13px}.seq-cell{padding:14px 9px;min-height:145px}.seq-logo{width:51px!important}.header-account .account-name{display:none}.composer-audience{display:none}.feed-tabs{gap:18px}.event-row{gap:10px}.event-row h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.seq-logo,.seq-cell:hover .seq-logo{animation:none!important;transform:none!important}}

/* Event action buttons: always show their text (iOS Safari otherwise applies native button styling) */
button{-webkit-appearance:none;appearance:none;-webkit-text-fill-color:currentColor}
.row-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;flex:none}
.row-btn .icon{width:15px;height:15px;flex:none}
.row-btn:hover{background:var(--ink);color:var(--bg)}
.event-row-actions .row-btn.saved,.detail-tools button.saved{background:var(--ink);color:var(--bg)}
.detail-tools button{color:var(--ink);padding:0 12px;border:1px solid var(--line)}
@media(max-width:760px){.event-row{grid-template-columns:49px minmax(0,1fr)}.event-row-actions{grid-column:2;flex-direction:row;align-self:auto;gap:8px}.event-row-actions .row-btn{min-height:36px;padding:0 12px;font-size:12px}}