code{font-family:ui-monospace,SF Mono,Consolas,Liberation Mono,Menlo,Monaco,Courier New,monospace;font-family:var(--font-mono)}.loading{color:#6a6a6a}.navbar{background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 0}.navbar-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:900px;padding:0 2rem}.logo{color:var(--text);flex-shrink:0;font-size:.95rem;font-weight:400}.nav-center{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent)}.nav-actions{flex-shrink:0;gap:1.5rem}.nav-actions,.nav-button{align-items:center;display:flex}.nav-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.3rem;transition:color .2s}.nav-button:hover{background:none;color:var(--text)}.nav-button svg{display:block}.lang-dropdown{position:relative}.lang-menu{background:var(--bg);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}[data-theme=dark] .lang-menu{box-shadow:0 4px 12px #0000004d}.lang-option{background:none;border:none;color:var(--text);cursor:pointer;display:block;font-family:var(--font-mono);font-size:.85rem;padding:.6rem 1rem;text-align:left;transition:background .2s;width:100%}.lang-option.active,.lang-option:hover{background:var(--hover)}.lang-option.active{color:var(--accent)}@media (max-width:768px){.navbar-content{gap:1rem;padding:0 1rem}.nav-center{gap:1rem}.nav-link{font-size:.85rem}}.search-form{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);flex:1 1;font-size:.9rem;min-width:220px;padding:.6rem .9rem;transition:all .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-submit{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.search-submit:focus-visible,.search-submit:hover{background:var(--hover);border-color:var(--border);color:var(--text)}.active-filters{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.active-filters-label{color:var(--text);font-size:.85rem;font-weight:600}.active-tags{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{background:var(--hover);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-size:.8rem;padding:.15rem .7rem;transition:all .2s}.filter-chip:hover{background:var(--accent);border-color:#0000;color:#fff}.filter-clear{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;padding:.1rem .4rem}.filter-clear:hover{background:none;text-decoration:underline}.tags{gap:.4rem}.search-meta,.tags{display:flex;flex-wrap:wrap}.search-meta{color:var(--text-secondary);font-size:.85rem;gap:.5rem;margin-bottom:1rem}.search-meta strong{color:var(--text)}.empty-state{background:var(--bg);border:1px dashed var(--border);border-radius:8px;color:var(--text-secondary);padding:1rem;text-align:center}.tag-button{background:none;border:none;cursor:pointer;font:inherit}.tag{background:var(--hover);border-radius:4px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:.15rem .5rem;transition:all .2s}.tag:hover{background:var(--accent);color:#fff}.tag-more{color:var(--text-secondary);font-size:.7rem;font-weight:600}.highlight{background:#2563eb33;border-radius:3px;color:inherit;padding:0 .15em}.works-page{padding:2rem 0}.works-page:has(.page-header:empty),.works-page:not(:has(.page-header)){padding:0}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.works-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.work-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.work-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.work-image-container{aspect-ratio:16/9;background:var(--hover);overflow:hidden;position:relative;width:100%}.work-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.work-card:hover .work-image{transform:scale(1.05)}.work-image-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.work-card:hover .work-image-overlay{opacity:1}.work-image-overlay span{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px}.work-content{display:flex;flex:1 1;flex-direction:column;gap:.6rem;padding:1rem}.work-header{display:flex;flex-direction:column;gap:.25rem}.work-title{color:var(--text);font-size:1rem;font-weight:600;line-height:1.3;margin:0}.work-period{color:var(--text-secondary);font-size:.75rem;font-weight:500}.work-description{color:var(--text-secondary);flex:1 1;font-size:.85rem;line-height:1.5;margin:0}.work-repo{border-top:1px solid var(--border);color:var(--accent);font-size:.8rem;font-weight:500;gap:.4rem;padding-top:.3rem}.modal,.work-repo{align-items:center;display:flex}.modal{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:var(--hover);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.8rem;height:36px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px}.modal-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.modal-content h2{font-size:1.6rem;font-weight:700;margin-bottom:.4rem;padding-right:2rem}.modal-period{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.modal-image{border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;max-height:350px;object-fit:cover;width:100%}.modal-repo{align-items:center;color:var(--accent);display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:opacity .2s}.modal-repo:hover{opacity:.7}.modal-description{color:var(--text);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem;white-space:pre-wrap}.modal-tags{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.modal-links{padding-top:.5rem}.modal-links h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.modal-links a{align-items:center;color:var(--accent);display:flex;font-size:.9rem;gap:.6rem;margin-bottom:.6rem;text-decoration:none;transition:opacity .2s;word-break:break-all}.modal-links a:hover{opacity:.7}@media (max-width:1024px){.works-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.works-grid{gap:1rem;grid-template-columns:1fr}.work-card:hover{transform:none}.modal{padding:1rem}.modal-content{max-height:90vh;padding:1.5rem}.modal-content h2{font-size:1.3rem}.page-header h1{font-size:1.6rem}}@media (max-width:480px){.work-content{padding:.8rem}.work-title{font-size:.95rem}.work-description{font-size:.8rem}}.home{margin:0 auto;max-width:900px;padding:3rem 0}.loading{color:var(--text-secondary);font-size:.95rem;padding:6rem 0}.hero,.loading{text-align:center}.hero{align-items:center;display:flex;flex-direction:column;margin-bottom:4rem;padding:0}.avatar{border:1px solid var(--border);border-radius:4px;height:168px;margin-bottom:2rem;object-fit:cover;width:168px}.name{font-size:1.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.5rem}.tagline{color:var(--text-secondary);font-size:1rem;line-height:2;margin-bottom:2.5rem;max-width:700px}.tagline p{margin-bottom:.5rem}.tagline p:last-child{margin-bottom:0}.social-links{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.social-link{color:var(--text-secondary);transition:color .2s}.social-link:hover{color:var(--accent)}.social-link svg{display:block}.description{color:var(--text-secondary);font-size:.95rem;line-height:2;max-width:700px;text-align:left}.description p{margin-bottom:.8rem}.section{margin-bottom:5rem}.section-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2.5rem}.section h2{border-bottom:1px solid var(--border);font-size:1.1rem;font-weight:600;letter-spacing:.05em;margin-bottom:2.5rem;padding-bottom:.5rem;text-transform:uppercase}.view-all{color:var(--text-secondary);display:block;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:.5rem 0;text-align:right;transition:color .2s}.view-all:hover{color:var(--accent)}.timeline-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.timeline-section-full{margin-top:0}.timeline-section h3{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem;text-transform:uppercase}.timeline-item{border-left:1px solid var(--border);display:block;margin-bottom:1.8rem;padding-left:1.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-item-link{color:inherit;text-decoration:none;transition:all .2s}.timeline-item-link:hover{border-left-color:var(--accent);padding-left:1.8rem}.timeline-item-link:hover .timeline-title{color:var(--accent)}.timeline-title{font-size:.95rem;font-weight:500;margin-bottom:.3rem}.timeline-period{color:var(--text-secondary);font-size:.85rem}.timeline-worktype{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:.2rem}.timeline-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-top:.5rem}@media (max-width:768px){.hero{padding:2rem 0}.avatar{height:144px;width:144px}.name{font-size:2rem}.tagline{font-size:1rem}.timeline-grid{gap:2.5rem;grid-template-columns:1fr}}@media (max-width:1024px){.timeline-grid{gap:2.5rem;grid-template-columns:1fr}}.blog-page{padding:2rem 0}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.post-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.post-date{font-size:.9rem}.post-date,.post-external{color:var(--text-secondary)}.post-external{align-items:center;display:flex;font-size:.85rem;gap:.25rem}.post-title{color:var(--text);display:block;font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.post-title:hover{color:var(--accent)}.post-snippet{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.8rem}@media (max-width:768px){.post-card{padding:1rem}.post-title{font-size:1.2rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--text:#2c2c2c;--text-secondary:#6a6a6a;--border:#d4d4d4;--accent:#2563eb;--hover:#f0f0f0;--dot-color:#2c2c2c1a;--font-mono:ui-monospace,"SF Mono",Consolas,"Liberation Mono",Menlo,Monaco,"Courier New",monospace}[data-theme=dark]{--bg:#0f0f0f;--text:#e5e5e5;--text-secondary:#a3a3a3;--border:#404040;--accent:#60a5fa;--hover:#1a1a1a;--dot-color:#e5e5e529}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#fafafa;background-color:var(--bg);background-image:radial-gradient(circle,#2c2c2c1a 1.8px,#0000 2.2px);background-image:radial-gradient(circle,var(--dot-color) 1.8px,#0000 2.2px);background-size:44px 44px;color:#2c2c2c;color:var(--text);font-family:ui-monospace,SF Mono,Consolas,Liberation Mono,Menlo,Monaco,Courier New,monospace;font-family:var(--font-mono);font-size:14px;letter-spacing:.01em;line-height:1.8;transition:background .3s,color .3s}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:900px;padding:2rem;width:100%}@media (max-width:768px){.main-content{padding:1rem}}a{color:#2563eb;color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{background:none;border:none;border-radius:4px;cursor:pointer;font-family:inherit;padding:.5rem 1rem;transition:background .2s}button:hover{background:#f0f0f0;background:var(--hover)}
/*# sourceMappingURL=main.cee1f50e.css.map*/