:root{--color-primary: #bd8bca;--color-secondary: #6366f1;--color-text: #1f2937;--color-bg: #ffffff;--color-border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;background:#fff;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}#root{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#6b7280}.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin:1rem 0}.post-list-title{font-size:2rem;font-weight:bold;margin-bottom:2rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.post-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;cursor:pointer;transition:box-shadow .3s}.post-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.post-card-image{width:100%;height:200px;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.post-card-title{font-size:1.25rem;font-weight:bold;margin-bottom:.5rem}.post-card-date{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.post-card-excerpt{color:#4b5563;margin-bottom:1rem}.post-card-link{color:#bd8bca;font-weight:500}.post-detail-article-inner{max-width:800px;margin:0 auto 40px}.post-detail-header{margin-bottom:2rem}.post-detail-title{font-size:2.5rem;font-weight:bold;margin-bottom:1rem;line-height:1.2}.post-detail-meta{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.post-detail-featured-image{width:100%;height:auto;border-radius:.5rem;margin-bottom:2rem}.back-button,.back-button-bottom{padding:.5rem 1rem;background:rgba(0,0,0,0);color:#bd8bca;border:1px solid #bd8bca;border-radius:.25rem;cursor:pointer;font-size:.875rem}.back-button:hover,.back-button-bottom:hover{background:#bd8bca;color:#fff}.back-button{margin-bottom:1.5rem}.back-button-bottom{margin-top:1.5rem}.post-content{line-height:1.8;font-size:1.125rem;color:#374151}.post-content p{margin-bottom:1.5rem;line-height:1.8}.post-content h2{font-size:1.75rem;font-weight:bold;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.post-content h3{font-size:1.5rem;font-weight:bold;margin-top:2rem;margin-bottom:.875rem;line-height:1.3}.post-content h4{font-size:1.25rem;font-weight:bold;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.3}.post-content ul,.post-content ol{margin-left:1.5rem;margin-bottom:1.5rem;line-height:1.8}.post-content ul li,.post-content ol li{margin-bottom:.5rem}.post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.post-content blockquote{border-left:4px solid #bd8bca;padding-left:1.5rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.post-content a{color:#bd8bca;text-decoration:underline}.post-content a:hover{opacity:.8}.post-content code{background:#f3f4f6;padding:.2rem .4rem;border-radius:.25rem;font-family:"Courier New",monospace;font-size:.9em}.post-content pre{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem}.post-content pre code{background:rgba(0,0,0,0);padding:0;color:inherit}@media(max-width: 768px){.post-list-title{font-size:2rem;margin-bottom:1.5rem}.post-detail-title{font-size:2rem}.post-content{font-size:1rem}.post-content h2{font-size:1.5rem;margin-top:2rem}.post-content h3{font-size:1.25rem;margin-top:1.5rem}.post-content h4{font-size:1.125rem;margin-top:1.25rem}.post-grid{grid-template-columns:1fr}.container{padding:0 .75rem}}@media(max-width: 480px){.post-list-title{font-size:1.75rem;margin-bottom:1rem}.post-detail-title{font-size:1.75rem}.post-content{font-size:.9375rem}.post-content h2{font-size:1.375rem;margin-top:1.5rem}.post-content h3{font-size:1.125rem;margin-top:1.25rem}.post-content h4{font-size:1rem;margin-top:1rem}.post-content p{margin-bottom:1.25rem}.post-content img{margin:1rem 0}.back-button,.back-button-bottom{font-size:.8125rem;padding:.4rem .8rem}}