body::after,body::before{content:"";position:fixed;pointer-events:none}.post-title,body,body.light-theme .section-title{color:var(--text)}.type-ghost,body::after,body::before{pointer-events:none}.author-card,.hero-image{box-shadow:var(--shadow)}.author-sub,.post-meta,.section-title{text-transform:uppercase}.back-btn,.nav-box a{text-decoration:none}:root{--bg-gradient:linear-gradient(135deg, #0f0c29, #1e1b41, #161630);--text:#e0f7ff;--text-muted:#a0a0c0;--primary:#40c4ff;--primary-glow:rgba(64, 196, 255, 0.35);--accent:#a78bfa;--card:rgba(30, 30, 60, 0.75);--border:rgba(167, 139, 250, 0.22);--shadow:0 12px 48px rgba(0, 0, 0, 0.5);--scrollbar-bg:#0f0c29;--scrollbar-thumb:#1e1b41;--scrollbar-hover:#5967ff;--item-bg-muted:rgba(64, 196, 255, 0.07);--item-bg-hover:rgba(64, 196, 255, 0.18);--btn-grad-start:#3a9eff;--btn-grad-end:#7a5aff;--white:#ffffff;--black:#000000;--label-color:#d0d8e8;--surface-darker:rgba(15, 12, 41, 0.5);--grid-color:rgba(64, 196, 255, 0.12);--grid-size:50px;--glass-blur:12px;--scanline:rgba(64, 196, 255, 0.015);--bg-main:#020205;--grid-main:rgba(64, 196, 255, 0.3);--grid-sub:rgba(64, 196, 255, 0.08);--glow-core:rgba(64, 196, 255, 0.1);--vignette:radial-gradient(circle at 50% 40%, transparent 20%, rgba(0,0,0,1) 90%);--flare:rgba(255, 255, 255, 0.03);--grain:url("https://grainy-gradients.vercel.app/noise.svg")}.light-theme{--bg-gradient:linear-gradient(135deg, #f0f4f8, #e2e8f0, #d1d9e6);--card:rgba(255, 255, 255, 0.9);--border:rgba(0, 86, 179, 0.15);--shadow:0 12px 48px rgba(0, 0, 0, 0.08);--text:#1e293b;--text-muted:#334155;--primary:#0056b3;--primary-glow:rgba(0, 86, 179, 0.15);--accent:#553c9a;--scrollbar-bg:#f1f5f9;--scrollbar-thumb:#cbd5e0;--scrollbar-hover:#0056b3;--item-bg-muted:rgba(0, 86, 179, 0.08);--item-bg-hover:rgba(0, 86, 179, 0.12);--btn-grad-start:#0056b3;--btn-grad-end:#553c9a;--label-color:#1e293b;--surface-darker:#f8fafc;--grid-color:rgba(0, 74, 153, 0.05);--glass-edge:rgba(0, 0, 0, 0.05);--scanline:rgba(0, 0, 0, 0.01);--bg-main:#f0f4f8;--grid-main:rgba(0, 74, 153, 0.12);--grid-sub:rgba(0, 74, 153, 0.04);--glow-core:rgba(0, 74, 153, 0.05);--vignette:radial-gradient(circle at 50% 40%, transparent 40%, rgba(226, 232, 240, 0.8) 100%);--flare:rgba(0, 74, 153, 0.01)}*,::after,::before{transition:background-color .4s,color .3s,border-color .3s}body,html{width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important;scroll-behavior:smooth!important;scroll-padding-top:110px!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:3px solid var(--scrollbar-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.container{width:90%;max-width:1100px;margin:0 auto;padding:1rem 0}body::before{inset:-20% -20%;width:140vw;height:140vh;background-image:linear-gradient(var(--grid-main) 1px,transparent 1px),linear-gradient(90deg,var(--grid-main) 1px,transparent 1px),linear-gradient(var(--grid-sub) 1px,transparent 1px),linear-gradient(90deg,var(--grid-sub) 1px,transparent 1px);background-size:200px 200px,200px 200px,40px 40px,40px 40px;background-position:center center;transform:perspective(1200px) rotateX(65deg) translate(var(--parallax-x,0),var(--parallax-y,0));transform-origin:center center;z-index:-2;mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);transition:background-image .5s}@keyframes grid-pulse{0%,100%{opacity:.6;transform:perspective(800px) rotateX(55deg) translateY(0)}50%{opacity:.9;transform:perspective(800px) rotateX(58deg) translateY(-10px)}}body::after{inset:0;background:linear-gradient(90deg,transparent 40%,var(--flare) 50%,transparent 60%),url("https://grainy-gradients.vercel.app/noise.svg"),var(--vignette);background-blend-mode:soft-light,overlay,normal;background-size:200% 100%,auto,100% 100%;opacity:.6;z-index:-1;animation:20s linear infinite flare-sweep}@keyframes flare-sweep{from{background-position:200% 0,0 0,0 0}to{background-position:-200% 0,0 0,0 0}}body{margin:0;min-height:100vh;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--primary-glow) 0,transparent 35%),var(--bg-gradient);background-attachment:fixed;transition:background .5s;overflow-x:hidden;font-family:Tektur,sans-serif}.light-theme body{background:var(--bg-gradient)!important;background-attachment:fixed}.sidebar-theme-toggle{margin:1em auto 0}.light-theme body::before{opacity:.15;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,black 30%,transparent 90%)}.light-theme body::after{opacity:.25;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%),url("https://grainy-gradients.vercel.app/noise.svg"),radial-gradient(circle at 50% 40%,transparent 60%,rgba(255,255,255,.5) 100%);background-blend-mode:overlay}.light-theme .hero-container{background-color:transparent}.progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:0 0;z-index:2000}.type-layer,.typing-target .type-layer{position:absolute;top:0;left:0;width:100%}.post-header-area{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:40px;width:100%}#typing-post-title{position:relative;display:block;width:100%;margin-bottom:1.5rem}.type-ghost{visibility:hidden;display:block;user-select:none}.type-layer{height:100%}.letters{display:inline}.cursor{display:inline-block;color:var(--primary);margin-left:2px;animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.typing-target{position:relative;display:block}.typing-target .type-ghost{visibility:hidden;display:block;pointer-events:none}.typing-target .cursor{display:none;color:var(--primary,#40c4ff);animation:.8s infinite blink-sidebar}@keyframes blink-sidebar{50%{opacity:0}}.hero-image{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s;width:100%;margin-top:20px}.hero-image.visible{opacity:1;transform:translateY(0)}.progress-bar{height:100%;background:linear-gradient(to right,var(--primary),var(--accent));width:0%;transition:width .1s ease-out}.post-wrapper{max-width:1200px;margin:140px auto 80px;padding:0 25px;display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:start}.post-content{min-width:0;overflow-wrap:break-word}.post-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:40px}.author-card{background:var(--card);border:1px solid var(--border);padding:clamp(15px,3vw,25px);border-radius:24px;backdrop-filter:blur(12px);transition:transform .3s}.author-card:hover .author-img{box-shadow:0 0 30px var(--primary)}.author-card h4{font-family:Tektur,sans-serif;color:var(--primary);margin-bottom:5px}.profile-img-container{width:80%;height:auto;position:relative;margin:0 auto}.author-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--primary);box-shadow:0 0 20px var(--primary-glow);transition:transform .3s,box-shadow .3s}.author-sub{font-size:.8rem;color:var(--text-muted);font-weight:600}.sidebar-hr{margin:15px 0;border:0;border-top:1px solid var(--border)}.comment-section,.form-footer{border-top:1px solid var(--border)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.back-btn{color:var(--primary);font-weight:700;font-size:.9rem;transition:transform .3s;display:inline-block;margin-bottom:25px}.post-meta,blockquote{color:var(--text-muted)}.back-btn:hover{transform:translateX(-5px)}.post-meta{font-size:.85rem;font-weight:500;letter-spacing:1.5px}.post-title{font-family:Tektur,sans-serif;font-size:clamp(2.2rem, 6vw, 3.8rem);margin:15px 0 35px;line-height:1;color:var(--text);letter-spacing:-1.5px}.nav-label,.section-title{font-family:Tektur,sans-serif;letter-spacing:2px}.hero-image{max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin-bottom:50px;box-shadow:var(--shadow)}.post-body{font-size:clamp(1rem, 2vw, 1.15rem);max-width:100%}.post-body h2,.post-body h3{margin:50px 0 20px;font-family:Tektur,sans-serif;color:var(--text);letter-spacing:1px}.lead{font-size:1.4rem;font-weight:500;color:var(--primary);line-height:1.6;margin-bottom:30px}blockquote{border-left:5px solid var(--primary);background:var(--primary-glow);padding:30px;margin:40px 0;border-radius:0 15px 15px 0;font-style:italic;font-size:1.25rem}pre{background:var(--surface-darker);padding:25px;border-radius:16px;overflow-x:auto;border:1px solid var(--border);margin:35px 0}code{font-family:Tektur,sans-serif;font-size:.95rem;color:var(--accent)}.comment-section{width:100%;padding:60px 0;margin-top:40px;background:0 0}body.light-theme .comment-section{background:var(--bg-gradient)}.section-title{font-size:1.5rem;margin-bottom:40px;color:var(--text)}.giscus{width:100%;margin-top:20px;min-height:250px}.comment-form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;backdrop-filter:blur(10px);margin-bottom:40px}.comment-form-card textarea{width:100%;min-height:100px;background:0 0;border:none;color:var(--text);font-family:Tektur,sans-serif;resize:vertical;outline:0;font-size:1rem}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px}.comment-note{font-size:.85rem;color:var(--text-muted)}.submit-btn{background:linear-gradient(135deg,var(--btn-grad-start),var(--btn-grad-end));color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--primary-glow)}.comment-item{display:flex;gap:15px;margin-bottom:30px}.comment-avatar{width:45px;height:45px;border-radius:50%;background:var(--primary-glow);flex-shrink:0;border:1px solid var(--border)}.comment-header{margin-bottom:5px}.comment-author{font-weight:700;color:var(--primary);margin-right:10px}.comment-date{font-size:.8rem;color:var(--text-muted)}.post-navigation{display:flex;justify-content:space-between;gap:20px;margin:60px 0;padding-top:40px;border-top:1px solid var(--border)}.nav-box{flex:1;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:.3s}.nav-box a{display:flex;flex-direction:column;padding:25px;height:100%}.nav-label{font-size:.7rem;color:var(--primary);margin-bottom:10px}.nav-title{font-family:Tektur,sans-serif;font-size:1.1rem;color:var(--text);font-weight:600;line-height:1.3}.nav-box:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px var(--primary-glow)}.nav-box.next{text-align:right}@media (max-width:600px){.post-navigation{flex-direction:column;gap:15px}.nav-box a{padding:20px}}@media (max-width:1100px){.post-wrapper{gap:30px;grid-template-columns:1fr 260px}}@media (max-width:1024px){.post-wrapper{grid-template-columns:1fr;gap:40px;margin-top:100px}.post-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:20px}.author-card,.related-topics{flex:1;min-width:300px}.profile-img-container{width:100px;margin:0 0 15px}}@media (min-width:768px) and (max-width:1024px){.profile-img-container{margin:0 auto;justify-content:center;align-items:center;display:block;width:100%!important}.author-img{width:240px;height:240px;display:block;margin:0 auto 1.5rem;border-radius:50%;object-fit:cover}#typing-author-card h4.typing-target{margin-top:0;font-size:1.8rem;margin-bottom:.5rem;letter-spacing:.5px;text-align:center}#typing-author-card .author-sub.typing-target{font-size:1.1rem;color:var(--primary,#40c4ff);font-weight:500;margin-bottom:1rem;text-align:center}.typing-target .type-ghost,.typing-target .type-layer{font-size:inherit;line-height:inherit}.author-card{padding:2.5rem 1.5rem}}@media (max-width:1000px){.post-wrapper{grid-template-columns:1fr;margin-top:100px}.post-sidebar{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.author-card{width:80%}.hero-image{margin-bottom:30px}}@media (max-width:900px){.post-sidebar{position:static;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:40px;width:100%}.profile-img-container{width:100px;margin:0 0 15px}.author-card{display:flex;flex-direction:column;justify-content:center}}@media (max-width:700px){.post-wrapper{padding:0 20px;margin-top:80px}.post-sidebar{grid-template-columns:1fr}.author-card{text-align:center;align-items:center;padding:25px 20px}.profile-img-container{width:90px;margin:0 auto 15px}.tag-cloud{justify-content:center}.post-title{font-size:2.2rem}.hero-image{border-radius:16px;margin-bottom:30px}}@media (max-width:580px){.post-sidebar{grid-template-columns:1fr}.container{padding:1em}.post-wrapper{padding:0 15px;margin-top:80px}blockquote{padding:20px;margin:20px 0;font-size:1.1rem}.author-card{width:85%;margin:0 auto;padding:2.5rem 1.5rem}pre{padding:15px;font-size:.85rem}.profile-img-container{margin:0 auto;justify-content:center;align-items:center;display:block;width:100%!important}.author-img{width:240px;height:240px;display:block;margin:0 auto 1.5rem;border-radius:50%;object-fit:cover}#typing-author-card h4.typing-target{margin-top:0;font-size:1.8rem;margin-bottom:.5rem;letter-spacing:.5px;text-align:center}#typing-author-card .author-sub.typing-target{font-size:1.1rem;color:var(--primary,#40c4ff);font-weight:500;margin-bottom:1rem;text-align:center}.typing-target .type-ghost,.typing-target .type-layer{font-size:inherit;line-height:inherit}}