*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{max-width:960px;margin:0 auto;padding:24px}.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{align-items:center;gap:8px}.badge{gap:6px;border-radius:999px;padding:4px 10px;background:#ede9fe;color:#4338ca;font-size:12px}.badge,.btn{display:inline-flex;align-items:center;font-weight:600}.btn{justify-content:center;border-radius:10px;border:1px solid #e5e7eb;padding:10px 14px}.btn.primary{background:#6a40cc;border-color:#6a40cc;color:#fff}.btn.ghost{background:transparent}input,select,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.header{position:-webkit-sticky;position:sticky;top:0;background:#0b0b0e;padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.header,.header a{color:#fff}.feed{display:flex;flex-direction:column;gap:12px}.post-media{width:100%;max-height:460px;object-fit:cover;border-radius:10px;border:1px solid #eee}.footerbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px 16px}.tiny{font-size:12px;color:#6b7280}.bw-filter{position:relative}.bw-filter>summary{list-style:none;cursor:pointer}.bw-filter>summary::-webkit-details-marker{display:none}.bw-filter__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:320px;max-width:min(90vw,720px);background:#111115;color:#fff;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.35);padding:12px;z-index:30}.bw-check{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}.bw-check:hover{background:hsla(0,0%,100%,.06)}.avatar-sm,.avatar-xs{display:inline-flex;border-radius:9999px;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);background:#1a1a22}.avatar-sm{width:40px;height:40px}.avatar-xs{width:28px;height:28px}.avatar-sm img,.avatar-xs img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;color:#cfcfe8;font-weight:700}.media{width:100%;max-height:720px;object-fit:cover;border-radius:12px}.btn.like.active{background:#ffeff0;color:#c0262d;border-color:#ffc4ca}.comment-line a{color:#9aaaff;text-decoration:underline;text-underline-offset:2px}