:root{color-scheme:light dark;--bg:#0b0b0b;--fg:#fff;--muted:#aaa}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}header{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px max(16px,env(safe-area-inset-left));background:#0b0b0bd9;backdrop-filter:blur(15px);font-size:13px;letter-spacing:.08em}header strong{justify-self:center}.publish-link{justify-self:end;padding:8px 14px;border-radius:999px;background:#fff;color:#111;font-weight:700;letter-spacing:0}a{color:inherit;text-decoration:none}.feed{width:min(100%,680px);margin:auto}.post{min-height:72svh;display:grid;align-content:center;border-bottom:1px solid #282828;padding:12px 0 28px}.media{position:relative;background:#000;display:grid;place-items:center;max-height:78svh;overflow:hidden}.media img,.media video{display:block;width:100%;max-height:78svh;object-fit:contain}.caption{padding:14px 16px 0;font-size:15px;white-space:pre-wrap}.date{padding:5px 16px 0;color:var(--muted);font-size:11px}.loading,.empty,.error{padding:20vh 18px;text-align:center;color:var(--muted)}@media(min-width:800px){.post{min-height:auto;padding:28px 0}.media{border-radius:14px;max-height:82vh}.media img,.media video{max-height:82vh}}