:root{--bg: oklch(.985 .004 240);--bg-soft: oklch(.97 .005 240);--surface: #ffffff;--ink: oklch(.22 .012 240);--ink-soft: oklch(.36 .01 240);--muted: oklch(.55 .008 240);--faint: oklch(.72 .006 240);--line: oklch(.92 .005 240);--dot: oklch(.55 .1 75);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--feed-w: 600px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}::selection{background:#c3d0da;color:var(--ink)}.wrap{max-width:var(--feed-w);margin:0 auto;padding:48px 20px 120px}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:40px;border-bottom:1px solid var(--line)}.wordmark{font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px}.wordmark .dot{width:7px;height:7px;border-radius:999px;background:var(--dot);display:inline-block}.wordmark small{font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--muted)}.masthead nav{display:inline-flex;gap:16px;flex-shrink:0}.masthead nav a{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);text-decoration:none;letter-spacing:.02em}.masthead nav a:hover{color:var(--ink)}.feed{display:flex;flex-direction:column;gap:56px;min-width:0}.feed-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.feed-head h1{margin:0;font-size:14px;font-weight:500;letter-spacing:-.005em}.feed-head .count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}.post-list a.entry{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;text-decoration:none}.post-list .entry-main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.post-list .entry-thumb{width:92px;height:92px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--bg-soft);position:relative}.post-list .entry-thumb img,.post-list .entry-thumb video{width:100%;height:100%;object-fit:cover;display:block}.post-list .entry-thumb .vbadge{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border-radius:999px;background:#0e101499;display:flex;align-items:center;justify-content:center}.post-list .entry-thumb .vbadge svg{width:9px;height:9px;color:#fff;margin-left:1px}.post-list .entry time{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted)}.post-list .entry .ttl{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}.post-list a.entry:hover .ttl{text-decoration:underline;text-decoration-color:var(--faint)}.post-list .entry .desc{font-size:14px;color:var(--ink-soft);line-height:1.55}.post{display:flex;flex-direction:column;gap:16px;min-width:0}.post-head{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.02em}.post-head .kind{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.post-head .kind:before{content:"";width:4px;height:4px;background:var(--faint);border-radius:1px;display:inline-block}.post h1.ttl{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}.post-body{font-size:16.5px;line-height:1.65;color:var(--ink)}.post-body p{margin:0 0 .9em}.post-body p:last-child{margin-bottom:0}.post-body em{font-style:italic;color:var(--ink-soft)}.post-body h2{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:1.4em 0 .5em}.post-body h3{font-size:16px;font-weight:600;margin:1.3em 0 .4em}.post-body ul{padding-left:18px}.post-body a{text-decoration:underline;text-decoration-color:var(--faint)}.post-body a:hover{text-decoration-color:var(--ink)}.post-body code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-soft);padding:1px 5px;border-radius:3px}.post-body img,.post-body video{display:block;width:100%;border-radius:4px;background:var(--bg-soft);margin:.4em 0}.crumbs{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted)}.crumbs a{color:var(--ink-soft);text-decoration:none;transition:color .15s ease}.crumbs a:hover{color:var(--ink)}.crumbs .crumbs-meta{color:var(--faint)}.adjacent{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.adjacent .side{display:flex;min-width:0}.adjacent .side.r{justify-content:flex-end;text-align:right}.adjacent .side a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink-soft);padding:10px 14px;border-radius:6px;transition:background .15s ease,color .15s ease;max-width:100%;min-width:0}.adjacent .side a:hover{background:var(--bg-soft);color:var(--ink)}.adjacent .dir{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.adjacent .ttl{font-size:14px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.adjacent .d{font-family:var(--font-mono);font-size:10.5px;color:var(--faint)}.adjacent .empty{font-family:var(--font-mono);font-size:11px;color:var(--faint);padding:10px 14px;align-self:center}.share{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted)}.share .label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--muted)}.share a,.share button{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:2px 0}.share a:hover,.share button:hover{color:var(--ink)}.share svg{width:14px;height:14px}.footer{margin-top:80px;padding-top:28px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{color:var(--ink-soft);text-decoration:none}.footer a:hover{color:var(--ink)}
