*{box-sizing:border-box}html,body,#root{color:#fff;background:#000;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;overflow:hidden}.feed{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.post{scroll-snap-align:start;border-bottom:1px solid #222;flex-direction:column;height:100vh;display:flex;position:relative}.post-meta{z-index:2;opacity:.7;gap:12px;font-size:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.post-meta span:last-child{margin-left:auto}.page-rail{scroll-snap-type:x mandatory;flex:1;display:flex;overflow-x:scroll}.page-rail::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;flex-direction:column;flex:0 0 100%;justify-content:center;padding:64px 24px 80px;display:flex}.page h2{margin:0 0 12px;font-size:28px;line-height:1.2}.page h3{opacity:.8;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:18px}.page p{margin:0 0 16px;font-size:16px;line-height:1.5}.page a{color:#6ab7ff;word-break:break-all}.muted{opacity:.6}.hint{opacity:.4;margin-top:24px;font-size:12px}.dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:24px;left:0;right:0}.dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:background .2s}.dot.active{background:#fff}