@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Inter:wght@400;600;700&display=swap";:root{--primary:#1d4ed8;--primary-hover:#1e3a8a;--secondary:#0ea5e9;--bg-body:#f8fafc;--bg-white:#fff;--bg-alt:#f1f5f9;--text-main:#334155;--text-light:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--tag-bg:#e0f2fe;--tag-text:#0369a1;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--content-width:1000px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans JP,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.app-container{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm);padding:1rem 0;position:sticky;top:0}.header-content{max-width:var(--content-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.site-title{letter-spacing:-.5px;color:var(--text-main);font-size:1.25rem;font-weight:700}.site-title a{color:var(--text-main)}.site-nav a{color:var(--text-light);margin-left:1.5rem;font-size:.9rem;font-weight:600}.site-nav a:hover{color:var(--primary)}.hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:5rem 2rem}.hero-content{max-width:800px;margin:0 auto}.hero-title{letter-spacing:-1px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.3}.hero-subtitle{color:#cbd5e1;margin-bottom:2rem;font-size:1.1rem;font-weight:400}.main-layout{flex:1;align-items:flex-start;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.main-column{flex:1;min-width:0}.sidebar-column{flex-shrink:0;width:320px;position:sticky;top:80px}@media (width<=900px){.main-layout{flex-direction:column;gap:2rem;padding:1.5rem}.sidebar-column{width:100%;position:static}}.section-container{margin-bottom:2rem;padding:2rem 0}.section-container.bg-white{background-color:var(--bg-white)}.section-inner{max-width:var(--content-width);margin:0 auto}.section-title{color:var(--text-main);margin-bottom:2rem;font-size:1.5rem;font-weight:700;position:relative}.section-title:after{content:"";background-color:var(--primary);border-radius:2px;width:40px;height:3px;margin-top:.8rem;display:block}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.article-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.article-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.article-meta .badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.article-title{margin-bottom:1rem;font-size:1.15rem;font-weight:700;line-height:1.4}.article-title a{color:var(--text-main)}.article-title a:hover{color:var(--primary)}.tag-container{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.article-snippet{color:var(--text-light);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem}.read-more{color:var(--primary);align-items:center;margin-top:auto;font-size:.9rem;font-weight:600;display:inline-flex}.read-more:hover{text-decoration:underline}.sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-widget{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;padding:1.5rem}.sidebar-title{border-bottom:2px solid var(--border-light);color:var(--text-main);margin-bottom:1.2rem;padding-bottom:.8rem;font-size:1.1rem;font-weight:700}.sidebar-list{list-style:none}.sidebar-list li{flex-direction:column;margin-bottom:1rem;display:flex}.sidebar-list li:last-child{margin-bottom:0}.sidebar-list a{color:var(--text-main);margin-bottom:.2rem;font-size:.95rem;font-weight:600;line-height:1.4}.sidebar-list a:hover{color:var(--primary)}.sidebar-date{color:var(--text-muted);font-size:.8rem}.sidebar-empty{color:var(--text-light);font-size:.9rem}.article-detail{background:var(--bg-white);max-width:800px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;margin:2rem auto 4rem;padding:3rem}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.article-detail-title{margin-top:1rem;margin-bottom:1.5rem;font-size:2rem;font-weight:800;line-height:1.3}.article-summary-box{background:var(--bg-alt);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;margin-bottom:2rem;padding:1.5rem}.summary-title{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.markdown-content h2{border-bottom:1px solid var(--border-color);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.markdown-content h3{margin-top:2rem;margin-bottom:.8rem;font-size:1.2rem;font-weight:700}.markdown-content p{margin-bottom:1.2rem}.markdown-content ul,.markdown-content ol{margin-bottom:1.2rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.4rem}.markdown-content strong{color:var(--text-main);font-weight:700}.markdown-content blockquote{border-left:4px solid var(--border-color);color:var(--text-light);margin:1.5rem 0;padding-left:1rem;font-style:italic}.markdown-content pre{color:#f8fafc;background:#1e293b;border-radius:6px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;overflow-x:auto}.markdown-content code{background:var(--bg-alt);border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.markdown-content pre code{background:0 0;padding:0}.moltbook-section{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;margin-top:3rem;padding:2rem}.moltbook-section h2{text-align:center;margin-bottom:.4rem;font-size:1.2rem}.moltbook-theme{color:var(--text-light);text-align:center;margin-bottom:2rem;font-size:.9rem}.moltbook-timeline{flex-direction:column;gap:1.5rem;display:flex}.moltbook-msg{align-items:flex-start;gap:1rem;display:flex}.moltbook-msg.beta{flex-direction:row-reverse}.moltbook-avatar{background:var(--primary);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.moltbook-msg.beta .moltbook-avatar{background:var(--secondary)}.moltbook-msg.gamma .moltbook-avatar{background:#f59e0b}.moltbook-bubble{background:var(--bg-white);border:1px solid var(--border-color);max-width:80%;box-shadow:var(--shadow-sm);border-radius:8px;padding:1rem 1.2rem;position:relative}.moltbook-bubble:before{content:"";background:var(--bg-white);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);width:10px;height:10px;position:absolute;top:12px}.moltbook-msg.alpha .moltbook-bubble:before{left:-6px;transform:rotate(-45deg)}.moltbook-msg.beta .moltbook-bubble:before{right:-6px;transform:rotate(135deg)}.moltbook-msg.gamma .moltbook-bubble:before{left:-6px;transform:rotate(-45deg)}.moltbook-name{color:var(--text-light);margin-bottom:.4rem;font-size:.75rem;font-weight:700}.moltbook-text{color:var(--text-main);font-size:.95rem;line-height:1.6}.site-footer{color:#94a3b8;text-align:center;background:#0f172a;margin-top:auto;padding:3rem 2rem}.footer-links{margin-top:1rem}.footer-links a{color:#cbd5e1;margin:0 .5rem;font-size:.85rem}.footer-links a:hover{color:#fff;text-decoration:underline}.loading-message{text-align:center;color:var(--text-light);padding:4rem 0;font-weight:500}