:root{--bg:#050507;--panel:#0b0b0f;--card:#111118;--card2:#171720;--line:rgba(255,255,255,.08);--text:#f7f7f8;--muted:#a1a1aa;--soft:#d4d4d8;--accent:#f7babb;--accent2:#ffd6de;--danger:#ff6b6b;--ok:#65d6ad;--r:24px;--r2:16px;--shadow:0 20px 70px rgba(0,0,0,.28);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,rgba(247,186,187,.09),transparent 34%),var(--bg);color:var(--text);font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.side{width:270px;position:fixed;inset:0 auto 0 0;padding:28px 18px;border-right:1px solid var(--line);background:rgba(5,5,7,.88);backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;margin-bottom:30px}.brand.big{justify-content:center;font-size:26px}.brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#09090b;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 40px rgba(247,186,187,.14)}.side nav{display:grid;gap:6px}.side a,.side button.ghost{border:0;width:100%;text-align:left;border-radius:15px;color:var(--soft);background:transparent;padding:12px 14px}.side a:hover,.side button.ghost:hover{background:rgba(255,255,255,.06);color:white}.side em{float:right;background:var(--accent);color:#111;padding:1px 7px;border-radius:99px;font-style:normal;font-size:12px}.main{width:100%;max-width:1120px;margin:0 auto;padding:30px 28px 90px 298px}.hero,.section-head,.card,.post,.composer,.auth-card,.event-hero,.profile,.chat{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:var(--r);box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:36px;margin-bottom:28px}.hero h1,.section-head h1,.profile h1{font-size:clamp(30px,5vw,56px);line-height:.95;margin:6px 0 14px;letter-spacing:-.05em}.hero p,.section-head p,.profile p{color:var(--muted);max-width:650px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em}h2{margin:30px 0 14px;font-size:20px;letter-spacing:-.02em}.rail{display:flex;gap:14px;overflow-x:auto;padding:2px 0 12px;scroll-snap-type:x mandatory}.rail.wrap{flex-wrap:wrap;overflow:visible}.rail::-webkit-scrollbar{height:0}.event-card,.venue-card,.person,.mini-post{min-width:220px;max-width:240px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:12px;display:grid;gap:8px;transition:.22s ease;scroll-snap-align:start}.event-card:hover,.venue-card:hover,.person:hover,.mini-post:hover,.post:hover{transform:translateY(-2px);border-color:rgba(247,186,187,.24)}.event-card img,.venue-card img{width:100%;height:250px;object-fit:cover;border-radius:16px;background:#111}.venue-card img{height:145px}.event-card span,.venue-card span,.person span,.mini-post p,.list-row span{color:var(--muted);font-size:13px}.person img{width:72px;height:72px;border-radius:24px;object-fit:cover}.person p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.stories{display:flex;gap:14px;overflow:auto;padding-bottom:10px}.story{min-width:82px;text-align:center;color:var(--muted);font-size:12px}.story img{width:70px;height:70px;border-radius:24px;padding:3px;background:linear-gradient(135deg,var(--accent),#8b8bff);object-fit:cover}.composer{padding:16px;margin:18px 0}.composer textarea,.card textarea{width:100%;min-height:92px;resize:vertical;background:transparent;border:0;color:white;outline:0}.composer form{display:grid;gap:10px}.primary,.secondary,.ghost,.post-actions button{border:0;border-radius:15px;padding:12px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--accent);color:#101014}.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.secondary{background:rgba(255,255,255,.075);color:white;border:1px solid var(--line)}.small{padding:9px 12px;font-size:13px}.greet{font-size:16px;box-shadow:0 14px 45px rgba(247,186,187,.18)}.post{padding:18px;margin:14px 0;transition:.22s ease}.post-head{display:flex;align-items:center;gap:12px}.post-head img,.comment img{width:44px;height:44px;border-radius:16px;object-fit:cover}.post-head span{display:block;color:var(--muted);font-size:13px}.post p{line-height:1.55;color:#ececef}.post-actions{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.post-actions a,.post-actions button{background:transparent;color:var(--muted);padding:8px 10px}.post-actions a:hover,.post-actions button:hover{color:white}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(450px,100%);padding:34px;text-align:center}.auth-card h1{font-size:34px;letter-spacing:-.04em;margin:18px 0 10px}.auth-card p,.hint{color:var(--muted)}form label{display:grid;gap:8px;color:var(--soft);text-align:left;margin:12px 0}input,select,textarea{width:100%;border:1px solid var(--line);background:#0d0d13;color:white;border-radius:16px;padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(247,186,187,.55);box-shadow:0 0 0 4px rgba(247,186,187,.08)}.alert{background:rgba(247,186,187,.12);border:1px solid rgba(247,186,187,.35);border-radius:16px;padding:14px;margin-bottom:16px}.section-head{padding:26px;margin-bottom:20px}.grid-posts,.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.mini-post{min-width:0;max-width:none;min-height:120px}.profile{overflow:hidden;margin-bottom:18px}.cover{height:240px;background-size:cover;background-position:center;opacity:.9}.profile-main{display:flex;gap:20px;align-items:end;padding:0 24px 18px;margin-top:-58px}.avatar-xl{width:124px;height:124px;border-radius:36px;object-fit:cover;border:5px solid var(--panel);background:var(--card)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:0 24px 20px}.stats a{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:14px}.stats b{display:block;font-size:22px}.stats span{color:var(--muted);font-size:12px}.profile-actions{padding:0 24px 20px}.profile-actions form,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badges{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 18px}.badges span{border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--accent);background:rgba(247,186,187,.06)}.tabs{display:flex;gap:8px;overflow:auto;padding:0 24px 22px}.tabs a{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:10px 14px;color:var(--soft)}.list{display:grid;gap:10px}.list-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px}.list-row img{width:48px;height:48px;border-radius:17px;object-fit:cover}.list-row div:nth-child(2){flex:1}.search{display:flex;gap:10px;margin:14px 0 22px}.chat{min-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.chat-top{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:18px}.chat-body{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto}.bubble{max-width:72%;background:var(--card2);border:1px solid var(--line);border-radius:20px 20px 20px 6px;padding:11px 13px}.bubble.me{align-self:flex-end;background:rgba(247,186,187,.17);border-color:rgba(247,186,187,.26);border-radius:20px 20px 6px 20px}.bubble span{color:var(--muted);font-size:12px}.bubble p{margin:4px 0 0}.chat-form{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-dot{width:44px;height:44px;border-radius:16px;background:rgba(247,186,187,.12);display:grid;place-items:center}.connection-success{text-align:center;margin:8vh auto;padding:48px;border:1px solid var(--line);background:var(--card);border-radius:30px;max-width:520px}.pulse{font-size:70px;animation:pulse 1.6s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.event-hero{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:18px}.event-hero img{width:100%;height:360px;border-radius:20px;object-fit:cover}.stories-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.stories-page article{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:12px}.stories-page img{width:100%;height:320px;object-fit:cover;border-radius:16px}.comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.bottom{display:none}@media(max-width:860px){.side{display:none}.bottom{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:20;background:rgba(14,14,20,.86);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;justify-content:space-around;padding:8px}.bottom a{font-size:12px;color:var(--soft);padding:8px}.main{padding:16px 14px 90px}.hero{display:grid;padding:24px}.event-hero{grid-template-columns:1fr}.event-hero img{height:420px}.profile-main{align-items:center}.avatar-xl{width:100px;height:100px}.search,.chat-form{flex-direction:column}.bubble{max-width:88%}}@media(max-width:520px){.event-card,.venue-card,.person{min-width:76vw}.cover{height:180px}.hero h1,.section-head h1{font-size:34px}.stats{grid-template-columns:repeat(2,1fr)}}