:root{--bg: #ffffff;--ink: #0f1419;--muted: #5b6470;--line: #eff3f4;--line-strong: #cfd9de;--accent: #1d9bf0;--hover: #f7f9fa;--max: 600px;--avatar: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-padding-top:60px}.post{scroll-margin-top:60px}body{background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.topbar{position:sticky;top:0;z-index:10;background:#ffffffd9;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:var(--max);margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:baseline;gap:8px;color:inherit;text-decoration:none}.brand:hover{text-decoration:none}.brand img{display:block;height:22px;width:auto}.brand-suffix{color:var(--muted);font-weight:600;font-size:14px;letter-spacing:.02em}.intro{padding:24px 0 16px;border-bottom:1px solid var(--line)}.intro h1{margin:0 0 12px;font-size:22px;line-height:1.25;letter-spacing:-.01em}.pitch{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--accent);background:#f4faff;border-radius:4px}.pitch p{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--ink)}.pitch p:last-child{margin-bottom:0}.meta{margin:0;color:var(--muted);font-size:13px}.meta a{color:inherit;text-decoration:underline;text-decoration-style:dotted}.feed{padding:0 16px 64px}.post{padding:12px 0 4px;border-bottom:1px solid var(--line);transition:background-color .12s ease}.post:hover{background:var(--hover)}.post-grid{display:grid;grid-template-columns:var(--avatar) 1fr;gap:12px}.avatar-link{display:block}.avatar{display:block;width:var(--avatar);height:var(--avatar);border-radius:50%;object-fit:cover;background:var(--line)}.post-main{min-width:0}.post-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin-bottom:2px}.who{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-weight:700;font-size:15px;text-decoration:none}.who:hover .name{text-decoration:underline}.badge{display:inline-block;width:18px;height:18px;vertical-align:-3px}.meta-row{display:inline-flex;align-items:baseline;gap:4px;color:var(--muted);font-size:14px;min-width:0;flex-wrap:wrap}.handle,.dot{color:var(--muted)}.when{color:var(--muted);text-decoration:none}.when:hover{text-decoration:underline}.body p{margin:0 0 4px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.body p:last-child{margin-bottom:8px}.card{display:block;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;margin:8px 0;color:inherit;text-decoration:none;background:#fff}.card:hover{background:var(--hover);text-decoration:none}.card img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}.card-body{padding:10px 14px}.card-provider{color:var(--muted);font-size:13px;margin-bottom:2px}.card-title{font-weight:600;font-size:14px;margin-bottom:2px;line-height:1.3}.card-desc{color:var(--muted);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions{display:flex;align-items:center;gap:6px;margin-top:10px;max-width:425px}.action{display:inline-flex;align-items:center;gap:6px;flex:1 1 0;min-width:0;color:var(--muted);font-size:13px;line-height:1;background:none;border:0;padding:6px 0;cursor:default}.action.btn{cursor:pointer;font:inherit;color:var(--muted)}.action .icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor}.action .count{font-variant-numeric:tabular-nums}.action.btn:hover{color:var(--accent)}.action.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.site-foot{border-top:1px solid var(--line);padding:20px 0 40px;color:var(--muted);font-size:12px}.site-foot p{margin:0}.site-foot a{color:inherit;text-decoration:underline;text-decoration-style:dotted}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;z-index:100;box-shadow:0 4px 12px #0000002e}@media(max-width:480px){:root{--avatar: 40px}.intro h1{font-size:20px}}
