:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-elevated: #242424;--color-border: #2e2e2e;--color-text: #f0f0f0;--color-text-muted: #888888;--color-accent: #4f8ef7;--color-accent-hover: #3a7de8;--color-tag-bg: #1e2a3a;--color-tag-text: #7db4f5;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--max-width: 900px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg)}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.4}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}p{color:var(--color-text-muted);line-height:1.7}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}img{max-width:100%;display:block}@media (max-width: 600px){main{padding:var(--space-lg) var(--space-md)}h1{font-size:1.6rem}h2{font-size:1.25rem}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .5s ease both}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.fade-in--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-up{animation:none;opacity:1;transform:none}.fade-in{transition:none;opacity:1;transform:none}}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:60px;display:flex;align-items:center;gap:var(--space-xl)}.header__logo{text-decoration:none;display:flex;align-items:center}.header__logo-img{height:36px;width:auto;display:block}.header__nav{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.header__link{font-size:.875rem;color:var(--color-text-muted);text-decoration:none;padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.header__link:hover{color:var(--color-text);text-decoration:none}.header__link--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.header__link--dev{color:#e8884f;margin-left:auto}.header__burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-xs);margin-left:auto}.header__burger span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.header__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 680px){.header__burger{display:flex}.header__nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.header__nav--open{display:flex}.header__link{width:100%;padding:var(--space-sm) 0;border-bottom:none;border-left:2px solid transparent;padding-left:var(--space-sm)}.header__link--active{border-left-color:var(--color-accent);border-bottom:none}.header__link--dev{margin-left:0}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.footer__logo{height:28px;width:auto;display:block}.footer__nav{display:flex;gap:var(--space-lg);flex-wrap:wrap;flex:1}.footer__nav a{font-size:.8125rem;color:var(--color-text-muted);text-decoration:none}.footer__nav a:hover{color:var(--color-text);text-decoration:none}.footer__copy{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}@media (max-width: 600px){.footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.footer__copy{margin-left:0}}.skill-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0}.skill-name{width:130px;font-size:.875rem;color:var(--color-text-muted);flex-shrink:0}.skill-pips{display:flex;gap:5px}.pip{width:10px;height:10px;border-radius:50%;background:var(--color-elevated);border:1px solid var(--color-border)}@keyframes pip-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pip-glow{0%,to{background:var(--color-accent);box-shadow:none}50%{background:#7fb3fa;box-shadow:0 0 5px 1px #4f8ef773}}.pip--filled{background:var(--color-accent);border-color:var(--color-accent);animation:pip-pop .25s ease both,pip-glow 3s ease-in-out infinite;animation-delay:calc(var(--pip-index, 0) * 80ms),calc(var(--pip-index, 0) * .3s)}@media (prefers-reduced-motion: reduce){.pip--filled{animation:none}}.tag{display:inline-block;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:.75rem;font-weight:500;padding:2px 10px;border-radius:var(--radius-sm);border:1px solid rgba(79,142,247,.15);white-space:nowrap}.article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;cursor:pointer}.article-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 8px 24px #0006;text-decoration:none}.article-card__image{width:100%;height:180px;object-fit:cover}.article-card__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.article-card__title{color:var(--color-text);font-size:1rem;font-weight:600}.article-card__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;flex:1}.article-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.article-card__repo{font-size:.8125rem;color:var(--color-accent);margin-top:var(--space-xs)}.home-hero{display:flex;gap:var(--space-xl);align-items:flex-start}.home-hero__photo-wrap{flex-shrink:0}.home-hero__photo-placeholder{width:120px;height:120px;border-radius:50%;background:var(--color-elevated);border:2px solid var(--color-border)}.home-hero__photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.home-hero__bio{display:flex;flex-direction:column;gap:var(--space-md)}.home-hero__tagline{font-size:1rem;color:var(--color-text-muted);max-width:520px}.home-hero__current{display:flex;flex-direction:column;gap:var(--space-sm)}.home-hero__at{font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.home-hero__at strong{color:var(--color-text)}.home-hero__period{font-size:.8125rem;color:var(--color-text-muted)}.home-hero__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.home-skills h2,.home-highlights h2{margin-bottom:var(--space-lg)}.home-skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs) var(--space-xl)}@media (max-width: 720px){.home-skills__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.home-skills__grid{grid-template-columns:max-content;justify-content:center}}.home-highlights__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}@media (max-width: 500px){.home-hero{flex-direction:column;gap:var(--space-lg)}}.employment-state{color:var(--color-text-muted);padding:var(--space-xl) 0}.page-intro{margin-top:var(--space-sm);margin-bottom:var(--space-xl);color:var(--color-text-muted)}.employment-list{display:flex;flex-direction:column;gap:var(--space-lg)}.job{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.job__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.job__role{font-size:1.125rem;color:var(--color-text)}.job__company{font-size:.875rem;color:var(--color-accent);margin-top:2px;display:block}.job__period{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.job__responsibilities{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.job__responsibilities li{font-size:.875rem;color:var(--color-text-muted);padding-left:var(--space-md);position:relative}.job__responsibilities li:before{content:"–";position:absolute;left:0;color:var(--color-accent)}.job__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.article-list__state,.detail-state{color:var(--color-text-muted);padding:var(--space-xl) 0}.detail-state button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0}.detail__breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.detail__breadcrumb a{color:var(--color-accent)}.detail__breadcrumb span:last-child{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail__hero{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.detail__header{display:flex;align-items:baseline;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}.detail__date{font-size:.8125rem;color:var(--color-text-muted);flex-shrink:0}.detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl)}.prose{color:var(--color-text-muted);line-height:1.8;max-width:720px}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.prose h1{font-size:1.75rem}.prose h2{font-size:1.375rem}.prose h3{font-size:1.125rem}.prose p{margin-bottom:var(--space-md);color:var(--color-text-muted)}.prose ul,.prose ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.prose li{margin-bottom:var(--space-xs);color:var(--color-text-muted)}.prose strong{color:var(--color-text);font-weight:600}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;color:var(--color-accent)}.prose pre{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md)}.prose pre code{background:none;border:none;padding:0;color:var(--color-text);font-size:.875rem}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin-left:0;color:var(--color-text-muted);font-style:italic}.prose img{border-radius:var(--radius-md);margin:var(--space-lg) 0}.prose a{color:var(--color-accent)}.prose hr{margin:var(--space-xl) 0}.detail__repo-link{display:inline-block;margin-top:var(--space-xl);font-size:.9rem;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);transition:background .15s ease}.detail__repo-link:hover{background:var(--color-accent);color:#fff;text-decoration:none}.editor-badge{font-size:.65rem;font-weight:600;background:#3a1a00;color:#e8884f;border:1px solid #e8884f44;border-radius:var(--radius-sm);padding:2px 8px;vertical-align:middle;margin-left:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.editor-form{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);max-width:640px}.editor-field{display:flex;flex-direction:column;gap:var(--space-xs)}.editor-field span{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.editor-field input,.editor-field select,.editor-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:.9rem;padding:var(--space-sm) var(--space-md);outline:none;transition:border-color .15s ease}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:var(--color-accent)}.editor-field textarea{resize:vertical;font-family:var(--font-mono);font-size:.8125rem}.editor-field--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.editor-field--inline input{width:auto;padding:0;accent-color:var(--color-accent)}.editor-actions{display:flex;align-items:center;gap:var(--space-md)}.editor-actions button{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:background .15s ease}.editor-actions button:hover:not(:disabled){background:var(--color-accent-hover)}.editor-actions button:disabled{opacity:.6;cursor:default}.editor-status{font-size:.875rem}.editor-status--ok{color:#4caf7d}.editor-status--error{color:#e85f4f}