:root{--bg-color:#f8f9fa;--text-color:#333;--heading-color:#1a1a1a;--link-color:#0066cc;--link-hover-color:#004080;--border-color:#e5e5e5;--code-bg:#f5f5f5;--blockquote-bg:#f9f9f9;--blockquote-border:#e5e5e5;--nav-bg:rgba(255, 255, 255, 0.9);--nav-text:#333;--nav-active:#004080;--font-sans:'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-serif:'Merriweather', Georgia, 'Times New Roman', serif;--font-mono:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;--content-width:600px;--content-padding-mobile:0.25rem 0.5rem}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--heading-color:#f5f5f5;--link-color:#66b3ff;--link-hover-color:#99ccff;--border-color:#2b2b2b;--code-bg:#2d2d2d;--blockquote-bg:#1a1a1a;--blockquote-border:#2b2b2b;--nav-bg:rgba(26, 26, 26, 0.9);--nav-text:#e0e0e0;--nav-active:#ffd700}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-color);background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex-direction:column;flex:1 0 auto;min-height:100vh;max-width:clamp(45ch,65vw,70ch);width:100%;margin:0 auto}@media(max-width:768px){.content-wrapper{padding:var(--content-padding-mobile)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--heading-color);line-height:1.3;margin-top:2rem;margin-bottom:1rem;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1.5rem}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}hr{background-color:var(--border-color);border:none;height:1px;margin:1.25rem 0}a:hover,a:focus{color:var(--link-hover-color);text-decoration:underline}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1rem}h4{font-size:.8rem}}header{padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}nav{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.home-icon{color:var(--text-color);transition:transform .2s ease;display:flex;align-items:center}.home-icon:hover{color:var(--text-color);transform:scale(1.1)}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:2rem}.nav-links li{list-style:none}.nav-links a{color:var(--nav-text);text-decoration:none;font-weight:600;transition:opacity .2s ease;position:relative}.nav-links a:hover{transform:scale(1.075);transition:transform .2s ease}@media(max-width:768px){header{padding:.1rem 1rem}.nav-right{gap:.5rem}.nav-links{gap:1.5rem}}#dark-mode-toggle{background:0 0;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;outline:none;margin-left:.5rem}#dark-mode-toggle:hover{transform:scale(1.1)}#dark-mode-toggle .sun-icon,#dark-mode-toggle .moon-icon{width:24px;height:24px}[data-theme=dark] #dark-mode-toggle .sun-icon{display:block}[data-theme=dark] #dark-mode-toggle .moon-icon{display:none}[data-theme=light] #dark-mode-toggle .sun-icon{display:none}[data-theme=light] #dark-mode-toggle .moon-icon{display:block}main{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;padding:0 1rem}.profile-section{display:flex;flex-direction:column;justify-content:center;padding-bottom:5rem;min-height:calc(100vh - 120px);width:100%;max-width:var(--content-width);text-align:center}.profile-image-container{margin-bottom:.25rem}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:70% 0;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.quote-section{text-align:center;font-size:1.2rem;font-style:italic;color:var(--text-color);opacity:.9}article{width:100%;max-width:var(--content-width);padding:2rem 0}.post-list{list-style:none;margin:0;padding:0}.post-title-link{color:inherit;text-decoration:none;font-weight:600}.post-meta{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;opacity:.7;color:var(--text-color);margin-bottom:1.5rem}pre,code{font-family:var(--font-mono);font-size:.9rem}code{background-color:var(--code-bg);padding:.2rem .4rem;border-radius:3px}pre{background-color:var(--code-bg);padding:1rem;border-radius:5px;overflow-x:auto;margin:1.5rem 0}pre code{background-color:transparent;padding:0}blockquote{background-color:var(--blockquote-bg);font-size:1.2rem;line-height:1.6;margin:0;padding:0}blockquote p:last-child{margin-bottom:0}img{max-width:100%;height:auto;display:block;margin:1.5rem auto}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.75rem;border:1px solid var(--border-color)}th{background-color:var(--code-bg);text-align:left}.content-wrapper main ul,.content-wrapper main ol{margin:0 0 1rem 1.25rem;padding-left:0}.content-wrapper main ul{padding-left:1.15rem}.content-wrapper main li{margin-bottom:.5rem;line-height:1.6}.content-wrapper main li::marker{color:var(--link-color);font-size:1.05em;font-weight:700;opacity:.95}.content-wrapper main ol li::marker{color:var(--link-color)}.content-wrapper main ul ul,.content-wrapper main ol ol,.content-wrapper main ul ol,.content-wrapper main ol ul{margin-top:.25rem;margin-bottom:.5rem;margin-left:1rem}.content-wrapper main li code{background-color:var(--code-bg);padding:.125rem .3rem;border-radius:3px;font-family:var(--font-mono);font-size:.95em}.content-wrapper main li input[type=checkbox]{margin-right:.5rem;transform:translateY(.1em)}@media(max-width:768px){.content-wrapper main ul,.content-wrapper main ol{margin-left:1rem}.content-wrapper main li{margin-bottom:.45rem}}footer{flex-shrink:0;width:100%;padding:.75rem 1rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--footer-text)}.copyright{color:var(--text-color);opacity:.8}.social-links{display:flex;flex-direction:row;gap:1.5rem;padding-top:.25rem}.social-links a{color:var(--text-color);opacity:.8;transition:opacity .2s ease,transform .2s ease}.social-links a:hover{transform:scale(1.1)}@media(max-width:768px){footer{padding:.1rem 1rem}.social-links{gap:.75rem}}.mermaid{margin:2rem 0;text-align:center}