@font-face{font-family:ZedMono;src:url(/fonts/zed-mono-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ZedMono;src:url(/fonts/zed-mono-semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ZedMono;src:url(/fonts/zed-mono-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.sidebar{position:fixed;top:0;left:0;height:100vh;background:linear-gradient(180deg,#313244,#181825);width:10rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000004d;border-right:1px solid #45475a;z-index:100}.sidebar.collapsed{width:5rem}.sidebar.collapsed .sidebar-title{display:none}.sidebar .sidebar-title{cursor:pointer;letter-spacing:5px}@media (max-width: 768px){.sidebar{width:100vw;height:100vh;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:100vw}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}}@media (max-width: 480px){.sidebar.collapsed{width:100vw}}.sidebar-header{padding:1rem;font-weight:700;font-size:1.2rem;color:#89b4fa;white-space:nowrap;transition:opacity .3s;border-bottom:1px solid #45475a;background:#89b4fa0d;position:relative;display:flex;align-items:center;justify-content:space-between}.sidebar-header p{margin:0}.mobile-close-button{background:#f38ba8;border:none;color:#fff;width:50px;height:50px;cursor:pointer;font-size:1.5rem;font-weight:700;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-close-button:hover{background:linear-gradient(135deg,#eba0ac,#f38ba8);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.mobile-close-button:active{transform:scale(.95)}.sidebar.collapsed .sidebar-header{opacity:0}@media (max-width: 768px){.sidebar.collapsed .sidebar-header{opacity:1;text-align:left}}.sidebar-links{flex-grow:1;display:flex;flex-direction:column;padding:1rem}@media (max-width: 768px){.sidebar-links{gap:.5rem}}.sidebar-links a{color:#cdd6f4;text-decoration:none;padding:.8rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;white-space:nowrap;overflow:hidden;margin-bottom:1rem}.sidebar-links a:hover{background-color:#45475a;transform:translate(5px)}.sidebar-links a[href="/about-me"]{border:2px solid #f38ba8}.sidebar-links a[href="/blog"]{border:2px solid #a6e3a1}.sidebar-links a[href="/projects"]{border:2px solid #74c7ec}.sidebar.collapsed .sidebar-links a{justify-content:center;font-size:1.2rem;padding:.75rem .5rem;margin-bottom:.5rem}.sidebar.collapsed .sidebar-links a[href="/about-me"]{border:2px solid #f38ba8}.sidebar.collapsed .sidebar-links a[href="/blog"]{border:2px solid #a6e3a1}.sidebar.collapsed .sidebar-links a[href="/projects"]{border:2px solid #74c7ec}.sidebar.collapsed .sidebar-links a:after{content:attr(data-initial);color:#89b4fa;font-weight:700;display:block}@media (max-width: 768px){.sidebar.collapsed .sidebar-links a{justify-content:flex-start;font-size:1rem;padding:1rem;margin-bottom:.5rem;border:none}.sidebar.collapsed .sidebar-links a:after{display:none}}.sidebar-links a h3{transition:opacity .3s;margin:0;font-weight:500}.sidebar-links a[href="/about-me"]{color:#f38ba8}.sidebar-links a[href="/blog"]{color:#a6e3a1}.sidebar-links a[href="/projects"]{color:#74c7ec}.sidebar.collapsed .sidebar-links a h3{opacity:0;width:0}@media (max-width: 768px){.sidebar.collapsed .sidebar-links a h3{opacity:1;width:auto;margin-left:1rem}}.desktop-toggle{background:linear-gradient(135deg,#89b4fa,#74c7ec);border:none;color:#1e1e2e;padding:.75rem 1rem;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;position:absolute;top:50%;right:-5px;transform:translateY(-50%);border-radius:0 8px 8px 0;box-shadow:2px 2px 10px #0003;z-index:10}.desktop-toggle:hover{background:linear-gradient(135deg,#74c7ec,#89dceb);transform:translateY(-50%) scale(1.05)}.desktop-toggle:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.desktop-toggle{display:none}}.mobile-menu-button{display:none;position:fixed;top:1rem;left:1rem;background:linear-gradient(135deg,#89b4fa,#74c7ec);border:none;color:#1e1e2e;width:50px;height:50px;cursor:pointer;font-size:1.5rem;font-weight:700;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1001;transition:all .3s ease}.mobile-menu-button:hover{background:linear-gradient(135deg,#74c7ec,#89dceb);transform:scale(1.05)}.mobile-menu-button:active{transform:scale(.95)}@media (max-width: 768px){.mobile-menu-button{display:block}}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid #45475a;background:linear-gradient(180deg,transparent 0%,rgba(69,71,90,.3) 100%);backdrop-filter:blur(10px)}.copyright{margin-bottom:.75rem;text-align:center;opacity:.7;transition:opacity .3s ease}.copyright small{font-size:.75rem;color:#a6adc8}.sidebar.collapsed .copyright{opacity:0;height:0;margin:0;overflow:hidden}@media (max-width: 768px){.sidebar.collapsed .copyright{opacity:.7;height:auto;margin-bottom:.75rem}}.social-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;transition:all .3s ease}.social-link{display:flex;align-items:center;justify-content:center;flex:1 1 calc(50% - .25rem);box-sizing:border-box;min-width:90px;padding:1rem;border-radius:8px;text-decoration:none;position:relative;overflow:hidden;transition:all .3s ease;background-color:#45475a;gap:.5rem;color:#cdd6f4}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.social-link .social-icon{font-size:1rem;transition:transform .3s ease;color:#313244}.social-link .social-label{font-size:.8rem;font-weight:500;white-space:nowrap;transition:opacity .3s ease;color:#313244}.social-link:hover .social-icon{transform:scale(1.2)}@media (max-width: 768px){.social-link{flex:1 1 calc(33.333% - .33rem);min-width:0;padding:.75rem .5rem}.social-link .social-label{font-size:.7rem}}@media (max-width: 480px){.social-link{flex:1 1 100%;justify-content:flex-start;padding:1rem}.social-link .social-label{font-size:.8rem}}.sidebar.collapsed .social-links{flex-direction:column;gap:.75rem}.sidebar.collapsed .social-links .social-link{flex:0 0 auto;min-width:0;padding:1rem;justify-content:center}.sidebar.collapsed .social-links .social-link .social-label{display:none}@media (max-width: 768px){.sidebar.collapsed .social-links{flex-direction:row;flex-wrap:wrap}.sidebar.collapsed .social-links .social-link{flex:1 1 calc(33.333% - .33rem);justify-content:center}.sidebar.collapsed .social-links .social-link .social-label{display:block;font-size:.7rem}}@media (max-width: 480px){.sidebar.collapsed .social-links .social-link{flex:1 1 100%;justify-content:flex-start}.sidebar.collapsed .social-links .social-link .social-label{display:block;font-size:.8rem}}.sidebar.collapsed .social-link .social-label{opacity:0;width:0;overflow:hidden}@media (max-width: 768px){.sidebar.collapsed .social-link .social-label{opacity:1;width:auto}}.social-link.linkedin{background:linear-gradient(135deg,#cba6f7,#f5c2e7);color:#fff}.social-link.linkedin:hover{background:linear-gradient(135deg,#e6d5fb,#fceef8)}.social-link.leetcode{background:linear-gradient(135deg,#89dceb,#74c7ec);color:#fff}.social-link.leetcode:hover{background:linear-gradient(135deg,#b5e9f2,#a1d9f2)}.social-link.github{background:linear-gradient(135deg,#f9e2af,#fab387);color:#1e1e2e}.social-link.github:hover{background:linear-gradient(135deg,#fdf3de,#fcd2b8)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sidebar.collapsed .social-link:hover{animation:pulse 1.5s infinite}@media (max-height: 600px){.sidebar-footer{padding:.5rem}.social-links{gap:.25rem}.social-link{padding:.5rem}}@media (max-width: 768px) and (max-height: 600px){.sidebar-links{padding:.5rem}.sidebar-links a{padding:.75rem;margin-bottom:.25rem}.sidebar-footer{padding:.5rem}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.sidebar{overflow-y:auto}.sidebar-header{padding:.5rem 1rem;font-size:1rem}.sidebar-links,.sidebar-footer{padding:.5rem 1rem}.social-links{gap:.25rem}.social-link{padding:.5rem;flex:1 1 calc(50% - .125rem)}.social-link .social-label{font-size:.6rem}}body{display:flex;min-height:100vh;background-color:#1e1e2e;overflow-x:hidden}.content-wrapper{flex-grow:1;padding:2rem;min-height:100vh;background-color:#1e1e2e;margin-left:10rem}.sidebar.collapsed~.content-wrapper{margin-left:5rem}@media (max-width: 768px){.content-wrapper{margin-left:0}.sidebar.open~.content-wrapper{overflow:hidden;height:100vh}}.main-content{max-width:1400px;margin:0 auto}@media (max-width: 768px){.main-content{padding:5rem 1rem 1rem}}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #45475a}.article-header .reading-time{font-size:.875rem;color:#a6adc8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-weight:500}.article-header .article-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:#cdd6f4;margin:0 0 1rem;background:linear-gradient(135deg,#89b4fa,#f38ba8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}@media (max-width: 768px){.article-header .article-title{font-size:2rem}}@media (max-width: 480px){.article-header .article-title{font-size:1.75rem}}.article-header .publish-date,.article-header .project-period{font-size:1rem;color:#bac2de;font-style:italic}.article-header .project-github-link{margin-top:.5rem;font-size:1rem;color:#bac2de}.article-header .project-github-link a{color:#b4befe}.article-header .project-github-link a:hover{border-bottom:1px solid #b4befe}.content-area{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}@media (max-width: 1300px){.content-area{grid-template-columns:1fr;gap:2rem;display:flex;flex-direction:column}}.toc-sidebar{position:sticky;top:2rem;height:fit-content;background-color:#313244;border-radius:12px;padding:1.5rem;border:1px solid #45475a;box-sizing:border-box}@media (max-width: 1300px){.toc-sidebar{order:-1;position:static;margin-top:0;margin-bottom:2rem;width:100%;max-width:100%}}@media (max-width: 768px){.toc-sidebar{padding:1rem}}@media (max-width: 1300px){.article-content{order:0}}.article-content{max-width:none;line-height:1.7;font-size:1.125rem;color:#cdd6f4}@media (max-width: 768px){.article-content{font-size:1rem}}.article-content h2{font-size:1.75rem;font-weight:600;margin:2.5rem 0 1rem;color:#89b4fa;scroll-margin-top:2rem;position:relative}.article-content h2:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:1.5rem;background:linear-gradient(180deg,#89b4fa,#74c7ec);border-radius:2px}@media (max-width: 768px){.article-content h2{font-size:1.5rem}}.article-content h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#74c7ec;scroll-margin-top:2rem}@media (max-width: 768px){.article-content h3{font-size:1.25rem}}.article-content h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:#89dceb;scroll-margin-top:2rem}@media (max-width: 768px){.article-content h4{font-size:1.1rem}}.article-content p{margin-bottom:1.5rem;color:#cdd6f4}.article-content ul,.article-content ol{margin-bottom:1.5rem}.article-content ul li,.article-content ol li{margin-bottom:.5rem;color:#cdd6f4}.article-content ul li::marker,.article-content ol li::marker{color:#cba6f7}.article-content blockquote{border-left:4px solid #89b4fa;background-color:#313244;padding:1.5rem;margin:2rem 0;border-radius:0 8px 8px 0;font-style:italic;color:#bac2de;position:relative}.article-content blockquote:before{content:'"';font-size:4rem;color:#89b4fa;position:absolute;top:-10px;left:20px;opacity:.3}.article-content code{background-color:#45475a;color:#fab387;padding:.2rem .4rem;border-radius:4px;font-size:.9rem}.article-content pre{background-color:#181825;border:1px solid #45475a;border-radius:8px;padding:1.5rem;margin:2rem 0;overflow-x:auto}.article-content pre code{background:none;padding:0;color:#cdd6f4}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;box-shadow:0 4px 20px #0000004d}.article-content a{color:#89b4fa;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.toc-sidebar{position:sticky;top:2rem;height:fit-content;background-color:#313244;border-radius:12px;padding:1.5rem;border:1px solid #45475a}@media (max-width: 1200px){.toc-sidebar{position:static;margin-top:2rem}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body.sidebar-collapsed .content-wrapper{margin-left:80px}@media (max-width: 768px){body.sidebar-collapsed .content-wrapper{margin-left:0}}*{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}#nyan-cat-image{box-shadow:none}*{font-family:ZedMono,monospace}.table-of-contents .toc-title{font-size:1.125rem;font-weight:600;color:#89b4fa;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #45475a;position:relative}.table-of-contents .toc-title:after{content:"";position:absolute;bottom:-2px;left:0;width:30%;height:2px;background:linear-gradient(90deg,#89b4fa,#74c7ec);border-radius:1px}.table-of-contents .toc-list{list-style:none;margin:0;padding:0}.table-of-contents .toc-item{margin-bottom:.25rem;position:relative}.table-of-contents .toc-item.toc-level-2{margin-left:0}.table-of-contents .toc-item.toc-level-3{margin-left:1rem}.table-of-contents .toc-item.toc-level-4{margin-left:2rem}.table-of-contents .toc-item.active .toc-link{color:#89b4fa;background-color:#89b4fa1a;border-left:3px solid #89b4fa}.table-of-contents .toc-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#6c7086;border-radius:50%;opacity:0;transition:opacity .2s ease}.table-of-contents .toc-item:hover:before{opacity:1}.table-of-contents .toc-item.active:before{background-color:#89b4fa;opacity:1}.table-of-contents .toc-link{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;color:#bac2de;text-decoration:none;border:none;background:none;text-align:left;cursor:pointer;border-radius:6px;border-left:3px solid transparent;transition:all .2s ease;line-height:1.3}.table-of-contents .toc-link:hover{color:#cdd6f4;background-color:#45475a80;transform:translate(2px)}.table-of-contents .toc-link:focus{outline:2px solid #89b4fa;outline-offset:2px}.table-of-contents::-webkit-scrollbar{width:4px}.table-of-contents::-webkit-scrollbar-track{background:#313244;border-radius:2px}.table-of-contents::-webkit-scrollbar-thumb{background:#6c7086;border-radius:2px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:#7f849c}@keyframes toc-highlight{0%{background-color:transparent}50%{background-color:#89b4fa33}to{background-color:#89b4fa1a}}.toc-item.active .toc-link{animation:toc-highlight .3s ease-out}