*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9f9f7;--text: #1a1a1a;--muted: #707070;--border: #e5e5e3;--max-w: 580px;--chip-bg: white;--chip-shadow: 0 1px 2px rgba(0, 0, 0, .04);--chip-shadow-hover: 0 6px 16px rgba(0, 0, 0, .09);--social-bg: white;--toggle-bg: #1a1a1a;--toggle-color: #f9f9f7}[data-theme=dark]{--bg: #111110;--text: rgba(255, 255, 255, .88);--muted: #8a8a8a;--border: #2a2a28;--chip-bg: #1c1c1a;--chip-shadow: 0 1px 2px rgba(0, 0, 0, .2);--chip-shadow-hover: 0 6px 16px rgba(0, 0, 0, .4);--social-bg: #1c1c1a;--toggle-bg: #f5f0e8;--toggle-color: #1a1a1a}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;line-height:1.7;padding:60px 24px 120px}.wrap{max-width:var(--max-w);margin:0 auto}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.nav-divider{border:none;border-top:1px solid var(--border);margin:0 0 64px}nav .logo{font-weight:600;font-size:20px;text-decoration:none;color:var(--text)}nav ul{list-style:none;display:flex;gap:24px}nav ul a{text-decoration:none;color:var(--muted);font-size:17px;transition:color .15s}nav ul a:hover,nav ul a[aria-current=page]{color:var(--text)}.section-label{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.page-heading{margin-bottom:48px}.page-heading h1{font-size:26px;font-weight:600;margin-bottom:6px}.page-heading p{color:var(--muted);font-size:18px}footer{margin-top:80px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}.footer-socials{display:flex;gap:14px;align-items:center}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.footer-socials a:hover{color:var(--text);transform:rotate(-5deg) scale(1.15)}.hero{display:flex;align-items:center;gap:20px;margin-bottom:28px}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#d4d0c8,#b8b4ac)}.hero-text h1{font-size:22px;font-weight:600;margin-bottom:2px}.hero-text p{color:var(--muted);font-size:17px}.bio{margin-bottom:56px;max-width:480px}.section-row{margin-bottom:40px}.chip-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.chip-wrap{position:relative;display:inline-flex}.chip-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#1a1a1a;color:#fff;font-size:12px;white-space:nowrap;padding:5px 11px;border-radius:999px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;z-index:10}.chip-wrap:hover .chip-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 16px 6px 8px;font-size:16px;color:var(--text);text-decoration:none;background:var(--chip-bg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:var(--chip-shadow);cursor:default}.chip:hover{transform:translateY(-2px);box-shadow:var(--chip-shadow-hover);border-color:#d0d0ce;cursor:pointer}.chip-icon{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.chip-icon img{width:28px;height:28px;object-fit:contain;display:block}.connect{margin-bottom:56px}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--muted);text-decoration:none;padding:7px 16px;border:1px solid var(--border);border-radius:6px;background:var(--social-bg);transition:color .15s,border-color .15s,transform .18s ease,box-shadow .18s ease;box-shadow:var(--chip-shadow)}.social-link:hover{color:var(--text);border-color:#d0d0ce;transform:translateY(-2px);box-shadow:var(--chip-shadow-hover)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;background:var(--toggle-bg);color:var(--toggle-color);cursor:pointer;transition:background .2s ease,color .2s ease;flex-shrink:0}.theme-toggle:hover{opacity:.85}.theme-icon{display:inline-flex;align-items:center;justify-content:center;will-change:transform,opacity}[data-theme=light] .theme-toggle{background:#805ad5;color:#fff}[data-theme=light] .theme-toggle:hover{background:#6b46c1;opacity:1}[data-theme=dark] .theme-toggle{background:#fbd38d;color:#1a1a1a}[data-theme=dark] .theme-toggle:hover{background:#f6ad56;opacity:1}.tools-section{margin-bottom:44px}.tool-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid var(--border)}.tool-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.tool-icon img{width:28px;height:28px;border-radius:6px;object-fit:contain}.tool-icon img.posthog-dark,.tool-icon img.nextjs-dark,.tool-icon img.opencode-dark{display:none}.tool-icon img.posthog-light,.tool-icon img.nextjs-light,.tool-icon img.opencode-light,[data-theme=dark] .tool-icon img.posthog-dark,[data-theme=dark] .tool-icon img.nextjs-dark,[data-theme=dark] .tool-icon img.opencode-dark{display:block}[data-theme=dark] .tool-icon img.posthog-light,[data-theme=dark] .tool-icon img.nextjs-light,[data-theme=dark] .tool-icon img.opencode-light{display:none}[data-theme=dark] .tool-icon img.invert-dark{filter:invert(1)}.tool-info a{font-size:18px;font-weight:500;color:var(--text);text-decoration:none}.tool-info a:hover{text-decoration:underline}.tool-info p{font-size:16px;color:var(--muted);margin-top:5px}.writing-item{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-top:1px solid var(--border);gap:16px}.writing-item:last-child{border-bottom:1px solid var(--border)}.writing-item a{font-size:18px;color:var(--text);text-decoration:none}.writing-item a:hover{text-decoration:underline}.writing-date{font-size:13px;color:var(--muted);white-space:nowrap;flex-shrink:0}.hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:34px;height:34px;border:none;background:#ebebea;border-radius:8px;cursor:pointer;padding:4px}[data-theme=dark] .hamburger{background:#222220}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#sidebar-overlay{position:fixed;inset:0;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:120}#sidebar-overlay.open{opacity:1;pointer-events:auto}#mobile-menu{position:fixed;top:0;right:0;width:260px;height:100dvh;background:var(--bg);display:flex;flex-direction:column;padding:64px 24px 24px;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:130;box-shadow:-4px 0 24px #00000014;pointer-events:none}.sidebar-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .15s ease,border-color .15s ease}.sidebar-close:hover{color:var(--text);border-color:var(--text)}#mobile-menu a{font-size:18px;color:var(--muted);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--border);transition:color .15s}#mobile-menu a:last-child{border-bottom:none}#mobile-menu a:hover{color:var(--text)}#mobile-menu.open{transform:translate(0);pointer-events:auto}@media(max-width:570px){nav ul{display:none}.hamburger{display:flex}.hero{flex-direction:column;align-items:flex-start}.nav-divider{margin-bottom:36px}.writing-item{flex-direction:column;gap:4px}.writing-date{align-self:flex-start}footer{flex-direction:column;gap:12px}}@media(max-width:360px){.contribution-footer{flex-wrap:wrap;gap:12px}}@media(max-width:320px){.chip-tooltip{display:none!important}}.github-section{margin-bottom:56px}.contribution-calendar{margin-bottom:12px;position:relative;overflow:hidden}.contribution-scroll{overflow-x:auto;width:100%;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.contribution-scroll::-webkit-scrollbar{display:none}.contribution-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.contribution-header{display:flex;gap:6px;margin-bottom:6px;min-width:0}.contribution-header .contribution-days{width:36px;flex-shrink:0}.contribution-months{display:grid;grid-template-columns:repeat(53,minmax(10px,1fr));gap:3px;font-size:11px;color:var(--muted);line-height:1;min-width:0}.contribution-months span{grid-row:1;white-space:nowrap}.contribution-body{display:flex;gap:6px;min-width:0}.contribution-days{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;width:36px;font-size:11px;color:var(--muted);line-height:1;align-items:center}.contribution-grid{display:grid;grid-template-columns:repeat(53,minmax(10px,1fr));gap:3px;min-width:0}.contribution-cell{width:100%;aspect-ratio:1 / 1;border-radius:2px}.contribution-cell[data-level="0"]{background:#ebedf0}.contribution-cell[data-level="1"]{background:#9be9a8}.contribution-cell[data-level="2"]{background:#40c463}.contribution-cell[data-level="3"]{background:#30a14e}.contribution-cell[data-level="4"]{background:#216e39}[data-theme=dark] .contribution-cell[data-level="0"]{background:#1c1c1a}[data-theme=dark] .contribution-cell[data-level="1"]{background:#0e4429}[data-theme=dark] .contribution-cell[data-level="2"]{background:#006d32}[data-theme=dark] .contribution-cell[data-level="3"]{background:#26a641}[data-theme=dark] .contribution-cell[data-level="4"]{background:#39d353}.contribution-total{font-size:13px;color:var(--muted);margin:0}.contribution-total a{color:var(--muted);text-decoration:none}.contribution-total a:hover{text-decoration:underline}