*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--post-bg-start) 0,var(--post-bg-end) 100%);color:#e0e0e0;min-height:100vh;padding:0;margin:0}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;margin-top:calc(60px + 46px)}.post-page-container{flex:1;width:100%;padding:40px 20px;position:relative}.blog-post-view{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto}.post-layout{display:flex;gap:40px;width:100%;flex-direction:row;align-items:flex-start}.post-sidebar{width:280px;min-width:280px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,rgba(var(--accent-indigo-rgb),.15) 0,rgba(var(--accent-violet-rgb),.1) 100%);border:1px solid rgba(var(--accent-indigo-rgb),.25);display:flex;flex-direction:column;padding:20px;padding-bottom:30px;position:relative;box-shadow:0 8px 32px rgba(var(--accent-indigo-rgb),.12);transition:all .4s cubic-bezier(.4, 0, .2, 1);max-height:650px;overflow:hidden}.sidebar-thumbnail:hover{border-color:rgba(var(--accent-indigo-rgb),.4);box-shadow:0 12px 40px rgba(var(--accent-indigo-rgb),.18);transform:translateY(-2px)}.sidebar-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:transform .4s ease}.sidebar-thumbnail:hover img{transform:scale(1.02)}.post-title-card{position:absolute;bottom:0;left:0;right:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(var(--panel-bg-4-rgb),.95) 0,rgba(var(--panel-bg-5-rgb),.7) 40%,rgba(var(--panel-bg-5-rgb),.3) 70%,transparent 100%);transition:all .3s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;border-radius:0 0 15px 15px;backdrop-filter:blur(4px)}.post-title-card:hover{background:linear-gradient(to top,rgba(var(--panel-bg-4-rgb),.98) 0,rgba(var(--panel-bg-5-rgb),.8) 40%,rgba(var(--panel-bg-5-rgb),.4) 70%,transparent 100%)}.post-title-card-text{font-size:15px;font-weight:700;color:#fff;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:.3px}.post-content-area{flex:1;min-width:300px;display:flex;flex-direction:column;width:100%}.blog-post-title{font-size:36px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:12px}.post-author{font-size:14px;color:var(--accent-indigo);margin-bottom:25px;font-weight:500}.post-author span{color:#e0e0e0;font-weight:600}.blog-post-content{color:#e0e0e0;font-size:16px;line-height:1.8;width:100%;max-width:100%;overflow-x:hidden;word-wrap:break-word;word-break:break-word}.blog-post-content *{color:#e0e0e0;margin:15px 0}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#fff;font-weight:700;margin-top:25px;margin-bottom:15px}.blog-post-content p{margin:15px 0}.blog-post-content ul{list-style-type:disc;margin-left:20px;padding-left:20px}.blog-post-content ol{list-style-type:decimal;margin-left:20px;padding-left:20px}.blog-post-content li{margin:8px 0}.blog-post-content blockquote{border-left:4px solid var(--accent-indigo);padding-left:15px;margin:20px 0;color:rgba(224,224,224,.8);font-style:italic}.blog-post-content code{background:rgba(var(--accent-indigo-rgb),.1);border:1px solid rgba(var(--accent-indigo-rgb),.2);border-radius:4px;padding:2px 6px;font-family:'Courier New',monospace;color:var(--accent-cyan)}.blog-post-content pre{background:rgba(var(--panel-bg-1-rgb),.8);border:1px solid rgba(var(--accent-indigo-rgb),.2);border-radius:6px;padding:15px;overflow-x:auto;margin:15px 0;font-family:'Courier New',monospace}.post-code-wrap{position:relative;margin:15px 0}.post-code-wrap>.ql-code-block-container,.post-code-wrap>pre{margin:0;padding-top:42px}.post-code-copy{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;font-family:inherit;line-height:1.4;color:#fff;background:var(--bg3);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:var(--transition)}.post-code-copy-icon{display:block;font-size:14px;flex-shrink:0}.blog-post-content .post-code-copy,.blog-post-content .post-code-copy *{margin:0}.blog-post-content .post-code-copy *{color:inherit}.post-code-copy:focus-visible,.post-code-copy:hover{color:var(--accent);background:var(--bg4);border-color:var(--border2)}.post-code-copy.copied{color:var(--accent2);border-color:rgba(var(--accent-green-rgb),.35)}:root.theme-vanilla .post-code-copy{color:#1a1a1a;background:#f6f2ea;border-color:rgba(0,0,0,.12)}:root.theme-vanilla .post-code-copy:focus-visible,:root.theme-vanilla .post-code-copy:hover{color:#1a1a1a;background:#efe8da;border-color:rgba(0,0,0,.2)}:root.theme-vanilla .post-code-copy.copied,:root.theme-vanilla .post-code-copy.copied *{color:#1a7f4b!important}:root.theme-vanilla .post-code-copy.copied{border-color:rgba(26,127,75,.4)}@media (max-width:600px){.post-code-copy{top:6px;right:6px;padding:4px 8px;font-size:11px}}#viewPostContent a,.blog-post-content a{color:var(--accent-blue)!important;text-decoration:none}#viewPostContent a *,.blog-post-content a *{color:var(--accent-blue)!important}#viewPostContent a:hover,.blog-post-content a:hover{color:var(--accent-cyan)!important;text-decoration:underline}#viewPostContent a:hover *,.blog-post-content a:hover *{color:var(--accent-cyan)!important}.blog-post-content img{width:50%;max-width:50%;height:auto;display:block;margin:25px 0;border-radius:8px;border:1px solid rgba(var(--accent-indigo-rgb),.2)}.ad-container{margin:20px 0;padding:0;background:0 0;border:none;border-radius:0;text-align:center;min-height:auto;display:block}.ad-top{margin-top:12px;margin-bottom:12px}.ad-container:has(> ins.adsbygoogle[data-ad-status=unfilled]){display:none}.blog-post-content>:first-child,.blog-post-content>:first-child>:first-child{margin-top:0}.ad-bottom{margin-top:20px;margin-bottom:20px}.adsbygoogle{display:block!important}@media (max-width:1024px){.post-layout{gap:30px}.post-sidebar{width:280px;min-width:280px}.blog-post-title{font-size:28px}}@media (max-width:1024px){.post-layout{gap:30px}.post-sidebar{width:280px;min-width:280px;max-height:650px}.blog-post-title{font-size:28px}}@media (max-width:768px){.post-page-container{padding:60px 16px 30px 16px}.post-layout{flex-direction:column;gap:25px}.post-content-area{order:2}.post-sidebar{order:1;width:100%;min-width:100%;max-height:380px;padding:20px;border-radius:12px;overflow:hidden;flex-shrink:0}.sidebar-toggle{display:flex!important;align-items:center;justify-content:center}.sidebar-header{margin-bottom:12px;width:100%;flex-shrink:0}.sidebar-section{gap:12px;overflow:hidden;flex:1;min-height:0}.sidebar-title{font-size:16px;margin-bottom:0}.posts-list{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-behavior:smooth;width:100%;padding-right:0}.posts-list::-webkit-scrollbar{height:8px}.posts-list::-webkit-scrollbar-track{background:rgba(var(--accent-indigo-rgb),.1);border-radius:4px;margin:5px 0}.posts-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-indigo-rgb),.6);border-radius:4px}.posts-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-indigo-rgb),.8)}.post-card{min-width:220px;width:220px;flex-shrink:0;height:100%}.post-card-image{height:110px}.post-card-title{font-size:13px}.post-card-category{font-size:11px}.blog-post-title{font-size:24px;margin-bottom:16px}.post-meta{gap:15px;font-size:13px}.meta-item{flex-wrap:wrap}.blog-post-content{font-size:14px;line-height:1.7}}@media (max-width:480px){.post-page-container{padding:50px 12px 20px 12px}.post-content-area{order:2}.post-sidebar{order:1;width:100%;min-width:100%;max-height:340px;padding:16px;overflow:hidden;flex-shrink:0}.blog-post-title{font-size:20px}.sidebar-toggle{display:flex!important;align-items:center;justify-content:center}.sidebar-header{margin-bottom:12px;width:100%;flex-shrink:0}.sidebar-section{overflow:hidden;flex:1;min-height:0}.sidebar-title{font-size:14px;margin-bottom:0;flex:1}.posts-list{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-behavior:smooth;width:100%;padding-right:0}.posts-list::-webkit-scrollbar{height:6px}.posts-list::-webkit-scrollbar-track{background:rgba(var(--accent-indigo-rgb),.1);border-radius:3px;margin:3px 0}.posts-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-indigo-rgb),.6);border-radius:3px}.posts-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-indigo-rgb),.8)}.post-card{min-width:180px;width:180px;flex-shrink:0;background:linear-gradient(135deg,rgba(var(--accent-indigo-rgb),.1) 0,rgba(var(--accent-violet-rgb),.05) 100%);border:1px solid rgba(var(--accent-indigo-rgb),.2);border-radius:8px}.post-card-image{height:90px}.post-card-link{gap:8px;padding:8px}.post-card-title{font-size:11px}.post-card-category{font-size:9px}.post-meta{flex-direction:column;gap:12px;align-items:flex-start}.meta-item{flex-direction:column;gap:4px}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;width:100%}.sidebar-search-box{position:relative;margin-bottom:15px;width:100%;display:block;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease;max-height:100%;opacity:1;visibility:visible}.post-sidebar.collapsed .sidebar-search-box{max-height:0;opacity:0;visibility:hidden;overflow:hidden}.sidebar-search-input{width:100%;padding:10px 12px 10px 36px;background:rgba(var(--accent-indigo-rgb),.08);border:1px solid rgba(var(--accent-indigo-rgb),.3);border-radius:6px;color:#e0e0e0;font-size:13px;transition:all .3s ease;font-family:inherit}.sidebar-search-input::placeholder{color:rgba(224,224,224,.5)}.sidebar-search-input:focus{outline:0;background:rgba(var(--accent-indigo-rgb),.15);border-color:rgba(var(--accent-indigo-rgb),.6);box-shadow:0 0 12px rgba(var(--accent-indigo-rgb),.2)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}.sidebar-toggle{background:rgba(var(--accent-indigo-rgb),.1);border:1px solid rgba(var(--accent-indigo-rgb),.3);color:var(--accent-indigo);font-size:18px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease;display:none;flex-shrink:0;min-width:40px;height:40px}.sidebar-toggle:active{background:rgba(var(--accent-indigo-rgb),.2);transform:scale(.95)}.sidebar-toggle:hover{color:var(--accent-violet);border-color:rgba(var(--accent-indigo-rgb),.5);background:rgba(var(--accent-indigo-rgb),.15)}.toggle-icon{display:inline-block;transition:transform .3s ease;line-height:1}.post-sidebar.collapsed .toggle-icon{transform:rotate(90deg)}.sidebar-section{display:flex;flex-direction:column;gap:15px;width:100%;overflow:hidden;flex:1;transition:max-height .3s ease,opacity .3s ease;max-height:100%;opacity:1;visibility:visible;min-height:0}.post-sidebar.collapsed .sidebar-section{max-height:0;opacity:0;visibility:hidden;overflow:hidden}.sidebar-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.posts-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-bottom:0;margin-bottom:0;width:100%}.posts-list::-webkit-scrollbar{width:6px}.posts-list::-webkit-scrollbar-track{background:rgba(var(--accent-indigo-rgb),.05);border-radius:3px}.posts-list::-webkit-scrollbar-thumb{background:rgba(var(--accent-indigo-rgb),.25);border-radius:3px;transition:background .3s ease}.posts-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-indigo-rgb),.4)}.post-card{background:linear-gradient(135deg,rgba(var(--accent-indigo-rgb),.1) 0,rgba(var(--accent-violet-rgb),.05) 100%);border:1px solid rgba(var(--accent-indigo-rgb),.2);border-radius:10px;overflow:visible;transition:all .3s cubic-bezier(.4, 0, .2, 1);z-index:1}.post-card:hover{border-color:rgba(var(--accent-indigo-rgb),.4);box-shadow:0 8px 24px rgba(var(--accent-indigo-rgb),.15);z-index:10;position:relative}.post-card-active{background:linear-gradient(135deg,rgba(var(--accent-indigo-rgb),.25) 0,rgba(var(--accent-violet-rgb),.15) 100%);border:2px solid rgba(var(--accent-indigo-rgb),.6);box-shadow:0 8px 24px rgba(var(--accent-indigo-rgb),.25),inset 0 1px 0 rgba(255,255,255,.1)}.post-card-active:hover{border-color:rgba(var(--accent-indigo-rgb),.8);box-shadow:0 12px 32px rgba(var(--accent-indigo-rgb),.35),inset 0 1px 0 rgba(255,255,255,.1)}.current-post-badge{font-size:11px;color:var(--accent-cyan);font-weight:600;margin-bottom:5px;display:inline-block;background:rgba(var(--accent-cyan-rgb),.15);padding:3px 8px;border-radius:4px;border:1px solid rgba(var(--accent-cyan-rgb),.3)}.post-card-link{display:flex;flex-direction:column;gap:10px;padding:10px;text-decoration:none;color:inherit;height:100%;overflow:visible}.post-card-image{width:100%;height:120px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--accent-indigo-rgb),.1),rgba(var(--accent-violet-rgb),.1));flex-shrink:0}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-no-image{display:flex;align-items:center;justify-content:center;font-size:32px}.no-image-placeholder{opacity:.6}.post-card-info{display:flex;flex-direction:column;gap:5px}.post-card-title{font-size:13px;font-weight:600;color:#e0e0e0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.post-card:hover .post-card-title{color:var(--accent-indigo)}.post-card-category{font-size:11px;color:var(--accent-indigo);margin:0;opacity:.8}.error-message,.loading-indicator,.no-posts-message{text-align:center;padding:20px;color:#e0e0e0;font-size:14px}.error-message{color:#ff6b6b}.no-posts-message{color:#a0a0a0}:root{--brand-facebook:#0866FF;--brand-linkedin:#0A66C2;--brand-reddit:#FF4500;--brand-x:#FFFFFF}:root.theme-vanilla{--brand-x:#000000}.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;padding:12px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.post-share[hidden]{display:none}.post-share-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text3);white-space:nowrap}.post-share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition)}.share-icon{display:inline-flex;align-items:center;font-size:17px;flex-shrink:0}.brand-icon{display:block;width:1em;height:1em}.brand-facebook{fill:var(--brand-facebook)}.brand-linkedin{fill:var(--brand-linkedin)}.brand-reddit{fill:var(--brand-reddit)}.brand-x{fill:var(--brand-x)}.brand-instagram{fill:url(#igGradient)}.share-btn:focus-visible,.share-btn:hover{color:var(--text);background:var(--bg4);border-color:var(--border2);transform:translateY(-1px)}.share-facebook:focus-visible,.share-facebook:hover{border-color:var(--brand-facebook);box-shadow:0 0 0 1px var(--brand-facebook)}.share-linkedin:focus-visible,.share-linkedin:hover{border-color:var(--brand-linkedin);box-shadow:0 0 0 1px var(--brand-linkedin)}.share-instagram:focus-visible,.share-instagram:hover{border-color:#b900b4;box-shadow:0 0 0 1px #b900b4}.share-reddit:focus-visible,.share-reddit:hover{border-color:var(--brand-reddit);box-shadow:0 0 0 1px var(--brand-reddit)}.share-x:focus-visible,.share-x:hover{border-color:var(--brand-x);box-shadow:0 0 0 1px var(--brand-x)}.share-btn:active{transform:translateY(0)}.post-share-toast{flex-basis:100%;font-size:13px;color:var(--accent2);opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}.post-share-toast.visible{opacity:1;max-height:60px}:root.theme-vanilla .post-share{background:#fff;border-color:rgba(0,0,0,.1)}:root.theme-vanilla .post-share-label{color:#555}:root.theme-vanilla .share-btn{color:#1a1a1a;background:#f6f2ea;border-color:rgba(0,0,0,.12)}:root.theme-vanilla .share-btn:focus-visible,:root.theme-vanilla .share-btn:hover{color:#1a1a1a;background:#efe8da}:root.theme-vanilla .post-share-toast{color:#1a1a1a}@media (max-width:600px){.post-share{padding:12px;margin-bottom:12px;gap:8px}.post-share-label{flex-basis:100%}.share-btn{padding:9px 11px}.share-name{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-icon{font-size:18px}}.post-preview-banner{margin-bottom:16px;padding:10px 14px;border-radius:8px;border:1px solid rgba(var(--accent-pink-rgb),.45);background:rgba(var(--accent-pink-deep-rgb),.12);color:var(--text,#e0e0e0);font-size:14px;font-weight:600}