@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#080c1a;--bg-secondary:#0d1530;--bg-card:#0f1732b3;--bg-card-hover:#142044d9;--surface:#ffffff0a;--surface-hover:#ffffff12;--accent-1:#6366f1;--accent-2:#8b5cf6;--accent-3:#a78bfa;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #c026d3 100%);--accent-glow:#6366f14d;--text-primary:#f0f4ff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#a78bfa;--border:#ffffff14;--border-accent:#6366f166;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 4px 32px #0006, 0 1px 0 #ffffff0d;--shadow-accent:0 0 40px #6366f133;--shadow-hover:0 8px 48px #00000080, 0 0 24px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(80% 50% at 20% -10%,#6366f126 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#8b5cf61a 0%,#0000 50%);min-height:100vh;font-family:Inter,Noto Sans JP,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.article-body{color:var(--text-primary);font-family:Noto Sans JP,sans-serif;font-size:1.05rem;line-height:1.9}.article-body h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:2rem 0 1rem;font-size:2rem;font-weight:700}.article-body h2{color:var(--text-accent);border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:1.4rem;font-weight:600}.article-body h3{color:var(--text-primary);margin:1.5rem 0 .5rem;font-size:1.15rem;font-weight:600}.article-body p{color:var(--text-secondary);margin-bottom:1.2rem}.article-body strong{color:var(--text-primary);font-weight:600}.article-body ul,.article-body ol{color:var(--text-secondary);margin:1rem 0 1.5rem 1.5rem}.article-body li{margin-bottom:.4rem}.article-body table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;margin:1.5rem 0;font-size:.9rem;overflow:hidden}.article-body table caption{color:var(--text-muted);text-align:left;margin-bottom:.5rem;font-size:.85rem}.article-body table th{color:var(--text-accent);text-align:left;border-bottom:1px solid var(--border-accent);background:#6366f126;padding:10px 14px;font-weight:600}.article-body table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 14px}.article-body table tr:hover td{background:var(--surface)}.article-body blockquote{border-left:3px solid var(--accent-1);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.5rem 0;padding:.75rem 1.25rem;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #6366f180}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in-up{animation:.5s forwards fadeInUp}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, #ffffff12 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}