.post-page{background:var(--vscode-bg);min-height:100vh;padding:1.5rem 1rem 4rem}.loading-state,.error-state{text-align:center;color:var(--vscode-text-secondary);padding:4rem 2rem}.error-state h2{color:var(--vscode-text);margin-bottom:1.5rem}.post-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 1.5rem;display:flex}.back-button,.toc-toggle{color:var(--vscode-text-secondary);border:1px solid var(--vscode-border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover,.toc-toggle:hover{background:var(--vscode-sidebar-bg);color:var(--vscode-text);border-color:var(--vscode-text-secondary)}.toc-toggle{display:none}@media (max-width:1024px){.toc-toggle{display:inline-flex}}.post-layout{align-items:start;gap:2.5rem;max-width:1100px;margin:0 auto;display:grid}@media (max-width:1024px){.post-layout{grid-template-columns:1fr;max-width:800px}}.post-article{max-width:560px;margin:0 auto}.post-meta-top{justify-content:space-between;margin-bottom:.5rem;display:flex}.reading-time{color:var(--vscode-text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.post-date{color:var(--vscode-text-secondary);margin-bottom:1.5rem;font-size:.875rem;font-weight:400}.post-emoji{text-align:left;margin-bottom:1rem;font-size:4rem;line-height:1}@media (max-width:640px){.post-emoji{font-size:3rem}}.post-title{color:var(--vscode-text);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (max-width:768px){.post-title{font-size:2rem}}@media (max-width:640px){.post-title{font-size:1.5rem}}.post-image-container{border-radius:8px;width:100%;margin-bottom:1.5rem;overflow:hidden}.post-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.post-author{color:var(--vscode-text-secondary);margin-bottom:1rem;font-size:.9rem;font-weight:500}.author-link{color:var(--vscode-accent);font-weight:600;text-decoration:none;transition:all .2s}.author-link:hover{color:var(--vscode-syntax-keyword);text-decoration:underline}.post-tags{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.tag{color:var(--vscode-text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-block}.tag:hover{color:var(--vscode-text);background:#ffffff14;border-color:#ffffff26}.post-content{color:var(--vscode-text);padding:0;font-size:1.05rem;line-height:1.75}@media (max-width:640px){.post-content{font-size:1rem}}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--vscode-text);letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:1rem;scroll-margin-top:100px;font-weight:700}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content h5{font-size:1.1rem}.post-content h6{font-size:1rem}@media (max-width:640px){.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.375rem}.post-content h3{font-size:1.25rem}.post-content h4{font-size:1.125rem}.post-content h5{font-size:1rem}.post-content h6{font-size:.95rem}}.post-content p{color:#ffffffd9;margin-bottom:1.5rem}.post-content a{color:var(--vscode-accent);font-weight:500;text-decoration:underline}.post-content a:hover{color:var(--vscode-syntax-keyword)}.post-content ul,.post-content ol{margin-bottom:1.5rem;margin-left:2rem}.post-content li{margin-bottom:.75rem}.post-content code{color:var(--vscode-syntax-string);background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9em}.post-content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.post-content pre code{background:0 0;border:none;padding:0}.post-content blockquote{border-left:3px solid var(--vscode-accent);color:var(--vscode-text-secondary);background:#ffffff08;border-radius:0 6px 6px 0;margin-bottom:1.5rem;margin-left:0;padding:1rem 1.5rem;font-style:italic}.post-content img{border:1px solid #ffffff1a;border-radius:8px;max-width:100%;height:auto;margin:2rem 0}.post-content hr{border:none;border-top:1px solid #ffffff1a;margin:2.5rem 0}.post-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.post-content th,.post-content td{border:1px solid var(--vscode-border);text-align:left;padding:.75rem}.post-content th{background:var(--vscode-bg);color:var(--vscode-syntax-function);font-weight:600}.post-sidebar{border:1px solid var(--vscode-border);background:0 0;border-radius:8px;max-height:calc(100vh - 4rem);padding:1.25rem;position:sticky;top:2rem;overflow-y:auto}@media (max-width:1024px){.post-sidebar{z-index:1000;border-radius:0;width:320px;max-width:90%;max-height:100vh;transition:right .3s;position:fixed;top:0;bottom:0;right:-100%}.post-sidebar.show-mobile{right:0}}.sidebar-sticky{position:relative}.sidebar-title{color:var(--vscode-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;margin:0 0 1rem;padding-bottom:.75rem;font-size:.9rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{text-align:left;width:100%;color:var(--vscode-text-secondary);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;line-height:1.4;transition:all .2s;display:block}.sidebar-link:hover{color:var(--vscode-text);border-left-color:var(--vscode-accent);background:#ffffff0d}.sidebar-link.active{color:var(--vscode-accent);border-left-color:var(--vscode-accent);background:#ffffff0d;font-weight:600}.toc-backdrop{display:none}@media (max-width:1024px){.toc-backdrop{z-index:999;background:#00000080;display:block;position:fixed;inset:0}}