:root{--bg:#05070a;--panel:#0b1016;--line:rgba(255,255,255,.085);--text:#f4f7f9;--muted:#7c8792;--blue:#83dbff;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 70% 0,rgba(64,177,224,.07),transparent 25%),var(--bg);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.svg-sprite #logo .logo-play{fill:currentColor;stroke:currentColor;stroke-width:1}
.topbar{height:74px;position:fixed;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:220px minmax(240px,450px) 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(5,7,10,.82);backdrop-filter:blur(24px)}.brand{width:fit-content;display:flex;align-items:center;gap:10px;color:#f2f6f8;text-decoration:none;font:700 21px "Manrope";letter-spacing:-.8px}.brand b{color:var(--blue)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#041016;background:var(--blue)}.brand-mark svg{width:22px;height:22px}.top-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:14px;color:#626d77;background:rgba(255,255,255,.025)}.top-search svg{width:17px}.top-search input{flex:1;min-width:0;border:0;outline:0;color:var(--text);background:none;font-size:16px}.top-search input::placeholder{color:#5d6771}.top-search kbd{padding:2px 6px;border:1px solid var(--line);border-radius:6px;color:#5d6771;font:9px "DM Sans"}.top-actions{justify-self:end;display:flex;align-items:center;gap:10px}.top-actions>button{width:39px;height:39px;position:relative;display:grid;place-items:center;border:0;color:#89949e;background:none}.top-actions>button i{position:absolute;width:5px;height:5px;right:7px;top:5px;border-radius:50%;background:var(--blue)}.account{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:13px;color:#bfc7cd;text-decoration:none;font-size:10px}.account span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#041016;background:var(--blue);font-weight:800}.menu-button,.mobile-nav{display:none}
.rail{width:84px;position:fixed;z-index:20;top:74px;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0 24px;border-right:1px solid var(--line);background:rgba(5,7,10,.72)}.rail nav{display:flex;flex-direction:column;gap:12px}.rail nav a{width:48px;height:48px;display:grid;place-items:center;position:relative;border-radius:16px;color:#6e7781;text-decoration:none}.rail nav a:hover,.rail nav a.active{color:var(--blue);background:rgba(131,219,255,.09)}.rail nav a.active::before{content:"";position:absolute;left:-18px;width:3px;height:20px;border-radius:0 5px 5px 0;background:var(--blue);box-shadow:0 0 12px var(--blue)}.rail nav a span{position:absolute;left:58px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#d9dee3;background:#171c22;opacity:0;pointer-events:none;font-size:12px;transition:.2s}.rail nav a:hover span{opacity:1;transform:translateX(3px)}.rail-account{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#061219;background:linear-gradient(145deg,#ace8ff,#4abbeb);text-decoration:none;font-size:13px;font-weight:800}
main{width:min(1120px,calc(100% - 132px));margin:0 auto;padding:106px 0 80px 84px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.feed-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.feed-heading p,.sidebar-card header p{margin:0 0 5px;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:1.5px}.feed-heading h1{margin:0;font:700 31px "Manrope";letter-spacing:-1.5px}.feed-heading>span{color:#67727c;font-size:10px}.creator-strip{display:flex;gap:13px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:22px;overflow-x:auto;background:rgba(255,255,255,.018);scrollbar-width:none}.creator-strip::-webkit-scrollbar{display:none}.creator-bubble{width:61px;flex:none;color:inherit;text-align:center;text-decoration:none}.creator-bubble span{width:55px;height:55px;display:block;padding:2px;border:1px solid rgba(131,219,255,.45);border-radius:18px}.creator-bubble img{width:100%;height:100%;object-fit:cover;border-radius:15px}.creator-bubble small{display:block;margin-top:6px;overflow:hidden;color:#8c97a0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.empty-feed{min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px;border:1px solid var(--line);border-radius:29px;text-align:center;background:radial-gradient(circle at 50% 32%,rgba(131,219,255,.08),transparent 27%),linear-gradient(145deg,#0d131a,#080b0f)}.empty-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(131,219,255,.18);border-radius:21px;color:var(--blue);background:rgba(131,219,255,.07)}.empty-icon svg{width:27px;height:27px}.empty-feed>p{margin:0 0 8px;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:1.5px}.empty-feed h2{margin:0;font:700 27px/1.18 "Manrope";letter-spacing:-1.2px}.empty-feed>span:not(.empty-icon){max-width:390px;margin-top:12px;color:#77828d;font-size:11px;line-height:1.6}.empty-feed>a{display:flex;align-items:center;gap:10px;margin-top:24px;padding:13px 17px;border-radius:14px;color:#041016;background:var(--blue);text-decoration:none;font-size:11px;font-weight:700}.empty-feed>a svg{width:15px}
.feed-card{margin-bottom:18px;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,#0e141b,#080b0f)}.post-head{height:72px;display:flex;align-items:center;gap:11px;padding:0 17px}.post-head>a:first-child{width:40px;height:40px;flex:none}.post-head img{width:100%;height:100%;object-fit:cover;border-radius:13px}.post-identity{flex:1;min-width:0;color:inherit;text-decoration:none}.post-identity strong,.post-identity small{display:block}.post-identity strong{font-size:13px}.post-identity strong i{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:3px;border-radius:50%;color:#041016;background:var(--blue)}.post-identity strong svg{width:10px;height:10px;stroke-width:3}.post-identity small{margin-top:3px;color:#69747e;font-size:9px}.post-head>span{padding:5px 7px;border-radius:7px;color:#72dcaa;background:rgba(92,229,163,.08);font-size:8px;font-weight:700}.post-head>button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;color:#6f7a84;background:none}.post-copy{margin:0;padding:0 17px 15px;color:#c4cbd1;font-size:13px;line-height:1.55}.post-image{display:block;aspect-ratio:1.35;overflow:hidden;background:#10161d}.post-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s var(--ease)}.post-image:hover img{transform:scale(1.02)}.post-actions{height:58px;display:flex;align-items:center;gap:14px;padding:0 15px}.post-actions button,.post-actions a{display:flex;align-items:center;gap:6px;padding:0;border:0;color:#77828c;background:none;text-decoration:none;font-size:10px;cursor:pointer}.post-actions button.liked{color:var(--blue)}.post-actions button.liked svg{fill:currentColor}.post-actions .open-profile{margin-left:auto;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:#a8b1b9}.post-actions svg{width:17px;height:17px}
.home-sidebar{position:sticky;top:96px}.sidebar-card{margin-bottom:13px;padding:20px;border:1px solid var(--line);border-radius:23px;background:rgba(11,16,22,.86)}.sidebar-card header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.sidebar-card h2{margin:0;font:700 20px "Manrope"}.sidebar-card header>span{min-width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#041016;background:var(--blue);font-size:9px;font-weight:800}.connected-person{display:flex;align-items:center;gap:9px;padding:9px 0;color:inherit;text-decoration:none;border-top:1px solid var(--line)}.connected-person img{width:38px;height:38px;object-fit:cover;border-radius:12px}.connected-person strong,.connected-person small{display:block}.connected-person strong{font-size:11px}.connected-person small{margin-top:3px;color:#68737d;font-size:8px}.connected-person>span:last-child{margin-left:auto;color:#63dba1;font-size:8px}.discover-card>span{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;color:var(--blue);background:rgba(131,219,255,.08)}.discover-card h3{margin:17px 0 6px;font:700 18px "Manrope"}.discover-card p{margin:0;color:#78838e;font-size:10px;line-height:1.55}.discover-card a{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);color:var(--blue);text-decoration:none;font-size:10px;font-weight:700}.discover-card a svg{width:15px}.home-toast{position:fixed;z-index:60;left:50%;bottom:22px;padding:11px 15px;border:1px solid var(--line);border-radius:12px;color:#d8dfe3;background:#121820;opacity:0;transform:translate(-50%,15px);transition:.25s;font-size:10px}.home-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:920px){main{width:calc(100% - 112px)}.home-layout{grid-template-columns:1fr}.home-sidebar{display:none}}
@media(max-width:680px){input,textarea,select{font-size:16px!important}.topbar{height:calc(64px + env(safe-area-inset-top));grid-template-columns:1fr auto;padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.brand{font-size:18px}.top-search,.top-actions,.rail{display:none}.menu-button{width:41px;height:41px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:13px;color:#cfd6db;background:rgba(255,255,255,.035)}.mobile-nav{position:fixed;z-index:29;top:calc(72px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:grid;padding:12px;border:1px solid rgba(131,219,255,.14);border-radius:20px;background:rgba(10,14,19,.97);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{display:flex;align-items:center;gap:11px;padding:13px;border-radius:12px;color:#9aa5ae;text-decoration:none;font-size:13px}.mobile-nav a.active{color:var(--blue);background:rgba(131,219,255,.07)}main{width:auto;margin:0;padding:calc(78px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.feed-heading{padding:0 4px}.feed-heading h1{font-size:27px}.feed-heading>span{display:none}.creator-strip{margin-bottom:12px;padding:12px;border-radius:19px}.empty-feed{min-height:calc(100dvh - 155px - env(safe-area-inset-top));padding:35px 18px;border-radius:24px}.empty-feed h2{font-size:23px}.feed-card{border-radius:21px}.post-head{height:66px;padding:0 13px}.post-copy{padding:0 13px 13px}.post-image{aspect-ratio:1.05}.post-actions{padding:0 12px}.post-actions .open-profile{font-size:0}.post-actions .open-profile::after{content:"View";font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}