:root{--bg:#f2f0ea;--panel:#fffdf7;--ink:#14211b;--muted:#5b675f;--line:#d7d2c6;--accent:#0e7a53}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#ffffff 0,var(--bg) 45%,#e8e4d8 100%);color:var(--ink);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1040px;margin:0 auto;padding:2rem 1rem 4rem}.nav{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.nav a{border:1px solid var(--line);padding:.45rem .75rem;border-radius:999px}.card,.nav a{background:var(--panel)}.card{border:1px solid var(--line);border-radius:14px;padding:1rem}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.muted{color:var(--muted)}.h1{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 .5rem}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero-name{margin:0 0 .65rem;font-size:1.05rem;color:var(--muted);font-weight:600}.hero-avatar{border-radius:999px;object-fit:cover;border:2px solid var(--line)}.tag{border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.list{display:grid;gap:.9rem}.notion-content{line-height:1.7}.notion-content p{margin:.55rem 0}.notion-content a{color:var(--accent);text-decoration:underline}.notion-content pre{margin:.75rem 0;padding:.75rem;border-radius:10px;border:1px solid var(--line);background:#f7f3ea;overflow-x:auto}.notion-content code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.notion-content ol,.notion-content ul{margin:.55rem 0 .55rem 1.2rem}.notion-content blockquote{margin:.6rem 0;padding-left:.75rem;border-left:3px solid var(--line);color:var(--muted)}.notion-video{position:relative;width:100%;aspect-ratio:16/9;margin:.8rem 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000}.notion-video iframe{width:100%;height:100%;border:0}.notion-github{margin:.8rem 0;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#f7f3ea}.notion-github-label{font-weight:700;margin-bottom:.35rem}@media (max-width:640px){.hero-head{align-items:flex-start}.hero-avatar{width:72px;height:72px}}