:root{--bg:#ffffff;--surface:#fafafa;--panel-border:#ececec;--text:#1f1f1f;--heading:#0a0a0a;--muted:#4a4a4d;--subtle:#595959;--link:#1f1f1f;--line:#ececec;--hover-bg:#f1f1f1;--active-bg:#e8e8e8;--code-bg:#f4f4f4;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}[data-theme=dark]{--bg:#000000;--surface:#0e0e0e;--panel-border:#1d1d1f;--text:#e8e8ea;--heading:#ffffff;--muted:#a0a0a4;--subtle:#888890;--link:#ffffff;--line:#1d1d1f;--hover-bg:#161618;--active-bg:#1f1f22;--code-bg:#131316}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000000;--surface:#0e0e0e;--panel-border:#1d1d1f;--text:#e8e8ea;--heading:#ffffff;--muted:#a0a0a4;--subtle:#888890;--link:#ffffff;--line:#1d1d1f;--hover-bg:#161618;--active-bg:#1f1f22;--code-bg:#131316}}*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:100%;color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.drawer-open{overflow:hidden}::selection{background:rgba(120,120,120,.35)}.skip-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.skip-link:focus-visible{left:1rem;top:1rem;width:auto;height:auto;padding:.4rem .7rem;background:var(--bg);color:var(--heading);border:2px solid var(--heading);z-index:1000}.menu-toggle{position:fixed;top:1.1rem;left:1.1rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:0 0;border:0;color:var(--muted);cursor:pointer;border-radius:8px;transition:color 120ms ease,background 120ms ease}.menu-toggle:hover{color:var(--heading);background:var(--hover-bg)}.menu-toggle:focus-visible{outline:2px solid var(--heading);outline-offset:2px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;animation:fade-in 160ms ease}@keyframes fade-in{from{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;left:0;bottom:0;width:340px;max-width:88vw;background:var(--bg);padding:1.1rem 2rem 2rem;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform 220ms cubic-bezier(.16,1,.3,1);z-index:70;overflow-y:auto}.drawer.is-open{transform:translateX(0)}.menu-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0 0 1.75rem -.5rem;background:0 0;border:0;border-radius:8px;color:var(--heading);cursor:pointer}.menu-close:hover{background:var(--hover-bg)}.nav{display:flex;flex-direction:column;gap:2rem;flex:1}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}.nav-item{display:inline-block;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--muted);text-decoration:none;line-height:1.15;transition:color 120ms ease}.nav-item:hover{color:var(--heading)}.nav-item.active{color:var(--heading)}.nav-section{display:flex;flex-direction:column;gap:1rem}.nav-section-label{font-size:.95rem;font-weight:500;color:var(--subtle)}.nav-socials{list-style:none;padding:0;margin:1rem 0 0;display:flex;gap:1.5rem;align-items:center}.nav-socials a{display:inline-flex;color:var(--subtle);text-decoration:none;transition:color 120ms ease}.nav-socials a:hover{color:var(--heading)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin-top:1.25rem;background:0 0;border:1px solid var(--panel-border);border-radius:8px;color:var(--muted);cursor:pointer;align-self:flex-start;transition:background 100ms ease,color 100ms ease}.theme-toggle:hover{background:var(--hover-bg);color:var(--heading)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:inline}[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:inline}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}a:focus-visible,button:focus-visible{outline:2px solid var(--heading);outline-offset:2px;border-radius:6px}.content{max-width:640px;margin:0 auto;padding:4rem 1.5rem 6rem;min-height:100vh}.hero{padding-top:clamp(3rem,14vh,8rem);margin-bottom:5rem}.hero-avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5688c7,#4ade80);color:#fff;font-size:16px;font-weight:700;letter-spacing:.04em;text-decoration:none;margin-bottom:1.5rem;overflow:hidden}.hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-name{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--heading);margin:0 0 1rem;line-height:1.15}.hero-bio{font-size:1.25rem;line-height:1.4;color:var(--muted);margin-bottom:2rem}.hero-bio p{margin:0 0 .5rem}.hero-bio p:last-child{margin-bottom:0}.hero-bio strong{color:var(--heading);font-weight:600}.hero-bio a{color:var(--heading);text-decoration:underline;text-underline-offset:3px}.hero-socials{list-style:none;padding:0;margin:0;display:flex;gap:1.1rem;align-items:center}.hero-socials a{display:inline-flex;color:var(--subtle);text-decoration:none;transition:color 120ms ease}.hero-socials a:hover{color:var(--heading)}.section-link{display:inline-flex;align-items:center;gap:.35rem;font-size:1rem;font-weight:500;color:var(--subtle);text-decoration:none;margin-bottom:1.5rem;transition:color 120ms ease}.section-link:hover{color:var(--heading)}.section-link svg{color:currentColor}.home-section{margin-top:3rem}.section-label{display:inline-block;font-size:1rem;font-weight:500;color:var(--subtle);margin-bottom:1.5rem}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.post-list li a{display:block;font-size:1.05rem;font-weight:600;color:var(--heading);text-decoration:none;line-height:1.35}.post-list li a:hover{color:var(--muted)}.project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.project-list li a{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;text-decoration:none;line-height:1.4}.project-name{display:inline-flex;align-items:center;gap:.3rem;font-size:1.05rem;font-weight:600;color:var(--heading)}.project-name svg{color:var(--subtle)}.project-desc{font-size:1rem;color:var(--subtle);font-weight:400}.project-list li a:hover .project-name{color:var(--muted)}.project-list li a:hover .project-name svg{color:var(--muted)}.page,.post{max-width:66ch}.post-header{margin-bottom:1.5rem}.post-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--heading);margin:0 0 .5rem;line-height:1.2}.meta{color:var(--muted);font-size:.875rem;margin:0}.content article p,.content article ul,.content article ol,.content article blockquote,.content article pre{margin:0 0 1.1rem}.content article a{color:var(--heading);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.content article h1,.content article h2,.content article h3{color:var(--heading);line-height:1.25;letter-spacing:-.015em;font-weight:700}.content article h1{font-size:1.75rem;margin:0 0 1.25rem}.content article h2{font-size:1.25rem;margin:2rem 0 .75rem}.content article h3{font-size:1.05rem;margin:1.5rem 0 .5rem}.content article li+li{margin-top:.25rem}.content article blockquote{margin-left:0;padding-left:1rem;border-left:2px solid var(--line);color:var(--muted)}.content article code{font-family:var(--font-mono);font-size:.87em;background:var(--code-bg);padding:.1em .4em;border-radius:4px}.content article pre{padding:1rem;border:1px solid var(--panel-border);border-radius:8px;overflow-x:auto;background:var(--code-bg);font-size:13px}.content article pre code{background:0 0;padding:0}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem}.album-card{border:1px solid var(--panel-border);border-radius:8px;overflow:hidden}.album-cover,.album-cover-placeholder{display:block;width:100%;aspect-ratio:1/1}.album-cover{object-fit:cover}.album-cover-placeholder{background:var(--hover-bg);color:var(--heading);font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center}.album-image-link{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden}.album-image-link:focus-visible{outline:2px solid var(--heading);outline-offset:2px}.album-hover-title{position:absolute;left:.4rem;right:.4rem;bottom:.4rem;padding:.28rem .5rem;color:#fff;font-size:.82rem;font-weight:600;line-height:1.3;border-radius:4px;background:rgba(0,0,0,.82);opacity:0;transform:translateY(4px);transition:opacity 140ms ease,transform 140ms ease;pointer-events:none}.album-image-link:hover .album-hover-title,.album-image-link:focus-visible .album-hover-title{opacity:1;transform:translateY(0)}@media(hover:none){.album-hover-title{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.album-hover-title{transition:none}.drawer{transition:none}}.maintenance-note{color:var(--muted);font-size:.9rem;margin-top:.5rem}@media(max-width:520px){.hero-name{font-size:1.5rem}.hero-bio{font-size:1.1rem}.content{padding:3.5rem 1.25rem 4rem}}