pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--ink: #34495e;--ink-mute: #586069;--ink-soft: #7f8c8d;--accent: #3498db;--accent-2: #f97316;--paper: #fff;--pill: #e1e4e8;--shadow: 0 4px 6px rgba(0, 0, 0, .5);--soft-shadow: 0 1px 3px rgba(0, 0, 0, .1);--radius: 10px}*{box-sizing:border-box}img,video{max-height:30rem;max-width:100%;width:auto;height:auto;display:block;border-radius:5px;object-fit:cover}p:has(img,video):not(.selected-project){display:flex;flex-direction:row;justify-content:center}img:hover:not(#modal img){transform:scale(1.02)}#page{font-family:Helvetica Neue,Arial,sans-serif;max-width:900px;width:100%;margin:0 auto;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);overflow-y:auto}main{padding:20px 40px 40px}.github-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0d7de;padding:15px 24px;color:#24292e;position:sticky;top:0;z-index:10;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:var(--paper)}.header-left,.header-right{display:flex;gap:16px;align-items:center}.header-left{gap:24px}.header-item{font-weight:600;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);position:relative}.header-item:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:transparent;transition:background-color .3s ease}.header-item.active:after{background:var(--accent-2)}.icon{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(20%) brightness(80%) contrast(90%)}#burger{width:30px;height:30px}#pen{width:15px;height:15px;border-radius:0}h1,h2,h3,h4,h5,h6{color:var(--ink)}p{line-height:1.8;color:var(--ink)}ul,ol{padding-left:40px;margin-bottom:16px;color:var(--ink);line-height:1.8;font-size:16px}blockquote{border-left:4px solid var(--accent);background:#ecf0f1;padding:10px 20px;font-style:italic;color:var(--ink-soft)}pre{padding:10px;overflow:auto;font-size:16px;line-height:1.5;font-family:Courier New,monospace;background:#fafafa}code{padding:2px 6px;font-family:Courier New,monospace;font-size:13px;background:#f6f8fa;border-radius:4px}a{text-decoration:none;color:var(--ink);font-weight:700;transition:color .3s ease}a:hover{color:silver}footer{text-align:center;padding:16px 0 24px}.project-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:6px;padding:16px;margin-bottom:16px;background:#fff;box-shadow:var(--soft-shadow);gap:16px}.project-title{font-size:16px;font-weight:600;color:#0366d6}.project-title:hover{text-decoration:underline}.project-description{margin:8px 0;font-size:14px;color:var(--ink-mute)}.project-tags{list-style:none;padding:0;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap}.project-tags li{background:var(--pill);border-radius:12px;padding:4px 8px;font-size:12px;color:#24292f}.project-meta{font-size:12px;color:var(--ink-mute);display:flex;gap:16px;margin-top:8px;align-items:center}.language{display:flex;align-items:center}.language-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.project-image{aspect-ratio:5/3;height:125px;width:auto;object-fit:cover;border-radius:6px;flex-shrink:0}.selected-project{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.selected-project::-webkit-scrollbar{height:8px}.selected-project::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:8px}.selected-project a{scroll-snap-align:start;position:relative}.selected-project img{width:100%;height:auto;aspect-ratio:5/4;transition:transform .3s ease,filter .3s ease}.selected-project img:hover{filter:brightness(.9)}.selected-project .title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:1}.selected-project .title h2{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);font-size:28px}.selected-project a:hover .title{opacity:1}@media(min-width:992px){.selected-project{grid-auto-columns:480px}}@media(max-width:768px){#page{border-radius:0;box-shadow:none}main{padding:50px 16px 24px}p,ul,ol{font-size:14px;line-height:1.6}ul,ol{padding-left:20px}blockquote{padding:10px;font-size:14px}.project-card{flex-direction:column;align-items:flex-start;gap:10px}.project-image{width:100%;height:auto}.github-header{padding:10px 15px}.header-item{font-size:14px}.icon{width:18px;height:18px}#burger{width:24px;height:24px}img{border-radius:4px}img[src*=".gif"]{max-height:250px}}@media(max-width:480px){.github-header{padding:8px 10px}.header-item{font-size:12px}.icon{width:16px;height:16px}}