:root{--bg: #26251E;--fg: #F7F7F4;--fg-dim: #9a9a96;--border: #4a4a44;--accent-warm: #c9a86c;--accent-cool: #7eb5a6;--accent-subtle: #a89bc9;--accent-warm-dim: rgba(201, 168, 108, .15);--accent-cool-dim: rgba(126, 181, 166, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:.9rem;line-height:1.6;color:var(--fg);background-color:var(--bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:.5em}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}p{margin-bottom:1em}a{color:var(--accent-warm);text-decoration:underline;text-decoration-color:#c9a86c66;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:var(--fg);text-decoration-color:var(--fg)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.page-wrap{padding:2rem 0 4rem}.navbar{background:var(--bg);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:100}.navbar__inner{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:stretch}.navbar__brand{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .75rem 0;text-decoration:none;font-weight:700;border-right:1px solid var(--border)}.navbar__brand img{width:20px;height:20px;display:block}.navbar__label{font-size:.9rem}.navbar__menu-wrapper{display:flex;flex:1}.navbar__menu{display:flex;list-style:none;margin:0;padding:0}.navbar__menu li{display:flex}.navbar__link{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:var(--fg-dim);border-right:1px solid var(--border);font-size:.85rem}.navbar__link:hover{color:var(--accent-warm);background:var(--accent-warm-dim)}.navbar__link.is-active{color:var(--accent-warm);background:var(--accent-warm-dim);border-bottom:2px solid var(--accent-warm);margin-bottom:-1px}.navbar__toggle{display:none}@media (max-width: 640px){.navbar__inner{flex-wrap:wrap}.navbar__brand{border-right:none;flex:1}.navbar__toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px}.navbar__toggle-bar{width:20px;height:2px;background:var(--fg)}.navbar__menu-wrapper{display:none;width:100%;border-top:1px solid var(--border)}.navbar__menu-wrapper.is-open{display:flex}.navbar__menu{flex-direction:column;width:100%}.navbar__link{border-right:none;border-bottom:1px solid var(--border);padding:.75rem 1rem}.navbar__link:last-child{border-bottom:none}}.terminal{padding:1.5rem 0}.terminal-line{display:flex;gap:1.5rem;padding:.15rem 0;align-items:baseline}.line-number{color:var(--accent-cool);opacity:.6;user-select:none;min-width:2ch;text-align:right;flex-shrink:0}.line-content{flex:1}.line-content.md-h1{font-size:1.5rem;font-weight:700;color:var(--accent-cool)}.line-content.md-h2{font-size:1.25rem;font-weight:700;color:var(--accent-cool);opacity:.85}.line-content.md-h3{font-size:1.1rem;font-weight:700;color:var(--accent-cool);opacity:.7}.line-content.md-bold{font-weight:700}.line-content.md-italic{font-style:italic}.line-content.md-code{background:#f7f7f41a;padding:.1rem .3rem;border-radius:2px}.comment{color:var(--accent-subtle);opacity:.7}.command{font-weight:700}.portfolio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio-item{border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;aspect-ratio:1 / 1;overflow:hidden}.portfolio-item:hover{background:var(--accent-cool-dim);border-color:var(--accent-cool)}.portfolio-image{width:100%;height:65%;object-fit:cover;display:block;border-bottom:2px solid var(--border)}.portfolio-content{flex:1;padding:.75rem 1rem;background:#f7f7f408;display:flex;flex-direction:column;justify-content:flex-start}.portfolio-title{font-weight:700;font-size:.95rem;margin-bottom:.25rem;color:var(--fg)}.portfolio-description{color:var(--fg-dim);font-size:.8rem;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 580px){.portfolio-list{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.blog-list{display:flex;flex-direction:column;gap:0}.blog-item{display:flex;align-items:stretch;text-decoration:none;border:1px solid var(--border);margin-top:-1px}.blog-item:first-child{margin-top:0}.blog-item:hover{background:var(--accent-warm-dim);border-color:var(--accent-warm)}.blog-line-number{display:flex;align-items:center;justify-content:center;min-width:3rem;padding:.75rem;background:#f7f7f40d;border-right:1px solid var(--border);color:var(--fg-dim);font-size:.85rem}.blog-content{flex:1;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.blog-date{color:var(--fg-dim);font-size:.85rem;flex-shrink:0}.blog-title{flex:1}.blog-item:hover .blog-title{text-decoration:underline}.blog-empty{padding:1rem;border:1px solid var(--border)}.links-list{display:flex;flex-direction:column;gap:.5rem}.link-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);text-decoration:none}.link-item:hover{background:var(--accent-cool-dim);border-color:var(--accent-cool)}.link-icon{width:24px;height:24px;flex-shrink:0}.link-text{flex:1}.link-title{font-weight:700}.link-description{color:var(--fg-dim);font-size:.85rem}.card{border:1px solid var(--border);padding:1rem 1.25rem;margin-bottom:1rem}.card:last-child{margin-bottom:0}.card-title{font-weight:700;margin-bottom:.25rem}.card-description{color:var(--fg-dim);font-size:.85rem}.about-image-container{margin-top:1.5rem;border:1px solid var(--border);padding:4px;width:fit-content;max-width:100%}.about-image{max-width:100%;height:auto;display:block}.text-dim{color:var(--fg-dim)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}