.post{max-width:780px;margin:0 auto;padding:160px 2rem 6rem}.back-link{color:var(--text-secondary);border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:var(--blur);transition:var(--transition);border-radius:30px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;display:inline-flex;box-shadow:inset 0 2px 4px #ffffff26}.back-link:hover{color:var(--text-primary);border-color:var(--card-hover-border);transform:translate(-3px);box-shadow:0 0 15px #8b5cf64d,inset 0 2px 4px #ffffff26}.back-link.bottom{justify-content:center;margin:3rem auto 0}.post-title{letter-spacing:-.01em;text-shadow:0 0 15px #8b5cf64d;margin:1.5rem 0;font-family:Noto Serif JP,serif;font-size:2.3rem;font-weight:600;line-height:1.5}.post-header{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:var(--blur);z-index:0;border-radius:24px;margin:0 0 3.5rem;padding:2rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 15px 40px #0009,inset 0 0 20px #ffffff0d,inset 0 1px 3px #fff3}.post-header:before{content:"";pointer-events:none;background:radial-gradient(#8b5cf626,#0000 60%);width:90%;height:120%;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.post-meta{color:var(--text-secondary);letter-spacing:.05em;align-items:center;gap:1.5rem;font-size:.85rem;display:flex;position:relative}.post-meta i{color:var(--accent-color);margin-right:.4rem}.post-divider{background:linear-gradient(90deg, var(--accent-color), transparent 70%);border-radius:2px;height:2px;margin:1.5rem 0;position:relative;box-shadow:0 0 10px #8b5cf666}.post-share{align-items:center;gap:1.2rem;display:flex;position:relative}.post-share-label{letter-spacing:.15em;color:var(--text-secondary);font-size:.8rem;font-weight:600}.share-buttons{gap:.6rem;display:flex}.share-buttons a,.share-copy{border:1px solid var(--card-border);background:var(--card-bg);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex;box-shadow:inset 0 2px 4px #ffffff26}.share-buttons a:hover,.share-copy:hover{color:var(--text-primary);border-color:var(--card-hover-border);transform:translateY(-2px);box-shadow:0 0 15px #8b5cf659,inset 0 2px 4px #ffffff26}.share-copy.copied{color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 15px #8b5cf666}.post-content{--content-font:"Noto Serif JP", "Inter", "Hiragino Mincho ProN", "Yu Mincho", serif;--content-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--content-base:1.0625rem;--content-line:1.9;--content-color:var(--text-primary);--content-muted:var(--text-secondary);--content-accent:var(--accent-color);--content-accent-soft:var(--accent-color-hover);--space-xs:.5rem;--space-sm:.875rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;font-family:var(--content-font);font-size:var(--content-base);line-height:var(--content-line);color:var(--content-color);letter-spacing:.01em;line-break:strict;word-break:break-word;orphans:2;widows:2}.post-content ::selection{color:#fff;background:#8b5cf659}.post-content>*{margin-top:0;margin-bottom:var(--space-lg)}.post-content>:last-child{margin-bottom:0}.post-content>:first-child,.post-content h2+*,.post-content h3+*,.post-content h4+*,.post-content h5+*,.post-content h6+*{margin-top:0}.post-content p+p{margin-top:calc(-1 * var(--space-sm))}.post-content li>p+p{margin-top:var(--space-xs)}.post-content :has(>.astro-code)+*,.post-content pre+*,.post-content table+*,.post-content figure+*,.post-content blockquote+*,.post-content ul+*,.post-content ol+*,.post-content hr+*{margin-top:0}.post-content>p:first-of-type{--lead-line:1.85;font-size:1.125rem;line-height:var(--lead-line);color:var(--content-muted);padding-bottom:var(--space-lg);border-bottom:1px solid var(--card-border);margin-bottom:var(--space-xl)}.post-content>p:first-of-type strong{color:var(--content-color);font-weight:700}.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:var(--content-font);letter-spacing:.015em;color:var(--content-color);scroll-margin-top:120px;font-weight:700;line-height:1.35}.post-content h2{margin:var(--space-2xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--card-border);font-size:1.5rem;position:relative}.post-content h2:after{content:"";background:linear-gradient(90deg, var(--content-accent), #8b5cf633);width:80px;height:2px;position:absolute;bottom:-1px;left:0}.post-content h3{margin:var(--space-xl) 0 var(--space-sm);color:var(--content-accent-soft);font-size:1.25rem}.post-content h4{margin:var(--space-lg) 0 var(--space-sm);font-size:1.1rem}.post-content h5{margin:var(--space-lg) 0 var(--space-xs);color:var(--content-muted);font-size:1rem}.post-content h6{margin:var(--space-md) 0 var(--space-xs);color:var(--content-muted);font-size:.925rem;font-weight:600}.post-content h2:first-child,.post-content h3:first-child,.post-content h4:first-child{margin-top:0}.post-content :is(h2,h3,h4,h5,h6) .heading-anchor{width:1.1em;height:1.1em;color:var(--content-accent);opacity:0;vertical-align:middle;justify-content:center;align-items:center;margin-left:.35rem;font-size:.7em;font-weight:400;text-decoration:none;transition:opacity .2s,color .2s;display:inline-flex}.post-content :is(h2,h3,h4,h5,h6):hover .heading-anchor{opacity:.6}.post-content :is(h2,h3,h4,h5,h6) .heading-anchor:hover{opacity:1;color:var(--content-accent-soft)}.post-content strong{color:var(--content-accent-soft);font-weight:700}.post-content em{font-style:italic}.post-content a{color:var(--content-accent);text-underline-offset:.2em;text-decoration:underline 1px #8b5cf659;transition:color .2s,text-decoration-color .2s}.post-content a:hover{color:var(--content-accent-soft);text-decoration-color:var(--content-accent-soft)}.post-content a[href^=http]:after{content:" ";opacity:.6;vertical-align:super;margin-left:.15em;font-family:"Font Awesome 6 Free";font-size:.65em;font-weight:900;text-decoration:none;display:inline-block}.post-content ul,.post-content ol{margin:0 0 var(--space-lg);padding-left:1.5rem}.post-content ul{list-style:none}.post-content ul li,.post-content ol li{margin-bottom:var(--space-xs);padding-left:.5rem;line-height:1.8;position:relative}.post-content ul li:before{content:"";background:linear-gradient(135deg, var(--content-accent), #6d28d9);border-radius:1.5px;width:6px;height:6px;position:absolute;top:.65em;left:-1.05rem}.post-content ul ul,.post-content ol ol,.post-content ul ol,.post-content ol ul{margin-top:var(--space-xs);margin-bottom:0}.post-content ol{list-style:decimal}.post-content ol li::marker{color:var(--content-accent);font-weight:700}.post-content ul:has(li input[type=checkbox]),.post-content ul.contains-task-list{padding-left:.125rem}.post-content ul li:has(>input[type=checkbox]),.post-content ul.contains-task-list li{padding-left:0;list-style:none}.post-content ul li:has(>input[type=checkbox]):before,.post-content ul.contains-task-list li:before{display:none}.post-content ul li input[type=checkbox]{appearance:none;vertical-align:-.15em;cursor:default;background:0 0;border:1.5px solid #8b5cf673;border-radius:4px;flex-shrink:0;width:1.05rem;height:1.05rem;margin:0 .55rem 0 0;transition:background .2s,border-color .2s;position:relative}.post-content ul li input[type=checkbox]:checked{background:var(--content-accent);border-color:var(--content-accent)}.post-content ul li input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.post-content ul li:has(>input[type=checkbox]:checked){color:var(--content-muted);text-decoration:line-through #8b5cf659}.post-content blockquote{margin:0 0 var(--space-lg);padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + .75rem);border-left:3px solid var(--content-accent);color:var(--content-muted);background:#8b5cf60d;border-radius:0 12px 12px 0;position:relative}.post-content blockquote>:last-child{margin-bottom:0}.post-content blockquote p{margin-bottom:var(--space-sm)}.post-content blockquote blockquote{margin-top:var(--space-sm);background:#8b5cf60a}.post-content blockquote.callout{padding:var(--space-md);border-left:none;border-radius:12px}.post-content blockquote.callout p:first-child{color:var(--content-color);margin-bottom:var(--space-xs);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.post-content blockquote.callout p:first-child .callout-icon{font-size:1rem}.post-content blockquote.callout.note{background:#3b82f60f;border-left-color:#3b82f6b3}.post-content blockquote.callout.note .callout-icon{color:#60a5fa}.post-content blockquote.callout.tip{background:#22c55e0f;border-left-color:#22c55eb3}.post-content blockquote.callout.tip .callout-icon{color:#4ade80}.post-content blockquote.callout.warning{background:#f59e0b0f;border-left-color:#f59e0bb3}.post-content blockquote.callout.warning .callout-icon{color:#fbbf24}.post-content blockquote.callout.danger{background:#ef44440f;border-left-color:#ef4444b3}.post-content blockquote.callout.danger .callout-icon{color:#f87171}.post-content code{font-family:var(--content-mono);color:var(--content-accent-soft);word-break:break-word;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:4px;padding:.15em .4em;font-size:.84em}.post-content pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}.post-content pre::-webkit-scrollbar{height:8px}.post-content table::-webkit-scrollbar{height:8px}.post-content pre::-webkit-scrollbar-track{background:#ffffff08;border-radius:0 0 12px 12px}.post-content table::-webkit-scrollbar-track{background:#ffffff08;border-radius:0 0 12px 12px}.post-content pre::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:4px}.post-content table::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:4px}.post-content pre::-webkit-scrollbar-thumb:hover{background:#8b5cf68c}.post-content table::-webkit-scrollbar-thumb:hover{background:#8b5cf68c}.post-content pre,.post-content table{scrollbar-width:thin;scrollbar-color:#8b5cf659 #ffffff08}.post-content pre,.post-content pre.astro-code{border:1px solid var(--card-border);margin:0 0 var(--space-lg);font-family:var(--content-mono);border-radius:12px;padding:2.75rem 1.25rem 1.25rem;font-size:.85rem;line-height:1.7;position:relative;overflow-x:auto;background:#00000073!important}.post-content pre:before{content:"";opacity:.7;background-color:#0000;background-image:radial-gradient(circle at 5px,#ff5f57 4px,#0000 4px),radial-gradient(circle at 19px,#febc2e 4px,#0000 4px),radial-gradient(circle at 33px,#28c840 4px,#0000 4px);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:46px;height:10px;position:absolute;top:1rem;left:1.25rem}.post-content pre:after{content:attr(data-language);color:var(--content-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-family:var(--content-mono);position:absolute;top:.85rem;right:1.25rem}.code-copy-btn{border:1px solid var(--card-border);width:30px;height:30px;color:var(--content-muted);cursor:pointer;z-index:2;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .2s;display:inline-flex;position:absolute;top:.65rem;right:1.25rem}.code-copy-btn:hover{color:var(--content-color);background:#8b5cf61f;border-color:#8b5cf659}.code-copy-btn.copied{color:var(--content-accent);border-color:var(--content-accent)}.post-content pre[data-language]:not([data-language=""]) .code-copy-btn{right:4.25rem}.post-content table{border-collapse:collapse;width:100%;margin:0 0 var(--space-lg);border:1px solid var(--card-border);white-space:nowrap;border-radius:10px;font-size:.88rem;line-height:1.6;display:block;overflow:auto hidden}.post-content th,.post-content td{text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top;padding:.75rem 1rem}.post-content thead th{color:var(--content-color);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#8b5cf61a;font-size:.75rem;font-weight:700}.post-content tbody tr:last-child td{border-bottom:none}.post-content tbody tr:nth-child(2n){background:#8b5cf608}.post-content td code{font-size:.78em}.post-content hr{height:1px;margin:var(--space-xl) 0;background:var(--card-border);border:none}.post-content img{border:1px solid var(--card-border);max-width:100%;height:auto;margin:0 0 var(--space-lg);border-radius:12px;display:block}.post-content figure{margin:0 0 var(--space-lg);border:1px solid var(--card-border);background:#0003;border-radius:16px;padding:.75rem}.post-content figure img{border-radius:8px;width:100%;margin:0}.post-content figcaption{color:var(--content-muted);text-align:center;margin-top:.6rem;font-size:.78rem;line-height:1.5}.post-content img{cursor:zoom-in;transition:transform .2s,box-shadow .2s}.post-content img:hover{box-shadow:0 10px 30px #00000080}.post-content img.zoomed{z-index:10000;cursor:zoom-out;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.image-overlay{backdrop-filter:blur(8px);z-index:9999;cursor:zoom-out;opacity:0;pointer-events:none;background:#000000e0;transition:opacity .25s;position:fixed;inset:0}.image-overlay.active{opacity:1;pointer-events:auto}.post-content dl{margin:0 0 var(--space-lg)}.post-content dt{color:var(--content-accent-soft);margin-top:var(--space-md);font-size:1rem;font-weight:700}.post-content dd{color:var(--content-muted);margin-left:1.25rem;margin-bottom:var(--space-sm);border-left:1px solid var(--card-border);padding-left:.875rem}.post-content .katex{color:var(--content-color);font-size:1.05em}.post-content .katex-display{margin:var(--space-lg) 0;padding:.5rem 0;overflow:auto hidden}.post-content .katex-display::-webkit-scrollbar{height:6px}.post-content .katex-display::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.post-content .katex-display::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:3px}.post-content .katex-display .katex{font-size:1.1em}.post-content .mermaid{margin:var(--space-lg) 0;border:1px solid var(--card-border);background:#0000004d;border-radius:12px;justify-content:center;padding:1rem;display:flex;overflow-x:auto}.post-content .mermaid::-webkit-scrollbar{height:8px}.post-content .mermaid::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.post-content .mermaid::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:4px}.post-content .mermaid svg{max-width:100%;height:auto}.post-content mark{color:var(--content-color);background:#8b5cf640;border-radius:4px;padding:.1em .3em}.post-content del{color:var(--content-muted);text-decoration-color:#8b5cf666}.post-content sub,.post-content sup{color:var(--content-accent-soft);font-size:.72em}.post-footer{background:0 0;border:none;margin-top:4rem;padding:0;display:block}.post-footer:before{display:none}.post-author{color:var(--text-secondary);justify-content:center;align-items:center;gap:.6rem;margin-bottom:3rem;font-size:.9rem;display:flex}.post-author img{border:1px solid var(--card-hover-border);border-radius:50%;width:28px;height:28px;box-shadow:0 0 10px #8b5cf64d}.post-author strong{color:var(--text-primary)}.post-nav{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.post-nav-card{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:var(--blur);transition:var(--transition);border-radius:20px;flex-direction:column;gap:.6rem;padding:1.5rem;text-decoration:none;display:flex;box-shadow:0 15px 40px #0009,inset 0 0 20px #ffffff0d,inset 0 1px 3px #fff3}.post-nav-card.prev{text-align:left}.post-nav-card.next{text-align:right}.post-nav-card:hover{border-color:var(--card-hover-border);transform:translateY(-3px);box-shadow:0 15px 40px #0009,0 0 25px #8b5cf633,inset 0 0 20px #ffffff0d}.post-nav-label{color:var(--accent-color);letter-spacing:.05em;font-size:.8rem}.post-nav-label i{font-size:.7rem}.post-nav-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.post-nav-card.empty{display:none}.post-nav:has(.post-nav-card:only-child){grid-template-columns:1fr;max-width:50%;margin:0 auto}@media (width<=768px){.post{padding:140px 1.5rem 5rem}.post-content{--space-lg:1.75rem;--space-xl:2.5rem;--space-2xl:3.5rem}.post-content h2{font-size:1.35rem}.post-content h3{font-size:1.15rem}.post-content h4,.post-content>p:first-of-type{font-size:1.05rem}}@media (width<=640px){.post{padding:120px 1rem 4rem}.post-header{padding:1.25rem}.post-title{font-size:1.6rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.post-share{flex-direction:column;align-items:flex-start;gap:.8rem}.post-content{font-size:1rem;line-height:1.85}.post-content ul,.post-content ol{padding-left:1.25rem}.post-content blockquote{padding:1rem 1rem 1rem 1.25rem}.post-content pre,.post-content pre.astro-code{border-radius:10px;padding:2.5rem 1rem 1rem;font-size:.8rem}.code-copy-btn{width:28px;height:28px;font-size:.75rem}.post-nav{grid-template-columns:1fr}}