:root{--bg: #0b1220;--text: #e9eef8;--muted: #b7c3de;--panel: rgba(255,255,255,.08);--panel-strong: rgba(255,255,255,.12);--line: rgba(255,255,255,.18);--brand: #60a5fa;--brand-2:#8b5cf6}body{background:radial-gradient(1200px 800px at 20% -10%,rgba(96,165,250,.12),transparent 60%),radial-gradient(1200px 800px at 80% 110%,rgba(139,92,246,.1),transparent 60%),var(--bg);color:var(--text)}.card,.panel,.section,.box,.form-card,.auth-card,.profile-card,.register-card,.notification-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 40px #00000059}input[type=text],input[type=email],input[type=password],input[type=file],select,textarea{color:var(--text);background:#080c1499;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}button,.btn,[type=submit],[type=button]{color:var(--text);background:linear-gradient(180deg,#ffffff24,#ffffff14);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btnPrimary,.btn.primary{border-color:var(--brand);box-shadow:0 0 12px #60a5fa47;background:linear-gradient(180deg,#60a5fa38,#8b5cf62e)}.header,.topbar{background:#0208178c;border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.item,.list-item,.rowish{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px}img,video{max-width:100%;height:auto}.avatar,.profile-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--line)}.postImage,.content img{border-radius:12px;border:1px solid var(--line)}.muted,small,label span.hint{color:var(--muted)}@media (max-width: 720px){.card,.panel,.section,.box,.form-card{border-radius:12px}input,select,textarea,button{font-size:16px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 800px at 60% -10%,rgba(96,165,250,.18),transparent 60%),radial-gradient(1000px 600px at 10% 120%,rgba(139,92,246,.14),transparent 60%),url("/humanity-globe-2560%20(1).webp") center/cover no-repeat fixed;filter:saturate(120%);z-index:-2}:root{--brand: #60a5fa;--line: rgba(255,255,255,.22);--ink: #eaf2ff;--inkDim: #cfe0ff;--bg: #0b1220;--card: rgba(255,255,255,.1);--cardEdge: rgba(255,255,255,.24);--glowSoft: 0 0 16px rgba(96,165,250,.25)}body{margin:0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 800px at 60% -10%,rgba(96,165,250,.18),transparent 60%),radial-gradient(1000px 600px at 10% 120%,rgba(139,92,246,.14),transparent 60%),url("/humanity-globe-2560%20(1).webp") center/cover no-repeat fixed;filter:saturate(120%);z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 50% at 50% 20%,rgba(0,0,0,.25),transparent 60%),linear-gradient(180deg,#00000040,#0000008c);z-index:-1}.shell{max-width:1100px;margin:0 auto;padding:0 16px}.heroSpacer{height:54px}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b122073;border-bottom:1px solid var(--line)}.headerWrap{height:54px;display:flex;align-items:center;gap:12px;padding:0 14px}.brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);cursor:pointer}.brandText{font-weight:800;letter-spacing:.5px}.grid{display:grid;grid-template-columns:220px 1fr 280px;gap:16px;margin:18px 0 28px}.panel{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px;box-shadow:var(--glowSoft)}.panel.nav .item{padding:10px 12px;border-radius:8px;cursor:pointer}.panel.nav .item:hover{background:#ffffff0f}.card{border:1px solid var(--cardEdge);border-radius:12px;background:#ffffff14;box-shadow:var(--glowSoft);padding:14px}.postImage{width:100%;border-radius:10px;border:1px solid var(--line);margin-top:8px}.btn{border:1px solid var(--line);background:#ffffff14;color:var(--ink);padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700}.btnPrimary{border-color:#60a5fa99;box-shadow:0 0 12px #60a5fa40}.textarea,.commentInput,.searchInput,input,textarea,select{width:100%;border:1px solid var(--line);background:#ffffff1a;color:var(--ink);border-radius:10px;padding:10px 12px;outline:none}.toastWrap{position:fixed;right:14px;bottom:14px;display:grid;gap:8px;z-index:50}.toast{background:#0b1220e6;border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:10px}.rightTitle{font-weight:900;letter-spacing:.4px;margin-bottom:8px}@media (max-width: 1000px){.grid{grid-template-columns:1fr 1fr}.panel.nav{display:none}}@media (max-width: 720px){.grid{grid-template-columns:1fr}}.bg-globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/humanity-globe-2560.webp) center -6vh / min(2100px,140vw) auto no-repeat;opacity:.96;filter:contrast(1.06) saturate(1.08) drop-shadow(0 60px 140px rgba(0,0,0,.55))}.bg-globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/humanity-globe-2560.webp) center -6vh / min(2100px,140vw) auto no-repeat;opacity:.96;filter:contrast(1.06) saturate(1.08) drop-shadow(0 60px 140px rgba(0,0,0,.55))}.bg-globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/humanity-globe-2560.webp) center -6vh / min(2100px,140vw) auto no-repeat;opacity:.96;filter:contrast(1.06) saturate(1.08) drop-shadow(0 60px 140px rgba(0,0,0,.55))}:root{--text: #eaf1ff;--muted: #a9b7d6;--line: rgba(255,255,255,.18);--glass: rgba(255,255,255,.08);--glass-strong: rgba(255,255,255,.12);--glass-border: rgba(255,255,255,.28);--glass-glow: 0 8px 32px rgba(255,255,255,.1), 0 14px 40px rgba(0,0,0,.35);--accent: #6ea3ff;--accent2: #8b5cf6}body{background:radial-gradient(120% 160% at 10% 0%,#060b18,#0a1330 55%,#060b18);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-globe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-globe>img{display:block;position:absolute;left:50%;top:-6vh;transform:translate(-50%);width:min(2100px,140vw);height:auto;opacity:.96;filter:contrast(1.06) saturate(1.08) drop-shadow(0 60px 140px rgba(0,0,0,.55))}.bg-globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/humanity-globe-2560.webp) center -6vh / min(2100px,140vw) auto no-repeat;opacity:.96;filter:contrast(1.06) saturate(1.08) drop-shadow(0 60px 140px rgba(0,0,0,.55))}.bg-stars,.bg-stars:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-stars{z-index:-1;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 25% 55%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1px 1px at 55% 10%,rgba(255,255,255,.55) 50%,transparent 51%);background-repeat:no-repeat;background-size:100% 100%;opacity:.55;animation:twinkle 8s ease-in-out infinite}.bg-stars:before{content:"";background:radial-gradient(2px 2px at 15% 75%,rgba(255,255,255,.22) 50%,transparent 51%),radial-gradient(2px 2px at 90% 25%,rgba(255,255,255,.22) 50%,transparent 51%),radial-gradient(2px 2px at 65% 65%,rgba(255,255,255,.22) 50%,transparent 51%);opacity:.45;animation:twinkle 10s ease-in-out infinite reverse}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.7}}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 35%,#0000,#00000061),linear-gradient(180deg,#0000 60%,#00000073);pointer-events:none}.heroSpacer{height:clamp(240px,32vh,440px)}.shell{position:relative;z-index:1}.shell{width:min(1200px,94vw);margin:0 auto}.grid{display:grid;grid-template-columns:240px 1fr 320px;gap:16px}@media (max-width: 1100px){.grid{grid-template-columns:200px 1fr}.grid>.panel:last-child{display:none}}@media (max-width: 820px){.grid{grid-template-columns:1fr}.panel.nav{order:2}}.header{position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0006,#00000026);border-bottom:1px solid rgba(255,255,255,.08)}.headerWrap{width:min(1200px,94vw);margin:0 auto;display:grid;align-items:center;grid-template-columns:1fr 1.2fr 1fr;gap:12px;padding:10px 0}.brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--text);font-weight:900;letter-spacing:.1em}.brandIcon{display:grid;place-items:center;filter:drop-shadow(0 0 10px rgba(142,97,255,.35))}.brandText{font-size:18px}.searchBox{position:relative;display:flex;gap:8px;align-items:center}.searchInput{flex:1;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;color:var(--text);outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.searchInput::placeholder{color:#eaf1ffa6}.searchBtn{border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff38,#ffffff1a);color:#0d152e;font-weight:800;padding:8px 14px;border-radius:12px;cursor:pointer;box-shadow:var(--glass-glow)}.searchList{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0c1228cc;border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #00000073;padding:6px;max-height:300px;overflow:auto}.searchItem{display:grid;grid-template-columns:28px auto auto;gap:8px;align-items:center;padding:8px;border-radius:10px;cursor:pointer}.searchItem:hover{background:#ffffff0f}.panel,.card{background:linear-gradient(180deg,#ffffff2e,#ffffff0f);background-clip:padding-box;border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-glow);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);color:var(--text)}.panel,.card{padding:12px}.panel.nav .item{padding:10px 12px;border-radius:10px;cursor:pointer}.panel.nav .item:hover{background:#ffffff1a}.btn{border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff38,#ffffff1a);color:#0d152e;font-weight:800;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:var(--glass-glow)}.btn:hover{filter:brightness(1.05)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btnPrimary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none;box-shadow:0 0 22px #6ea3ff59}.textarea{width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);padding:10px 12px;resize:vertical;outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composerTop{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.compRow{display:flex;gap:8px;margin-top:8px}.preview{margin-top:10px;display:flex;gap:10px;align-items:center}.preview img{max-height:200px;border-radius:10px;border:1px solid var(--line)}.feedCol{display:grid;gap:12px}.postHead{display:flex;align-items:center}.userBtn{display:grid;grid-template-columns:42px auto;gap:10px;align-items:center;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.userNames .display{font-weight:900}.userNames .user{opacity:.72;font-size:12px}.postBody{white-space:pre-wrap;margin-top:8px;line-height:1.5}.postImage{margin-top:10px;width:100%;max-height:580px;object-fit:cover;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 40px #00000059}.actions{display:flex;gap:8px;margin-top:8px}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#ffffff0f;color:var(--text);cursor:pointer}.pill.on{background:#ff648238;border-color:#ff648273}.comments{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.comment{display:grid;grid-template-columns:28px auto;gap:10px}.commentRow{display:flex;gap:8px;margin-top:8px}.commentInput{flex:1;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);padding:8px 10px;outline:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rightTitle{font-weight:900;margin-bottom:8px}.sugg{display:grid;gap:8px}.suggItem{display:grid;grid-template-columns:34px auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#ffffff0d}.suggBtn{justify-self:end}.toastWrap{position:fixed;right:16px;bottom:16px;z-index:5;display:grid;gap:8px}.toast{background:#14182ddb;border:1px solid rgba(255,255,255,.18);color:var(--text);padding:10px 12px;border-radius:12px;box-shadow:0 8px 28px #00000073}.avatarFallback,.searchFallback{display:grid;place-items:center;background:linear-gradient(180deg,#ffffff38,#ffffff14);color:#0d152e;font-weight:900;border:1px solid var(--glass-border);border-radius:50%}.muted{color:var(--muted)}:root{--bg:#0b1220;--text:#e6f0ff;--muted:#a3b4cc;--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.06);--card:rgba(255,255,255,.08);--brand:#60a5fa}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.bg-globe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-globe>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.65)}.bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(transparent 60%,#60a5fa1f)}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% -10%,transparent 30%,rgba(0,0,0,.65) 80%)}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#0b1220a6;-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px)}.headerWrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.brand{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px 10px;border-radius:12px;cursor:pointer}.brandText{font-weight:900;letter-spacing:.08em}.shell{max-width:1200px;margin:0 auto;padding:12px}.grid{display:grid;gap:16px;grid-template-columns:1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 6px 24px #00000040}.panel.nav{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.panel.nav::-webkit-scrollbar{display:none}.panel.nav .item{white-space:nowrap;padding:10px 12px;border:1px solid var(--line);background:#ffffff0a;border-radius:999px;cursor:pointer;font-weight:800}.panel.nav .item:active{transform:translateY(1px)}.feedCol{display:grid;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 10px 36px #00000047}.postHead{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.postHead .user{color:var(--muted);font-size:12px}.postBody{line-height:1.55;white-space:pre-wrap}.postImage{margin-top:10px;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.toastWrap{position:fixed;bottom:14px;left:14px;right:14px;display:grid;gap:8px;z-index:30}.toast{background:#0009;border:1px solid var(--line);padding:10px 12px;border-radius:10px}.heroSpacer{height:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:800}.btnPrimary{border-color:#60a5fa73;box-shadow:0 0 12px #60a5fa40}.rightTitle{font-weight:900;margin-bottom:8px;letter-spacing:.04em}@media (min-width:700px){.shell,.card{padding:16px}}@media (min-width:900px){.grid{grid-template-columns:220px 1fr 300px;align-items:start}.panel.nav{display:block}.panel.nav .item{display:block;border-radius:10px;margin:6px 0;width:100%;text-align:left}.toastWrap{left:auto;right:18px;width:360px}}@media (min-width:1200px){.grid{grid-template-columns:260px 1fr 320px}}