:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-card:#14141499;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-muted:#525252;--accent-primary:#00ff41;--accent-secondary:#bd00ff;--accent-glow:#00ff4126;--border-primary:#333;--border-hover:#555;--font-mono:"Fira Code","Courier New",monospace;--font-sans:"Inter",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,:root body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-geist-sans),Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid #222}::-webkit-scrollbar-thumb{background:#333 padding-box content-box;border:1px solid #0000}::selection{background:var(--accent-primary);color:var(--bg-primary);text-shadow:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}@media (max-width:480px){.container{padding:0 12px}}@media (min-width:1025px){.container{padding-left:84px;padding-right:84px}}@media (max-width:1024px) and (min-width:481px){.container{padding-left:36px;padding-right:36px}}@media (max-width:480px){.container{padding-left:27px;padding-right:27px}}@media (max-width:375px){.container{padding-left:12px;padding-right:12px}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.text-gradient{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}img{content-visibility:auto}article img,.markdown-body img{max-width:100%;height:auto;display:block}main{contain:layout style}:root{--reading-font-size:18px;--reading-line-height:1.8}article .content{font-size:var(--reading-font-size);line-height:var(--reading-line-height)}body.theme-sepia{--bg-primary:#f4ecd8;--bg-secondary:#e8dcc8;--bg-card:#e8dcc8cc;--text-primary:#433422;--text-secondary:#6b5a47;--border-primary:#d4c4a8;--accent-primary:#8b6914;--accent-secondary:#6b4c1a}body.theme-sepia:before{display:none}body.theme-dark{--bg-primary:#000;--bg-secondary:#080808;--bg-card:#0a0a0ae6}body.eye-care-mode{--bg-primary:#1a1814;--bg-secondary:#242018;--text-primary:#e8e4dc;filter:sepia(10%)brightness(95%)}body.immersive-mode header,body.immersive-mode footer,body.immersive-mode nav,body.immersive-mode aside,body.immersive-mode .cyberpunk-frame,body.immersive-mode .back-to-top{display:none!important}body.immersive-mode main{max-width:700px;margin:0 auto;padding:0}body.immersive-mode article{padding-top:40px}.teleporting{animation:.3s teleport}@keyframes teleport{0%{opacity:1;filter:blur()}50%{opacity:.5;filter:blur(4px)}to{opacity:0;filter:blur(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse){button,a,input[type=checkbox],input[type=radio],[role=button]{min-width:44px;min-height:44px}.card:hover{transform:none}.card:active{border-color:var(--accent-primary);transform:scale(.98)}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*{-webkit-overflow-scrolling:touch}}@supports (padding:env(safe-area-inset-bottom)){.container{padding-left:max(env(safe-area-inset-left),12px);padding-right:max(env(safe-area-inset-right),12px)}@media (max-width:375px){.container{padding-left:max(env(safe-area-inset-left),12px);padding-right:max(env(safe-area-inset-right),12px)}}}
.BlogHeader-module__tC8U-G__header{z-index:9100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:var(--header-height);background:#001400cc;border-bottom:1px solid #00ff4133;position:sticky;top:0}.BlogHeader-module__tC8U-G__container{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.BlogHeader-module__tC8U-G__logo{color:var(--accent-primary);letter-spacing:-.5px;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex;position:relative}.BlogHeader-module__tC8U-G__logoIcon{color:var(--accent-primary);filter:drop-shadow(0 0 5px #00ff4180)}.BlogHeader-module__tC8U-G__navGroup{flex:1;justify-content:space-between;align-items:center;gap:2rem;display:flex}.BlogHeader-module__tC8U-G__nav{gap:2rem;display:flex}.BlogHeader-module__tC8U-G__navLink{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#00ff4105;border:1px solid #00ff411a;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.BlogHeader-module__tC8U-G__navLink:hover{color:var(--bg-primary);background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px #00ff4166}.BlogHeader-module__tC8U-G__navLink:before{content:attr(data-text);color:var(--bg-primary);opacity:0;pointer-events:none;white-space:nowrap;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.BlogHeader-module__tC8U-G__navLink:hover:before{opacity:1;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both BlogHeader-module__tC8U-G__navGlitch}.BlogHeader-module__tC8U-G__navLink:hover .BlogHeader-module__tC8U-G__linkText{opacity:0}@keyframes BlogHeader-module__tC8U-G__navGlitch{0%{transform:translate(-50%,-50%)}20%{transform:translate(-52%,-48%)}40%{transform:translate(-48%,-52%)}60%{transform:translate(-52%,-52%)}80%{transform:translate(-48%,-48%)}to{transform:translate(-50%,-50%)}}.BlogHeader-module__tC8U-G__linkDeco{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.BlogHeader-module__tC8U-G__linkDeco:before,.BlogHeader-module__tC8U-G__linkDeco:after{content:"";background:var(--accent-primary);opacity:0;width:4px;height:4px;transition:opacity .3s;position:absolute}.BlogHeader-module__tC8U-G__linkDeco:before{top:0;left:0}.BlogHeader-module__tC8U-G__linkDeco:after{bottom:0;right:0}.BlogHeader-module__tC8U-G__navLink:hover .BlogHeader-module__tC8U-G__linkDeco:before,.BlogHeader-module__tC8U-G__navLink:hover .BlogHeader-module__tC8U-G__linkDeco:after{opacity:1}.BlogHeader-module__tC8U-G__actions{align-items:center;gap:1rem;display:flex}.BlogHeader-module__tC8U-G__iconBtn{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;background:0 0!important}.BlogHeader-module__tC8U-G__iconBtn:hover{color:var(--accent-primary);border-color:#00ff4133;box-shadow:0 0 10px #00ff4133;background:#00ff411a!important}.BlogHeader-module__tC8U-G__mobileToggle{color:var(--text-secondary);cursor:pointer;border:1px solid #00ff4133;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none;background:#0009!important}.BlogHeader-module__tC8U-G__mobileToggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.BlogHeader-module__tC8U-G__mobileBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .3s;position:fixed;inset:0}.BlogHeader-module__tC8U-G__mobileBackdropVisible{opacity:1;pointer-events:auto}@media (max-width:1024px){.BlogHeader-module__tC8U-G__container{padding:0 1.5rem}.BlogHeader-module__tC8U-G__navGroup{top:var(--header-height);opacity:0;pointer-events:none;max-height:calc(100vh - var(--header-height));z-index:120;background:#050505f7;border-bottom:1px solid #00ff4140;flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-16px)}.BlogHeader-module__tC8U-G__navGroupOpen{opacity:1;pointer-events:auto;transform:translateY(0)}.BlogHeader-module__tC8U-G__nav{flex-direction:column;gap:1rem}.BlogHeader-module__tC8U-G__navLink{text-align:center;clip-path:none;border-radius:var(--radius-sm);letter-spacing:1px;width:100%;padding:.9rem 1rem;font-size:1rem}.BlogHeader-module__tC8U-G__navLink:before{display:none}.BlogHeader-module__tC8U-G__navLink:hover .BlogHeader-module__tC8U-G__linkText{opacity:1}.BlogHeader-module__tC8U-G__actions{flex-direction:column;align-items:stretch;width:100%}.BlogHeader-module__tC8U-G__iconBtn{width:100%;min-height:48px;color:var(--accent-primary);background:#00ff410d;border:1px solid #00ff4133}.BlogHeader-module__tC8U-G__mobileToggle{display:flex!important}}@media (max-width:480px){.BlogHeader-module__tC8U-G__container{padding:0 1rem}.BlogHeader-module__tC8U-G__mobileToggle{width:44px;height:44px}}
