*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f3f1ec;--ink:#141414;--mute:#7a766e;--line:#e3dfd6;--card:#fff}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #141414;outline-offset:3px;border-radius:6px}
.top{text-align:center;padding:calc(40px + env(safe-area-inset-top)) 20px 28px}
.top img{width:56px;height:56px;border-radius:15px;display:block;margin:0 auto 14px;box-shadow:0 6px 18px -8px rgba(0,0,0,.35)}
.top h1{font:700 30px/1.1 ui-serif,"New York","Iowan Old Style",Georgia,serif;letter-spacing:-.02em}
.top p{color:var(--mute);font-size:14px;margin-top:6px}
.feed{max-width:560px;margin:0 auto;padding:0 12px 24px}
.post{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:22px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.meta{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-size:13px;color:var(--mute);font-weight:550}
.pill{background:#141414;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:650;padding:4px 9px;border-radius:999px}
.vid{position:relative;background:#000;aspect-ratio:4/3}
.vid video{display:block;width:100%;height:100%;object-fit:cover}
.sound{position:absolute;top:12px;right:12px;border:0;background:rgba(20,20,20,.72);color:#fff;font:600 13px/1 inherit;font-family:inherit;padding:9px 13px;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sound[hidden]{display:none}
.body{padding:16px 18px 18px}
.cap{font:500 21px/1.3 ui-serif,"New York","Iowan Old Style",Georgia,serif;letter-spacing:-.01em}
.tags{color:var(--mute);font-size:13.5px;margin-top:10px}
.earlier{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:650;margin:34px 0 18px}
.kicker{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:650}
.post h2{font-size:22px;letter-spacing:-.02em;line-height:1.15;margin:5px 0 7px}
.post .body p:not(.kicker):not(.tags):not(.cap){color:#3b3934}
.shot{display:block;background:#eee;aspect-ratio:16/10;overflow:hidden}
.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.open{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:#141414;color:#fff;text-decoration:none;font-weight:650;font-size:14.5px;padding:11px 16px;border-radius:999px}
.open svg{width:13px;height:13px}
.set{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 0 3px}
.set figure{position:relative}
.set img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.set figcaption{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.88);font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:999px;color:#2a2925}
.foot{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mute);font-size:13px;padding:8px 20px calc(36px + env(safe-area-inset-bottom))}
.foot img{border-radius:5px}
@media (min-width:640px){.top{padding-top:64px}.feed{padding:0 0 32px}.set{grid-template-columns:repeat(3,1fr)}}