:root{--background-color:#f5f5f5;--text-color:#1e1e1e;--primary-color:#0085a1;--secondary-color:#5a5a5a;--hover-color:#0085a1;--title-color:#0d4e4d;--link-color:#0085a1}[data-theme=dark]{--background-color:#1c1c1c;--text-color:#e0e0e0;--primary-color:#4db6c2;--secondary-color:#b0b0b0;--hover-color:#39a1a7;--title-color:#4db6c2;--link-color:#4db6c2}.post-page{background-color:var(--bg-primary);color:var(--text-color);flex-direction:column;display:flex}.post-wrapper{justify-content:space-between;display:flex}.post-container{color:var(--text-color);box-sizing:border-box;background-color:var(--bg-primary);width:65em;margin-left:25em;padding:1.5rem;position:relative;top:12vh}.post-main-image{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:8px;width:50%;margin-top:1rem;margin-bottom:2rem;margin-left:25%;animation:1.5s infinite skeleton-loading;display:block}.youtube-video-container{aspect-ratio:16/9;width:50%;box-shadow:0 4px 12px var(--shadow);border-radius:8px;margin:1.5rem auto 2rem;overflow:hidden}.youtube-video-iframe{border:none;width:100%;height:100%}.index-video-thumbnail{cursor:pointer;width:100%;box-shadow:0 2px 8px var(--shadow);border-radius:8px;margin-bottom:1rem;transition:all .3s;position:relative;overflow:hidden}.index-video-thumbnail:hover{box-shadow:0 4px 16px var(--shadow);transform:scale(1.02)}.index-video-thumbnail img{width:100%;display:block}.index-video-overlay{color:#fff;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:background .3s;display:flex;position:absolute;inset:0}.index-video-thumbnail:hover .index-video-overlay{background:#00000040}.index-video-overlay i{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;font-size:2rem}.index-video-overlay span{opacity:.9;font-size:.7rem;font-weight:500}.video-lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;animation:.2s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}.video-lightbox-close{color:#fff;cursor:pointer;z-index:10001;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.video-lightbox-close:hover{background:#ffffff40;transform:scale(1.1)}.video-lightbox-container{aspect-ratio:16/9;cursor:default;width:80%;max-width:1200px}.video-lightbox-iframe{border:none;border-radius:8px;width:100%;height:100%}.post-container h1{color:var(--title-color);margin-bottom:.5em;font-size:2.5em;transition:color .3s}.post-container h2{color:var(--title-color);border-bottom:2px solid var(--border-color);padding-bottom:.5em;transition:color .3s}.post-container h3{color:var(--title-color);transition:color .3s}img[alt=main_image]{width:50%;margin-left:25%}img{border-radius:8px;max-width:90%}.post-content{box-sizing:border-box;max-width:100%;max-height:100%;overflow:auto}.index-menu{background-color:var(--bg-secondary);width:250px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:fixed;top:17vh;left:7vh}.index-title{color:var(--title-color);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.index-list{margin:0;padding:0;list-style-type:none}.index-item{margin-bottom:.75rem}.index-link{color:var(--link-color);font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-block}.index-link:hover{color:var(--hover-color);transform:translate(5px)}.error-message{color:#e53e3e;margin-top:1rem;font-weight:700}.index-list::marker{content:""}pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;padding:22px;overflow:auto}pre code.hljs{background-color:var(--code-bg)}.copy-button{background-color:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;opacity:0;color:var(--text-secondary);z-index:10;border-radius:4px;padding:6px 10px;font-size:14px;transition:opacity .2s,background-color .2s;position:absolute;top:8px;right:8px}pre:hover .copy-button{opacity:1}.copy-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.copy-button.copied{color:#fff;opacity:1;background-color:#10b981;border-color:#10b981}p{padding:13px 0;line-height:1.6}li p,p+p,p+div{padding:0}blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px;margin-left:0;padding:1rem;font-style:italic}table{border-collapse:collapse;width:100%;margin:1.5rem 0}table thead{background-color:var(--bg-secondary)}table th,table td{border:1px solid var(--border-color);text-align:left;padding:12px}table tr:hover{background-color:var(--bg-secondary)}code{background-color:var(--code-bg);color:var(--text-color);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace}a{color:var(--link-color);transition:color .2s}a:hover{color:var(--hover-color);text-decoration:underline}.hidden{transform:translateY(-100%)}.visible{transform:translateY(0)}.post-preview{border-radius:8px;padding:15px;transition:all .2s}.post-preview:hover{box-shadow:0 4px 12px var(--shadow)}.post-link{color:inherit;align-items:center;text-decoration:none;display:flex}.post-content{flex-grow:1;margin-right:20px}.post-thumbnail-wrapper{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:8px;flex-shrink:0;width:100px;height:100px;animation:1.5s infinite skeleton-loading;position:relative;overflow:hidden}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.post-thumbnail-wrapper.loaded{background:0 0;animation:none}.post-thumbnail{position:relative;right:10%}.post-title{color:var(--title-color);margin-bottom:10px;font-size:1.5em;transition:color .2s}.post-header{margin-bottom:1.5rem}.post-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:15px;font-size:.9em;display:flex}.post-meta p{margin:0;padding:0}.translation-indicator{color:var(--primary-color);background:#64c8ff1a;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex}.translation-spinner{border:2px solid #64c8ff4d;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite translation-spin}@keyframes translation-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.post-container{width:100%;margin-top:22em;margin-left:0;padding:1rem;top:0}img[alt=main_image]{width:100%;margin-top:-11em;margin-left:0;padding-top:11em}img{max-width:100%;margin-left:0}.index-menu{display:none}.index-list{padding:0 1rem}}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;cursor:pointer;background:#000000eb;justify-content:center;align-items:center;animation:.2s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff40;transform:scale(1.1)}.lightbox-zoom-info{color:#fff;z-index:10001;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;max-width:90vw;max-height:85vh;transition:transform .15s ease-out;box-shadow:0 20px 60px #00000080}