:root { --bg: #0b0b10; --fg: #f5f5f7; --accent: #ff3d7f; --muted: #a0a0b0; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: linear-gradient(#0008, #0000); pointer-events: none; }
.logo { font-size: 22px; letter-spacing: .5px; } .logo b { color: var(--accent); }
.tag { font-size: 14px; color: var(--muted); border-bottom: 2px solid var(--fg); padding-bottom: 2px; }
.feed { height: 100dvh; overflow-y: scroll; scroll-snap-type: y mandatory; scrollbar-width: none; }
.feed::-webkit-scrollbar { display: none; }
.card { position: relative; height: 100dvh; scroll-snap-align: start; display: flex; justify-content: center; align-items: center; background: #000; }
.card video { height: 100%; max-width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }
.meta { position: absolute; left: 18px; bottom: 70px; right: 90px; text-shadow: 0 1px 3px #000a; }
.author { font-weight: 700; margin-bottom: 4px; } .title { color: #e8e8ee; }
.actions { position: absolute; right: 14px; bottom: 90px; display: flex; flex-direction: column; gap: 18px; }
.actions button { background: #0006; border: 0; color: var(--fg); width: 54px; height: 54px; border-radius: 50%; font-size: 22px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.like.on .heart { color: var(--accent); } .like .count { font-size: 11px; }
.served { position: fixed; left: 50%; transform: translateX(-50%); bottom: 14px; z-index: 10; background: #000a; border: 1px solid #ffffff22; border-radius: 999px; padding: 6px 12px; font-size: 11px; white-space: nowrap; color: var(--muted); display: flex; gap: 8px; align-items: center; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: #888; } .dot.ok { background: #2ecc71; } .dot.err { background: #e74c3c; }