*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:Arial,sans-serif;height:100vh;overflow:hidden}header{position:fixed;z-index:5;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#000,transparent)}.logo{font-weight:900;font-size:23px;font-style:italic;letter-spacing:-1px;color:#f43f5e}.logo i{display:inline-block;width:11px;height:11px;background:#f43f5e;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #f43f5e33}.online{font-size:10px;background:#111b;padding:6px 9px;border:1px solid #ffffff33;border-radius:5px}.online b{color:#48df7d}.feed{height:100vh;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:70px 12px 250px;overflow:hidden;animation:scroll 60s linear infinite}.feed article{position:relative;min-height:205px;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;border:1px solid #ffffff22;box-shadow:0 8px 20px #0008}.feed article:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000d)}.live{position:absolute;top:11px;left:11px;font-size:10px;background:#0008;padding:5px 8px;border-radius:20px;z-index:1}.live:first-letter{color:#26d26d}.person,.note{position:absolute;left:13px;z-index:1;text-shadow:0 2px 6px #000}.person{bottom:30px;font-weight:800;font-size:18px}.note{bottom:13px;color:#ddd;font-size:11px;font-style:italic}.call{position:absolute;right:11px;bottom:12px;z-index:2;background:#f43f5e;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.shade{position:fixed;inset:auto 0 0;height:340px;background:linear-gradient(transparent,#000 42%);z-index:2;pointer-events:none}.bottom{position:fixed;z-index:4;bottom:22px;left:0;right:0;text-align:center}.bottom h1{font-size:20px;margin:0 0 5px}.bottom p{margin:0 0 20px;color:#fb7185;font-size:14px;font-style:italic}.bottom button{width:min(92%,380px);padding:16px;border:0;border-radius:15px;background:linear-gradient(90deg,#e11d48,#ec4899);color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 24px #e11d4855}.bottom small{display:block;color:#777;font-size:9px;letter-spacing:2px;margin-top:17px}@keyframes scroll{to{transform:translateY(-45%)}}@media(min-width:700px){.feed{grid-template-columns:repeat(5,1fr)}.feed article{min-height:270px}}