:root{--blog-post-accent:var(--primary-accent);--blog-post-bg:var(--background-card);--blog-post-border:var(--card-border-subtle);--blog-post-code-bg:var(--primary-accent-light);--blog-post-code-text:var(--text-primary);--blog-post-link-button-bg:var(--primary-accent);--blog-post-link-button-hover-bg:var(--primary-accent-dark);--blog-post-link-button-text:var(--background-card);--blog-post-text:var(--text-primary);--blog-post-text-secondary:var(--text-secondary);scrollbar-color:var(--blog-post-accent) var(--blog-post-bg);scrollbar-width:thin}body{margin:0;padding:0}.blog-post-detail-container{background:var(--background-card);width:100vw;min-height:100vh;padding:2em;box-sizing:border-box}.blog-post-detail-container h1{border-bottom:3px solid var(--blog-post-accent);color:var(--blog-post-accent);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:30px;margin-top:0;padding-bottom:12px}.blog-post-detail-container h2{border-bottom:1px solid var(--blog-post-border);color:var(--blog-post-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:18px;margin-top:35px;padding-bottom:8px}.blog-post-detail-container h3{color:var(--blog-post-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:12px;margin-top:25px}.blog-post-detail-container li,.blog-post-detail-container p{color:var(--blog-post-text-secondary);font-size:var(--font-size-md);margin-bottom:12px}.blog-post-detail-container ul{list-style-type:"❋ ";padding-left:25px}li{margin-bottom:10px;padding-left:10px}.blog-post-detail-container a{color:var(--blog-post-accent);font-weight:var(--font-weight-bold);text-decoration:none}.blog-post-detail-container a:hover{text-decoration:underline}.blog-post-meta{align-items:center;background-color:var(--blog-post-code-bg);border:1px solid var(--blog-post-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.blog-post-meta .icon{margin-right:8px}.blog-post-meta a.button-link{background-color:var(--blog-post-link-button-bg);border-radius:8px;color:var(--blog-post-link-button-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:10px 18px;text-decoration:none;transition:background-color .2s,transform .1s}.blog-post-meta a.button-link:hover{background-color:var(--blog-post-link-button-hover-bg);text-decoration:none;transform:translateY(-2px)}.blog-post-detail-container img,.blog-post-detail-container video{border:1px solid var(--blog-post-border);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.07);height:auto;margin-top:15px;max-width:100%;display:block;margin-left:auto;margin-right:auto}code{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}p code{background-color:var(--blog-post-code-bg);border-radius:4px;font-size:var(--font-size-sm);padding:.2em .4em}pre{background-color:var(--blog-post-code-bg);border:1px solid var(--blog-post-border);border-radius:8px;color:var(--blog-post-code-text);font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;padding:20px}.tech-stack span{background-color:var(--blog-post-accent);border-radius:20px;color:var(--blog-post-link-button-text);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:10px;margin-right:10px;padding:8px 15px;transition:transform .2s}.tech-stack span:hover{transform:translateY(-2px)}.changelog-version{background-color:var(--blog-post-bg);border:1px solid var(--blog-post-border);border-radius:10px;font-size:var(--font-size-md);margin-bottom:20px;padding:15px}.changelog-version h3{border-bottom:1px solid var(--blog-post-border);color:var(--blog-post-accent);font-size:var(--font-size-lg);margin-top:0;padding-bottom:5px}.changelog-version li{color:var(--blog-post-text-secondary)}.changelog-version ul{list-style-type:disc;padding-left:25px}.changelog-yapping{background-color:var(--blog-post-code-bg);border:1px solid var(--blog-post-border);border-radius:8px;font-size:var(--font-size-md);margin-top:15px;padding:1.618em}.changelog-yapping p{color:var(--blog-post-text-secondary);font-style:italic}.copyright-container{border-top:1px solid var(--card-border-subtle,#d9c8ff);color:var(--text-secondary,#593c7a);font-size:var(--font-size-sm);margin-top:2.5em;padding:1.2em 0 .5em;text-align:center}.disclaimer{color:var(--primary-accent-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-top:.7em}@media (prefers-color-scheme:dark){.disclaimer{color:var(--primary-accent)}}::-webkit-scrollbar{background:var(--blog-post-bg);width:12px}::-webkit-scrollbar-thumb{background:var(--blog-post-accent);border:3px solid var(--blog-post-bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--blog-post-link-button-hover-bg)}::-webkit-scrollbar-corner{background:var(--blog-post-bg)}@media (max-width:1024px){.blog-post-detail-container{border-radius:0;margin:0;max-width:100vw;min-height:100vh;padding:1.5em}}@media (max-width:700px){.blog-post-detail-container{padding:1em}.blog-post-detail-container h1{font-size:var(--font-size-xl);padding-bottom:8px}.blog-post-detail-container h2{font-size:var(--font-size-lg);padding-bottom:6px}.blog-post-detail-container h3{font-size:var(--font-size-md)}.blog-post-detail-container .essay-content p,.blog-post-detail-container .references li{max-width:100%}}@media (pointer:coarse){.blog-post-meta a.button-link{padding:14px 22px}}