.feed-body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 45% 0,rgba(160,42,255,.16),transparent 27%),#07070d}
.feed-page{width:min(100%,760px);min-height:100vh;margin:auto;padding:18px 16px 150px}
.feed-header{display:flex;align-items:center;justify-content:space-between}.feed-kicker{color:#ff4294;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.feed-header h1{margin-top:3px;font-size:35px}
.feed-header-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#15131e;color:white;font-size:28px;cursor:pointer}
.feed-stories{display:flex;gap:13px;margin:19px -16px 17px;padding:0 16px 6px;overflow-x:auto;scrollbar-width:none}.feed-story{position:relative;min-width:61px;border:0;background:transparent;color:#aaa5b5;cursor:pointer}.feed-story > span{width:57px;height:57px;margin:auto;border:2px solid #ff2d81;border-radius:50%;display:grid;place-items:center;background:#15131e;color:#ff2d81;font-size:27px;overflow:hidden;box-shadow:0 0 0 3px #08070d}.feed-story img{width:100%;height:100%;object-fit:cover}.feed-story small{display:block;margin-top:8px;font-size:10px}.feed-story i{position:absolute;top:43px;left:50%;padding:2px 5px;border-radius:999px;background:#ff2d81;color:white;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase;transform:translateX(-50%)}.add-story > span{border-style:dashed;border-color:#555064}
.feed-tabs{height:46px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:999px;display:flex;background:#12111a}.feed-tabs button{flex:1;border:0;border-radius:999px;background:transparent;color:#8f8a99;font-size:10px;font-weight:900;cursor:pointer}.feed-tabs button.active{background:linear-gradient(90deg,#a945df,#ff2d81);color:white}
.feed-quick-post{margin-top:13px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:20px;display:flex;align-items:center;gap:10px;background:#111019}.feed-quick-post > img{width:43px;height:43px;border:2px solid #ff2d81;border-radius:50%;object-fit:cover}.feed-quick-post > button{min-width:0;flex:1;border:0;background:transparent;color:#85808f;text-align:left;cursor:pointer}.feed-quick-post > a{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,45,129,.1)}.feed-quick-post > a img{width:34px;height:34px;object-fit:contain}
.feed-list{display:grid;gap:16px;margin-top:16px}.feed-post{border:1px solid rgba(255,255,255,.1);border-radius:27px;overflow:hidden;background:#111019;box-shadow:0 18px 45px rgba(0,0,0,.28)}.feed-post[hidden]{display:none}
.post-header{padding:14px 15px 9px;display:flex;align-items:center;gap:10px}.post-header > img,.venue-avatar{width:46px;height:46px;flex:0 0 46px;border:2px solid #ff2d81;border-radius:50%;object-fit:cover}.venue-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#ff7937,#ff2d81);font-size:13px;font-weight:900}.post-header > div{min-width:0;flex:1}.post-header h2{font-size:14px}.post-header h2 i{margin-left:4px;color:#23dae5;font-size:8px;font-style:normal;text-transform:uppercase}.post-header p{margin-top:3px;color:#7d7888;font-size:9px}.post-live-dot{padding:6px 8px;border-radius:999px;background:rgba(255,45,129,.12);color:#ff4d9d;font-size:8px;font-weight:900;text-transform:uppercase}.post-live-dot.orange{background:rgba(255,117,47,.12);color:#ff7b38}.post-live-dot.purple{color:#c760ff}.post-live-dot.cyan{color:#26dce7}.post-menu{border:0;background:transparent;color:#777282;font-size:15px;cursor:pointer}
.post-location{padding:0 16px 11px;color:#797483;font-size:9px}.post-location span{color:#e3dfe8;font-weight:800}
.post-gallery,.single-post-photo,.venue-hero{position:relative;overflow:hidden;background:#08070d}.post-gallery{aspect-ratio:4/3}.post-gallery-track{height:100%;display:flex;transition:transform .3s ease}.post-gallery-track img{width:100%;height:100%;flex:0 0 100%;object-fit:cover}.post-gallery-dots{position:absolute;left:50%;bottom:12px;display:flex;gap:5px;transform:translateX(-50%)}.post-gallery-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}.post-gallery-dots i.active{width:17px;border-radius:999px;background:#ff2d81}.gallery-nav{position:absolute;top:50%;width:34px;height:34px;border:0;border-radius:50%;background:rgba(7,6,12,.58);color:white;font-size:24px;transform:translateY(-50%);cursor:pointer}.gallery-nav.previous{left:10px}.gallery-nav.next{right:10px}.single-post-photo{aspect-ratio:4/3}.single-post-photo img{width:100%;height:100%;display:block;object-fit:cover}
.venue-hero{min-height:290px}.venue-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.venue-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,4,10,.96),transparent 70%)}.venue-hero > div{position:absolute;left:18px;right:18px;bottom:17px;z-index:2}.venue-hero span{color:#ff7532;font-size:8px;font-weight:900;text-transform:uppercase}.venue-hero h3{margin-top:5px;font-size:24px}.venue-hero p{margin-top:4px;color:#bbb6c5;font-size:10px}.venue-hero a{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:999px;background:linear-gradient(90deg,#a944df,#ff2d81);color:white;font-size:9px;font-weight:900;text-decoration:none}
.post-body{padding:14px 16px 8px}.post-body p{color:#c5c0ce;font-size:12px;line-height:1.55}.post-body strong{color:white}.post-vibes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.post-vibes span{padding:6px 8px;border-radius:999px;background:#1a1722;color:#9d97a8;font-size:8px;font-weight:800;text-transform:uppercase}
.post-actions{padding:8px 13px 13px;display:flex;gap:8px}.post-actions button{height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;display:flex;align-items:center;gap:6px;background:#17151f;color:#a29dac;cursor:pointer}.post-actions button span{font-size:18px}.post-actions button b{font-size:9px}.post-actions .post-share{margin-left:auto}.post-react.active{border-color:#ff2d81!important;color:#ff4b9b!important}.post-save.active{border-color:#bb4dff!important;color:#ce72ff!important}
.post-comments{display:grid;gap:6px;padding:0 16px 14px}.post-comments:empty{display:none}.inline-comment{padding:8px 10px;border-radius:12px;background:#181620;color:#aaa5b4;font-size:10px}.inline-comment strong{color:white}
.feed-empty{margin:45px 0;color:#888393;text-align:center}.feed-empty[hidden]{display:none}
.feed-modal-backdrop,.comment-sheet-backdrop{position:fixed;inset:0;z-index:2000000;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(4,3,9,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.2s}.feed-modal-backdrop.open,.comment-sheet-backdrop.open{opacity:1;visibility:visible}.feed-modal,.comment-sheet{position:relative;width:min(100%,480px);padding:27px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#15131e}.feed-modal > span{color:#ff3e92;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.feed-modal h2,.comment-sheet h2{margin-top:5px;font-size:25px}.feed-modal textarea{width:100%;min-height:130px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:17px;outline:0;background:#0c0b12;color:white;font:inherit;resize:vertical}.feed-modal-close,.comment-sheet-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#25222f;color:#aaa5b4;font-size:25px;cursor:pointer}.compose-options{display:flex;gap:7px;margin-top:10px;overflow-x:auto}.compose-options button{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#111019;color:#9691a1;font-size:9px;white-space:nowrap}.feed-publish{width:100%;height:46px;margin-top:15px;border:0;border-radius:999px;background:linear-gradient(90deg,#aa44df,#ff2d81);color:white;font-weight:900;cursor:pointer}
.comment-sheet{align-self:flex-end;max-height:76vh}.comment-sheet-history{display:grid;gap:8px;max-height:330px;margin-top:18px;overflow-y:auto}.sheet-comment{padding:10px 12px;border-radius:15px;background:#0e0d14;color:#aaa5b5;font-size:11px}.sheet-comment strong{color:white}.comment-compose{display:flex;gap:8px;margin-top:14px}.comment-compose input{min-width:0;flex:1;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;outline:0;background:#0c0b12;color:white}.comment-compose button{padding:0 15px;border:0;border-radius:999px;background:#ff2d81;color:white;font-weight:900;cursor:pointer}
.feed-toast{position:fixed;left:50%;bottom:120px;z-index:3000000;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,#ff7533,#ff2d81);color:white;font-size:11px;font-weight:900;opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.2s}.feed-toast.open{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){
    .feed-body{min-height:100dvh}
    .feed-page{min-height:100dvh;padding:calc(var(--safe-top) + 14px) 10px calc(var(--safe-bottom) + 112px)}
    .feed-header{padding:0 3px}
    .feed-header h1{font-size:32px}
    .feed-header-button{width:42px;height:42px}
    .feed-stories{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
    .feed-tabs{height:44px}
    .feed-quick-post{border-radius:18px}
    .feed-list{gap:13px}
    .feed-post{border-radius:23px}
    .post-gallery,.single-post-photo{aspect-ratio:1/1}
    .feed-tabs button{font-size:9px}
    .post-header{padding-left:12px;padding-right:10px}
    .post-header > img,.venue-avatar{width:42px;height:42px;flex-basis:42px}
    .post-actions{gap:5px;padding-left:10px;padding-right:10px}
    .post-actions button{height:37px;padding:0 9px}
    .feed-modal-backdrop,.comment-sheet-backdrop{padding:calc(var(--safe-top) + 10px) 10px calc(var(--safe-bottom) + 8px)}
    .feed-modal,.comment-sheet{width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 18px);padding:23px 18px;overflow-y:auto}
    .comment-sheet{border-radius:27px 27px 18px 18px}
}