.blog-shell{width:min(500px,90vw);background:var(--glass-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;pointer-events:all;cursor:var(--cursor-ui);box-shadow:0 8px 32px #00000080,inset 0 0 0 .5px var(--glass-inset);animation:resume-expand .6s cubic-bezier(.23,1,.32,1) both}.blog-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--glass-border);font-size:11px;color:var(--dim)}.blog-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}.blog-bar-title{letter-spacing:.04em}.blog-list{max-height:65vh;overflow-y:auto;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.blog-list::-webkit-scrollbar{width:4px}.blog-list::-webkit-scrollbar-track{background:transparent}.blog-list::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.blog-item{background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:8px;padding:.65rem .75rem;cursor:var(--cursor-ui);transition:border-color .2s,box-shadow .2s;animation:about-fade-in .4s ease-out both}.blog-item:hover{border-color:#cc00001f;box-shadow:0 0 12px #cc00000d}.blog-item-date{font-size:9px;color:var(--accent);letter-spacing:.06em;opacity:.7}.blog-item-title{font-size:12px;color:var(--text);letter-spacing:.03em;margin-top:.15rem}.blog-item-desc{font-size:10px;color:var(--dim);line-height:1.5;margin-top:.2rem}.blog-item-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.blog-tag{font-size:9px;padding:.15rem .45rem;background:#cc00000f;border:1px solid rgba(204,0,0,.08);border-radius:999px;color:var(--dim)}.blog-empty{font-size:11px;color:var(--dim);padding:2rem 0;text-align:center;opacity:.5}.blog-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;pointer-events:all}.blog-overlay.hidden{display:none}.blog-overlay-backdrop{position:absolute;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:var(--cursor-ui)}.blog-overlay-content{position:relative;width:min(640px,92vw);max-height:88vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;box-shadow:0 16px 64px #0009,inset 0 0 0 .5px var(--glass-inset);opacity:0;transform:scale(.95) translateY(16px);transition:opacity .3s ease,transform .3s cubic-bezier(.23,1,.32,1);cursor:var(--cursor-ui)}.blog-overlay-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.blog-overlay-body::-webkit-scrollbar{width:4px}.blog-overlay-body::-webkit-scrollbar-track{background:transparent}.blog-overlay-body::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.blog-overlay-open .blog-overlay-content{opacity:1;transform:scale(1) translateY(0)}.blog-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-bottom:1px solid var(--glass-border);cursor:var(--cursor-ui);flex-shrink:0}.blog-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:50%;color:var(--dim);cursor:var(--cursor-ui);transition:color .2s,background .2s}.blog-close-btn:hover{color:var(--accent);background:#cc00001a}.blog-close-btn svg{width:14px;height:14px;display:block}.blog-share-wrap{position:relative}.blog-share-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:50%;color:var(--dim);cursor:var(--cursor-ui);transition:color .2s,background .2s}.blog-share-btn:hover{color:var(--accent);background:#cc00001a}.blog-share-btn svg{width:14px;height:14px;display:block;transform:translate(-.5px)}.blog-share-menu{position:absolute;top:100%;left:0;margin-top:.4rem;background:#121212;border:1px solid var(--glass-border);border-radius:8px;padding:.3rem 0;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 8px 24px #00000080;z-index:10}[data-theme=light] .blog-share-menu{background:#f5f5f5}.blog-share-wrap:hover .blog-share-menu{opacity:1;visibility:visible;transform:translateY(0)}.blog-share-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;margin:.1rem .25rem;font-family:inherit;font-size:11px;color:var(--dim);text-decoration:none;cursor:var(--cursor-ui);background:none;border:none;border-radius:5px;width:calc(100% - .5rem);text-align:left;transition:color .15s,background .15s}.blog-share-item:hover{color:var(--accent);background:#cc000014}.blog-share-item svg{width:14px;height:14px;flex-shrink:0}.blog-post{padding:1.2rem 1.5rem;-webkit-user-select:text;user-select:text;cursor:var(--cursor-ui)}.blog-post h1{font-size:18px;color:var(--text);margin-bottom:1rem;letter-spacing:.03em}.blog-post h2{font-size:14px;color:var(--text);margin:1.5rem 0 .6rem;letter-spacing:.03em}.blog-post h3{font-size:12px;color:var(--text);margin:1.2rem 0 .5rem}.blog-post p{font-size:12px;color:var(--dim);line-height:1.7;margin-bottom:.8rem}.blog-post a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-post a:hover,.blog-post strong{color:var(--text)}.blog-post em{font-style:italic}.blog-post ul,.blog-post ol{margin:.6rem 0 .8rem 1.5rem;font-size:12px;color:var(--dim);line-height:1.7}.blog-post li{margin-bottom:.3rem}.blog-post code{font-family:inherit;font-size:11px;background:#cc000014;padding:.15rem .4rem;border-radius:4px;color:var(--text)}.blog-post pre{background:var(--glass-inset);border:1px solid var(--glass-border);border-radius:6px;padding:.75rem 1rem;margin:.6rem 0 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.blog-post pre code{background:none;padding:0;font-size:11px;line-height:1.6}.blog-post blockquote{border-left:2px solid var(--accent);padding:.4rem 0 .4rem 1rem;margin:.8rem 0;font-size:12px;color:var(--dim);font-style:italic}.blog-post img{max-width:100%;border-radius:6px;margin:.8rem 0}.blog-post-footer{padding:0 1.5rem 1rem}.blog-linkedin-link{font-size:10px;color:var(--dim);text-decoration:none;letter-spacing:.04em;transition:color .2s;cursor:var(--cursor-ui)}.blog-linkedin-link:hover{color:var(--accent)}@media(max-width:600px){.blog-shell{width:95vw}.blog-overlay-content{width:96vw;max-height:78vh;border-radius:10px}.blog-post{padding:.8rem 1rem}}