:root{--bg-primary:#3a4149;--bg-secondary:#2d3238;--bg-sidebar:#2a2f36;--bg-code-block:#1e2328;--bg-code-inline:rgba(0, 255, 153, 0.12);--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-muted:#6c757d;--text-inverse:#1a1a1a;--accent-primary:#00FF99;--accent-glow:#0affc2;--accent-dim:#00cc7a;--accent-dark:#009966;--border-color:#4a5259;--border-light:#5a6269;--focus-ring:0 0 0 3px rgba(0, 255, 153, 0.4);--focus-outline:2px solid var(--accent-primary);--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
               'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco',
               'Courier New', monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--sidebar-width:280px;--content-max-width:800px;--container-max-width:1200px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 20px rgba(0, 0, 0, 0.4);--glow-emerald:0 0 20px rgba(0, 255, 153, 0.4);--glow-emerald-strong:0 0 30px rgba(0, 255, 153, 0.6)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient( 0,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px );pointer-events:none;z-index:9999;opacity:.03}:focus{outline:var(--focus-outline);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--focus-ring)}.skip-to-main{position:absolute;top:-100px;left:0;z-index:9999;padding:var(--space-md)var(--space-lg);background:var(--accent-primary);color:var(--text-inverse);font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-to-main:focus{top:0}.page-container{display:grid;grid-template-columns:var(--sidebar-width)1fr;max-width:var(--container-max-width);margin:0 auto;min-height:100vh}.sidebar{background:rgba(42,47,54,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-2xl)var(--space-xl);position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(0,255,153,.2);box-shadow:4px 0 24px rgba(0,0,0,.3)}.main-content{background:var(--bg-primary);padding:var(--space-2xl);max-width:var(--content-max-width);width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-top:2em;margin-bottom:.75em;color:var(--text-primary);letter-spacing:-.02em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1,h2{background:linear-gradient( 135deg,var(--text-primary) 0%,var(--accent-glow) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem;font-weight:700}p{margin-bottom:1.5em}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-glow);text-decoration:underline}a:active{color:var(--accent-dim)}code{font-family:var(--font-mono);font-size:.875em}:not(pre)>code{background:var(--bg-code-inline);color:var(--accent-primary);padding:.15em .4em;border-radius:3px;border:1px solid rgba(0,255,153,.2);font-weight:500}pre{position:relative;background:linear-gradient( 135deg,#1a1f24 0%,#1e2328 100% );padding:var(--space-lg);border-radius:8px;overflow-x:auto;border-left:3px solid var(--accent-primary);margin:1.5em 0;line-height:1.5;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:box-shadow .3s ease}pre:hover{box-shadow:0 4px 20px rgba(0,255,153,.15)}pre code{background:0 0;color:var(--text-primary);padding:0;border:none;font-size:.9em}.profile{text-align:center;margin-bottom:var(--space-2xl)}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(0,255,153,.4)}50%{box-shadow:0 0 35px rgba(0,255,153,.7)}}.profile-avatar{width:140px;height:140px;border-radius:50%;border:3px solid var(--accent-primary);margin:0 auto var(--space-md);display:block;animation:pulse-glow 3s ease-in-out infinite;position:relative}.profile-avatar::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:radial-gradient( circle,rgba(0,255,153,.3) 0%,transparent 70% );z-index:-1;filter:blur(10px)}.profile-avatar:hover{box-shadow:var(--glow-emerald-strong)}.profile-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.profile-title{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.profile-bio{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.social-links{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.social-links a{color:var(--accent-primary);font-size:1.5rem;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,255,153,5%)}.social-links a:hover{transform:translateY(-3px);color:var(--accent-glow);background:rgba(0,255,153,.15);text-decoration:none;box-shadow:var(--glow-emerald)}.social-links a:focus-visible{transform:translateY(-3px);background:rgba(0,255,153,.2)}.sidebar-nav{margin-top:var(--space-2xl)}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:var(--space-sm)}.sidebar-nav a{display:block;padding:var(--space-sm)var(--space-md);color:var(--text-secondary);border-radius:4px;transition:all var(--transition-base)}.sidebar-nav a:hover{background:rgba(0,255,153,.1);color:var(--accent-primary);text-decoration:none;padding-left:var(--space-lg)}.sidebar-nav a:focus-visible{background:rgba(0,255,153,.15);color:var(--accent-primary)}.sidebar-nav a.active{background:rgba(0,255,153,.15);color:var(--accent-primary);font-weight:600}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:0 0;border:none;cursor:pointer;padding:0;z-index:10;position:relative}.hamburger:focus{outline:2px solid var(--accent-primary);outline-offset:4px}.hamburger-line{width:2rem;height:.2rem;background:var(--accent-primary);border-radius:2px;transition:all .3s ease;position:relative;transform-origin:center}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(.6rem)rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-.6rem)rotate(-45deg)}article header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.post-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md);line-height:1.2}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.875rem;color:var(--text-secondary);align-items:center}.post-meta-item{display:flex;align-items:center;gap:var(--space-xs)}.post-meta svg,.post-meta-item::before{color:var(--accent-primary)}.post-content{font-size:1.0625rem;line-height:1.7}.post-content ul,.post-content ol{margin-left:var(--space-xl);margin-bottom:1.5em}.post-content li{margin-bottom:.5em}.post-content ul{list-style-type:disc}.post-content ol{list-style-type:decimal}.post-list{list-style:none;margin:0;padding:0}.post-list-item{background:rgba(45,50,56,.6);border:1px solid rgba(0,255,153,.15);border-radius:12px;padding:2rem;margin-bottom:var(--space-2xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.post-list-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent );opacity:0;transition:opacity .3s ease}.post-list-item:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 8px 32px rgba(0,255,153,.2);background:rgba(45,50,56,.8)}.post-list-item:hover::before{opacity:1}.post-list-item:last-child{margin-bottom:var(--space-2xl)}.post-list-title{font-size:1.75rem;margin-bottom:var(--space-sm);word-wrap:break-word;overflow-wrap:break-word}.post-list-title a{color:var(--text-primary);transition:color var(--transition-base)}.post-list-title a:hover{color:var(--accent-primary);text-decoration:none}.post-summary{color:var(--text-secondary);margin-bottom:var(--space-md);word-wrap:break-word;overflow-wrap:break-word}.read-more{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent-primary);font-weight:500;font-size:.9375rem;transition:gap var(--transition-base)}.read-more:hover{gap:var(--space-sm);text-decoration:none}blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--space-lg);margin:1.5em 0;font-style:italic;color:var(--text-secondary)}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-2xl)0}img{max-width:100%;height:auto;border-radius:6px;margin:1.5em 0}figure{margin:2em 0}figcaption{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:var(--space-sm)}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.9375rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}thead{background:var(--bg-secondary);border-bottom:2px solid var(--accent-primary)}th{padding:var(--space-md);text-align:left;font-weight:600;color:var(--text-primary)}td{padding:var(--space-md);border-bottom:1px solid var(--border-color)}tbody tr:hover{background:rgba(0,255,153,5%)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-glow) 100% );color:var(--text-inverse);border:none;border-radius:6px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:0 4px 15px rgba(0,255,153,.3);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.3),transparent );transition:left .5s ease}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,153,.4);text-decoration:none;color:var(--text-inverse)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--focus-ring)}.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-3xl);list-style:none}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-xs)var(--space-sm);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);transition:all var(--transition-base)}.pagination a:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(0,255,153,.1);text-decoration:none}.pagination .active{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse);font-weight:600}.site-footer{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);text-align:center}.site-footer a{color:var(--accent-primary)}@media(max-width:768px){:root{--space-2xl:2rem;--space-3xl:3rem}.page-container{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-xl)var(--space-lg)}.main-content{padding:var(--space-xl)var(--space-lg)}.hamburger{display:flex;margin-bottom:var(--space-md)}.sidebar-nav{max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:0}.sidebar-nav.active{max-height:500px;margin-top:var(--space-md)}.sidebar-nav ul{padding-top:var(--space-sm)}.sidebar-nav a{padding:var(--space-md);font-size:1.1rem}.sidebar-nav a:hover{padding-left:var(--space-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.post-title{font-size:2rem}.post-list-title{font-size:1.5rem}.post-list-item{padding:var(--space-lg)}.post-meta{gap:var(--space-sm)}}@media(max-width:480px){html{font-size:14px}.main-content{padding:var(--space-lg)var(--space-md)}.sidebar{padding:var(--space-lg)var(--space-md)}.post-list-item{padding:var(--space-md)}.post-meta{gap:var(--space-xs);font-size:.8125rem}.post-list-title{font-size:1.25rem;word-wrap:break-word;overflow-wrap:break-word}.post-summary{word-wrap:break-word;overflow-wrap:break-word}}@media print{.sidebar,.social-links,.pagination{display:none}.page-container{grid-template-columns:1fr}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient( 180deg,var(--accent-dim),var(--accent-primary) );border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}